@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
:root {
  --color-0: #ffffff;
  --color-50: #fffae9;
  --color-100: #fff6d2;
  --color-150: #dbe5ff;
  --color-200: #ffeda6;
  --color-300: #ffd05d;
  --color-400: #ffda4d;
  --color-500: #ffd120;
  --color-600: #efc31a;
  --color-700: #dfb513;
  --color-800: #cfa70d;
  --color-900: #bf9906;
  --color-950: #1a2145;
  --color-neutral-100: #f1f4f6;
  --color-neutral-200: #e3e5e8;
  --color-neutral-250: #dadce0;
  --color-neutral-300: #c7ccd1;
  --color-neutral-400: #b0b8c1;
  --color-neutral-50: #f7f8fa;
  --color-neutral-500: #8c98a7;
  --color-neutral-600: #6b7684;
  --color-neutral-700: #4e5866;
  --color-neutral-750: #313b48;
  --color-neutral-800: #24282c;
  --color-neutral-900: #1f242b;
  --tracking-md-tracking-md: -0.0188rem;
  --line-height-4xs: 0.75rem;
  --line-height-3xs: 0.8125rem;
  --line-height-2xs: 0.875rem;
  --line-height-xs: 1rem;
  --line-height-sm: 1.125rem;
  --line-height-lg: 1.3125rem;
  --line-height-md: 1.375rem;
  --line-height-xl: 1.5rem;
  --line-height-2xl: 1.625rem;
  --line-height-3xl: 1.75rem;
  --line-height-4xl: 2rem;
  --line-height-5xl: 2.625rem;
  --line-height-6xl: 3rem;
  --size-4xs: 0.625rem;
  --size-3xs: 0.6875rem;
  --size-2xs: 0.75rem;
  --size-xs: 0.8125rem;
  --size-sm: 0.875rem;
  --size-md-15: 0.9375rem;
  --size-md-16: 1rem;
  --size-lg: 1.0625rem;
  --size-xl: 1.125rem;
  --size-2xl: 1.25rem;
  --size-3xl: 1.375rem;
  --size-4xl: 1.5rem;
  --size-5xl: 1.875rem;
  --size-6xl: 2.25rem;
  --weight-400: 25rem;
  --weight-500: 31.25rem;
  --weight-600: 37.5rem;
  --weight-700: 43.75rem;
  --body-body: Pretendard;
  --title-title: Pretendard;
}

:root {
  --color-accent-beige-50: #faf3ea;
  --color-accent-beige-600: #a28468;
  --color-accent-beige-alt: #e7b676;
  --color-accent-beige-alt2: #975f47;
  --color-accent-blue-100: #eceffd;
  --color-accent-blue-150: #dbe5ff;
  --color-accent-blue-200: #bfd1fe;
  --color-accent-blue-400: #608cfa;
  --color-accent-green-50: #e4f9ee;
  --color-accent-green-600: #00b762;
  --color-accent-green-alt: #4dc589;
  --color-accent-llime-400: #87cd64;
  --color-accent-llime-50: #eef8e9;
  --color-accent-mint-100: #cef0ee;
  --color-accent-mint-50: #eafaf9;
  --color-accent-mint-500: #1ae5d6;
  --color-accent-mint-alt: #79d5a9;
  --color-accent-orange-100: #ffe9ca;
  --color-accent-orange-50: #fff2ea;
  --color-accent-orange-alt: #e79366;
  --color-accent-orange-alt2: #e9835b;
  --color-accent-purple-100: #d4d8f6;
  --color-accent-purple-400: #646fcd;
  --color-accent-purple-50: #e9ebf8;
  --color-accent-purple-500: #4a54c3;
  --color-accent-red-100: #fbddde;
  --color-accent-red-50: #fdecef;
  --color-accent-red-500: #d83844;
  --color-accent-red-alt: #e36b6d;
  --color-accent-sky-blue-100: #b9dbff;
  --color-accent-sky-blue-50: #e2f5ff;
  --color-accent-sky-blue-500: #008cff;
  --color-accent-sky-blue-alt: #76bce7;
  --color-accent-yellow-100: #fff6d2;
  --color-accent-yellow-200: #ffeda6;
  --color-accent-yellow-400: #ffda4d;
  --color-accent-yellow-50: #fffae9;
  --color-accent-yellow-700: #dfb513;
  --color-accent-yellow-alt: #f8d95f;
  --color-background-brand: #f2f4ff;
  --color-background-default: #ffffff;
  --color-background-neutral: #f7f8fa;
  --color-background-overlay: rgba(0, 0, 0, 0.5);
  --color-background-page: #ffffff;
  --color-background-storng: #e3e5e8;
  --color-background-subtle: #f1f4f6;
  --color-primary: #4168f6;
  --color-secondary: #24282c;
  --color-tertiary: #08bdaf;
  --color-label-alternative: #6b7684;
  --color-label-assistive: #8c98a7;
  --color-label-disable: #b0b8c1;
  --color-label-inverse: #ffffff;
  --color-label-normal: #24282c;
  --color-label-secondary: #4e5866;
  --color-label-strong: #1f242b;
  --color-line-alternative: #c7ccd1;
  --color-line-brand: #4168f6;
  --color-line-inverse: #ffffff;
  --color-line-neutral: #f1f4f6;
  --color-line-normal: #e3e5e8;
  --color-line-strong: #24282c;
  --color-line-thumbnail: rgba(0, 0, 0, 0.1);
  --color-down: #097df3;
  --color-up: #f03e4c;
  --color-neutral-alt: #d6e0ea;
  --color-neutral-alt2: #2e3848;
  --color-neutral-default: #b0b8c1;
  --color-neutral-emphasis: #8c98a7;
  --color-neutral-strong: #313b48;
  --color-neutral-subtle: #dadce0;
  --color-status-disabled-background: #dadce0;
  --color-status-disabled-border: #dadce0;
  --color-status-disabled-text: #ffffff;
  --color-status-error-background: #fdecef;
  --color-status-error-border: #e66770;
  --color-status-error-text: #d83844;
  --color-status-success-background: #f2f4ff;
  --color-status-success-border: #93b4fd;
  --color-status-success-text: #4168f6;
  --color-status-warning-background: #fffae9;
  --color-status-warning-border: #ffd05d;
  --color-status-warning-text: #efc31a;
  --color-surface-floating: rgba(36, 40, 44, 0.95);
  --color-surface-toast: rgba(49, 59, 72, 0.9);
  --color-alt: #f8d95f;
  --color-alt2: #e9835b;
  --color-black-dark-bg: #313b48;
  --color-black-dark-text: #ffffff;
  --color-blue-dark-bg: #4168f6;
  --color-blue-dark-text: #ffffff;
  --color-blue-light-bg: #eceffd;
  --color-blue-light-border: #bfd1fe;
  --color-blue-light-text: #4168f6;
  --color-gray-dark-bg: #b0b8c1;
  --color-gray-dark-text: #ffffff;
  --color-gray-light-bg: #f1f4f6;
  --color-gray-light-border: #e3e5e8;
  --color-gray-light-border-bg: #ffffff;
  --color-gray-light-text: #6b7684;
  --color-green-dark-bg: #4dc589;
  --color-green-dark-text: #ffffff;
  --color-green-light-bg: #e4f9ee;
  --color-green-light-text: #00b762;
  --color-orange-dark-bg: #e79366;
  --color-orange-dark-text: #ffffff;
  --color-orange-light-bg: #fff2ea;
  --color-orange-light-text: #e9835b;
  --color-red-dark-bg: #d83844;
  --color-red-dark-text: #ffffff;
  --color-red-light-bg: #fdecef;
  --color-red-light-border: #fbddde;
  --color-red-light-text: #f03e4c;
  --color-sky-blue-dark-bg: #008cff;
  --color-sky-blue-dark-text: #ffffff;
  --color-sky-blue-light-bg: #e2f5ff;
  --color-sky-blue-light-border: #b9dbff;
  --color-sky-blue-light-text: #097df3;
  --color-yellow-dark-bg: #ffda4d;
  --color-yellow-dark-text: #24282c;
  --color-yellow-light-bg: #fff6d2;
  --color-yellow-light-text: #dfb513;
  --color-graph1: #4168f6;
  --color-graph1-text: #608cfa;
  --color-graph2: #08bdaf;
  --color-graph3: #4dc589;
  --color-graph4: #bfd1fe;
  --color-graph5: #b0b8c1;
  --color-graph6: #f03e4c;
  --color-graph7: #097df3;
  --color-bg-default: #dadce0;
  --color-bg-disabled: #dadce0;
  --color-bg-selected: #4168f6;
  --color-check-icon: #ffffff;
  --color-border-selected: #4168f6;
  --color-base-border-default: #e3e5e8;
  --color-button-bg-default: #ffffff;
  --color-button-bg-selected: #f2f4ff;
  --color-button-text-default: #4e5866;
  --color-button-text-disabled: #b0b8c1;
  --color-button-text-selected: #4168f6;
  --color-default-bg-default: #dadce0;
  --color-default-bg-disabled: #dadce0;
  --color-default-bg-selected: #4168f6;
  --color-primary-border-selected: #4168f6;
  --color-primary-border-default: #e3e5e8;
  --color-primary-text-selected: #4168f6;
  --color-primary-text-default: #6b7684;
  --color-square-bg-default: #4168f6;
  --color-square-border-selected: #e3e5e8;
  --color-square-text-default: #ffffff;
  --color-square-text-selected: #8c98a7;
  --border-radius-r-01: 0.25rem;
  --border-radius-r-01-2: 0.375rem;
  --border-radius-r-02: 0.5rem;
  --border-radius-r-03: 0.75rem;
  --border-radius-r-04: 1rem;
  --border-radius-r-05: 1.5rem;
  --border-radius-r-06: 2rem;
  --border-radius-r-07: 6.25rem;
  --spacing-s-01: 0.125rem;
  --spacing-s-02: 0.25rem;
  --spacing-s-03: 0.375rem;
  --spacing-s-04: 0.5rem;
  --spacing-s-05: 0.75rem;
  --spacing-s-06: 1rem;
  --spacing-s-07: 1.25rem;
  --spacing-s-08: 1.5rem;
  --spacing-s-09: 2rem;
  --spacing-s-10: 2.5rem;
  --spacing-s-11: 3rem;
  --spacing-s-12: 4rem;
  --spacing-s-13: 5rem;
  --spacing-s-14: 6.25rem;
  --spacing-s-15: 7.5rem;
  --spacing-s-16: 10rem;
  --width-width: 24.5625rem;
  --height-height: 53.25rem;
}

:root {
  --color-primary-outline-border: #4168f6;
  --color-primary-outline-text: #4168f6;
  --color-primary-solid-bg: #4168f6;
  --color-primary-solid-text: #ffffff;
  --color-primary-solid-text-emphasis: #ffda4d;
  --color-primary-solid-light-bg: #eceffd;
  --color-primary-solid-light-text: #4168f6;
  --color-secondary-outline-bg: #ffffff;
  --color-secondary-outline-border: #e3e5e8;
  --color-secondary-outline-text: #4e5866;
  --color-secondary-solid-bg: #b0b8c1;
  --color-secondary-solid-text: #ffffff;
  --color-secondary-solid-light-bg: #f1f4f6;
  --color-secondary-solid-light-text: #4e5866;
  --color-tertiary-outline-border: #24282c;
  --color-tertiary-outline-text: #24282c;
  --color-tertiary-solid-bg: #313b48;
  --color-tertiary-solid-text: #ffffff;
  --color-utility-text-default: #ffffff;
  --color-secondary-outline-border-default: #e3e5e8;
  --color-secondary-outline-border-selected: #24282c;
  --color-secondary-outline-text-default: #6b7684;
  --color-secondary-outline-text-selected: #24282c;
  --color-secondary-solid-bg-default: #f1f4f6;
  --color-secondary-solid-bg-selected: #313b48;
  --color-secondary-solid-border-default: #e3e5e8;
  --color-secondary-solid-text-default: #6b7684;
  --color-secondary-solid-text-selected: #ffffff;
}

/**
 * 타이포그래피 Mixin
 * Figma 텍스트 스타일을 토큰 기반 Mixin으로 정의
 * 사용법: @include typography-title-medium-base;
 * 
 * 주의: 이 파일을 사용하기 전에 tokens-primitive와 tokens-semantic을 먼저 import해야 합니다.
 */
/**
 * Title/Medium/Base
 * Figma: Title/Medium/Base
 * font-size: 18px (1.125rem)
 * font-weight: 600
 * line-height: 24px (1.5rem)
 * letter-spacing: -0.3px (-0.0188rem)
 */
/**
 * Title/Medium/500
 * Figma: Title/Medium/500
 * font-size: 18px (Size/xl-01)
 * font-weight: 500 (Weight/500)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Title/Small/600
 * Figma: Title/Small/600
 * font-size: 16px (Size/md-16)
 * font-weight: 600 (Weight/600)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Medium/Base
 * Figma: Body/Medium/Base
 * font-size: 16px (Size/md-16)
 * font-weight: 400 (Weight/400)
 * line-height: 26px (Line-height/2xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Medium/400
 * Figma: Body/Medium/400
 * font-size: 16px (1rem)
 * font-weight: 400
 * line-height: 22px (1.375rem)
 */
/**
 * Body/Medium/500
 * Figma: Body/Medium/500
 * font-size: 16px (Size/md-16)
 * font-weight: 500 (Weight/500)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Small/400
 * Figma: Body/Small/400
 * font-size: 14px (0.875rem)
 * font-weight: 400
 * line-height: 18px (1.125rem)
 */
/**
 * Body/Small/500
 * Figma: Body/Small/500
 * font-size: 15px (Size/md-15)
 * font-weight: 500 (Weight/500)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Small/600
 * Figma: Body/Small/600
 * font-size: 15px (Size/md-15)
 * font-weight: 600 (Weight/600)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/* Body/Small/700 */
/**
 * Body/XSmall/400
 * Figma: Body/XSmall/400
 * font-size: 12px (0.75rem)
 * font-weight: 400
 */
/**
 * Body/XSmall/600
 * Figma: Body/XSmall/600
 * font-size: 14px (Size/sm)
 * font-weight: 600 (Weight/600)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Small/Base
 * Figma: Body/Small/Base
 * font-size: 15px (Size/md-15)
 * font-weight: 400 (Weight/400)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Label/Medium/Base
 * 기본 라벨 텍스트
 */
/**
 * Label/Small/Base
 * 작은 라벨 텍스트
 */
/**
 * Body/XSmall/Base
 * Figma: Body/XSmall/Base
 * font-size: 14px (Size/sm)
 * font-weight: 400 (Weight/400)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/XSmall/500
 * Figma: Body/XSmall/500
 * font-size: 14px (Size/sm)
 * font-weight: 500 (Weight/500)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/XSmall/700
 * Figma: Body/XSmall/700
 * font-size: 14px (Size/sm)
 * font-weight: 700 (Weight/700)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/* Number/Small/400 */
/* Number/Small/500 */
/* Number/Small/600 */
/**
 * Number/Small/700
 * Figma: Number/Small/700
 * font-size: 14px (Size/sm)
 * font-weight: 700 (Weight/700)
 * line-height: 18px (Line-height/sm)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Number/Small/Base
 * Figma: Number/Small/Base
 * font-size: 14px (Size/sm)
 * font-weight: 500 (Weight/500)
 * line-height: 18px (Line-height/sm)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/Medium/Base
 * Figma: Caption/Medium/Base
 * font-size: 13px (Size/xs)
 * font-weight: 400 (Weight/400)
 * line-height: 16px (Line-height/xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/Medium/400
 * Figma: Caption/Medium/400
 * font-size: 13px (Size/xs)

 * font-weight: 400 (Weight/400)
 * line-height: 16px (Line-height/xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Small/400
 * Figma: Body/Small/400
 * font-size: 15px (Size/md-15)
 * font-weight: 400 (Weight/400)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/Medium/500
 * Figma: Caption/Medium/500
 * font-size: 13px (Size/xs)
 * font-weight: 500 (Weight/500)
 * line-height: 16px (Line-height/xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/Medium/600
 * Figma: Caption/Medium/600
 * font-size: 13px (Size/xs)
 * font-weight: 600 (Weight/600)
 * line-height: 16px (Line-height/xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/XSmall
 * Figma: Caption/XSmall
 * font-size: 11px (Size/3xs)
 * font-weight: 500 (Weight/500)
 * line-height: 13px (Line-height/3xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Heading/Medium
 * Figma: Heading/Medium
 * font-size: 20px (Size/2xl)
 * font-weight: 600 (Weight/600)
 * line-height: 26px (Line-height/2xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Heading/Small
 * Figma: Heading/Small
 * font-size: 18px (Size/xl)
 * font-weight: 600 (Weight/600)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Large/400
 * Figma: Body/Large/400
 * font-size: 18px (Size/xl-01)
 * font-weight: 400 (Weight/400)
 * line-height: 28px (Line-height/3xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Large/500
 * Figma: Body/Large/500
 * font-size: 18px (Size/xl-01)
 * font-weight: 500 (Weight/500)
 * line-height: 28px (Line-height/3xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Large/600
 * Figma: Body/Large/600
 * font-size: 18px (Size/xl)
 * font-weight: 600 (Weight/600)
 * line-height: 28px (Line-height/3xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Large/700
 * Figma: Body/Large/700
 * font-size: 18px (Size/xl)
 * font-weight: 700 (Weight/700)
 * line-height: 28px (Line-height/3xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Body/Medium/600
 * Figma: Body/Medium/600
 * font-size: 16px (Size/md-16)
 * font-weight: 600 (Weight/600)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Title/XLarge/600
 * Figma: Title/XLarge/600
 * font-size: 30px (Size/5xl)
 * font-weight: 600 (Weight/600)
 * line-height: 42px (Line-height/5xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Title/Small/500
 * Figma: Title/Small/500
 * font-size: 16px (Size/md-16)
 * font-weight: 500 (Weight/500)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Title/Small/Base
 * Figma: Title/Small/Base
 * font-size: 16px (Size/md-16)
 * font-weight: 600 (Weight/600)
 * line-height: 22px (Line-height/md)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Number/Large
 * Figma: Number/Large
 * font-size: 18px (Size/xl)
 * font-weight: 600 (Weight/600)
 * line-height: 24px (Line-height/xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Number/Medium/Base
 * Figma: Number/Medium/Base
 * font-size: 16px (Size/md-16)
 * font-weight: 600 (Weight/600)
 * line-height: 21px (Line-height/lg)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Number/Medium/500
 * Figma: Number/Medium/500
 * font-size: 16px (Size/md-16)
 * font-weight: 500 (Weight/500)
 * line-height: 21px (Line-height/lg)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Number/Medium/600
 * Figma: Number/Medium/600
 * font-size: 16px (Size/md-16)
 * font-weight: 600 (Weight/600)
 * line-height: 21px (Line-height/lg)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/Large/Base
 * Figma: Caption/Large/Base
 * font-size: 14px (Size/sm)
 * font-weight: 400 (Weight/400)
 * line-height: 18px (Line-height/sm)
 * letter-spacing: -0.3px (Tracking-md)
 */
/* Caption/Large/400 */
/**
 * Caption/Large/500
 * Figma: Caption/Large/500
 * font-size: 14px (Size/sm)
 * font-weight: 500 (Weight/500)
 * line-height: 18px (Line-height/sm)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Caption/Large/600
 * Figma: Caption/Large/600
 * font-size: 14px (Size/sm)
 * font-weight: 600 (Weight/600)
 * line-height: 18px (Line-height/sm)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Display/Small
 * Figma: Display/Small
 * font-size: 24px (Size/4xl)
 * font-weight: 700 (Weight/700)
 * line-height: 32px (Line-height/4xl)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * 텍스트 2줄 말줄임 처리
 */
/**
 * Badge/Small
 * Figma: Badge/Small
 * font-size: 11px (Size/3xs)
 * font-weight: 500 (Weight/500)
 * line-height: 13px (Line-height/3xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/**
 * Badge/XSmall
 * Figma: Badge/XSmall
 * font-size: 10px (Size/4xs)
 * font-weight: 500 (Weight/500)
 * line-height: 12px (Line-height/4xs)
 * letter-spacing: -0.3px (Tracking-md)
 */
/* Button/XSmall */
/**
 * 텍스트 말줄임 처리 (1줄)
 */
/**
 * 컴포넌트 스타일 - 디자인 토큰 기반
 * 
 * 이 파일은 각종 UI 컴포넌트의 SCSS 스타일을 정의합니다.
 * 디자인 토큰, 믹스인 등을 적극 활용하여, 유지보수성과 일관성을 높입니다.
 * 
 * 사용 예시:
 *   @import "abstracts/components";
 *
 * 주의: 이 파일을 사용하기 전에 tokens-primitive, tokens-semantic, typography를 먼저 import해야 합니다.
 */
.pressable {
  transition: transform 0.2s ease;
  will-change: transform;
}
.pressable:active:not(:disabled) {
  transform: translate(2px, 2px);
}

.radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.radio input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-bg-default);
  border-radius: 50%;
  background-color: var(--color-bg-default);
  margin: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.radio input[type=radio]:checked {
  border-color: var(--color-bg-selected);
  background-color: var(--color-bg-selected);
}
.radio input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-0);
}
.radio input[type=radio]:disabled {
  border-color: var(--color-bg-disabled);
  background-color: var(--color-bg-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.radio input[type=radio]:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
.radio label {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-label-normal);
  font-size: var(--size-md-16, 1rem);
}
.radio label:has(+ input:disabled) {
  color: var(--color-label-disable);
  cursor: not-allowed;
}

/**
 * 버튼 컴포넌트
 * Figma 디자인 토큰을 기반으로 생성
 * 
 * 사용법:
 *   <a href="#" class="btn btn--primary-solid">지금 가입</a>
 *   <button class="btn btn--primary-outline">버튼</button>
 */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 8px;
  font-family: Pretendard;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
  will-change: transform;
}
.btn:active:not(:disabled) {
  transform: translate(2px, 2px);
}
.btn--primary-solid {
  background-color: var(--color-primary-solid-bg-default, #4168f6);
  color: var(--color-primary-solid-text-default, #ffffff);
  padding: 6px 12px;
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.btn--primary-solid:hover:not(:disabled) {
  background-color: var(--color-primary-solid-bg-hover, #608cfa);
}
.btn--primary-solid:active:not(:disabled) {
  background-color: var(--color-primary-solid-bg-pressed, #2542eb);
}
.btn--primary-solid-small, .v_signalStreng.globalStock #header.m_hdr .headerTop .hm .btn.btn_join {
  background-color: var(--color-primary-solid-bg-default, #4168f6);
  color: var(--color-primary-solid-text-default, #ffffff);
  padding: 0 8px;
  height: 28px;
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.btn--primary-outline {
  background-color: var(--color-primary-outline-bg-default);
  border-color: var(--color-primary-outline-border-default);
  color: var(--color-primary-outline-text-default);
}
.btn--primary-outline:hover:not(:disabled) {
  border-color: var(--color-primary-outline-border-hover);
}
.btn--primary-outline:active:not(:disabled) {
  border-color: var(--color-primary-outline-border-pressed);
}
.btn:disabled {
  background-color: var(--color-disabled-background);
  border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
  cursor: not-allowed;
  opacity: 0.6;
}
.btn:focus-visible {
  outline: 2px solid var(--color-brand, #4168f6);
  outline-offset: 2px;
}

.checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.checkbox input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-normal);
  border-radius: var(--radius-r-01, 0.25rem);
  background-color: var(--color-bg-default);
  margin: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.checkbox input[type=checkbox]:checked {
  border-color: var(--color-bg-selected);
  background-color: var(--color-bg-selected);
}
.checkbox input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-0);
  font-size: 14px;
  font-weight: bold;
}
.checkbox input[type=checkbox]:disabled {
  border-color: var(--color-normal);
  background-color: var(--color-bg-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.checkbox input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
.checkbox label {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-label-normal);
  font-size: var(--size-md-16, 1rem);
}
.checkbox label:has(+ input:disabled) {
  color: var(--color-label-disable);
  cursor: not-allowed;
}

.tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-normal);
}
.tabs__item {
  flex: 1;
  text-align: center;
}
.tabs__item__link {
  display: block;
  padding: var(--spacing-s-06, 0.75rem) var(--spacing-m-08, 1rem);
  color: var(--color-depth-1-text-default);
  font-size: var(--size-md-16, 1rem);
  font-weight: var(--weight-600, 600);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
}
.tabs__item__link:hover {
  color: var(--color-depth-1-text-selected);
}
.tabs__item__link.active {
  color: var(--color-depth-1-text-selected);
  border-bottom-color: var(--color-depth-1-border-selected);
}
.tabs--depth-2 .tabs__item__link {
  color: var(--color-depth-2-text-default);
  border-bottom-color: var(--color-depth-2-border-default);
}
.tabs--depth-2 .tabs__item__link:hover {
  color: var(--color-depth-2-text-selected);
}
.tabs--depth-2 .tabs__item__link.active {
  color: var(--color-depth-2-text-selected);
  border-bottom-color: var(--color-depth-2-border-selected);
}
.tabs--depth-3 .tabs__item__link {
  color: var(--color-depth-3-text-default);
}
.tabs--depth-3 .tabs__item__link:hover {
  color: var(--color-depth-3-text-selected);
}
.tabs--depth-3 .tabs__item__link.active {
  color: var(--color-depth-3-text-selected);
  border-bottom-color: var(--color-depth-3-border-selected);
}
.tabs--round {
  border-bottom: none;
}
.tabs--round .tabs__item__link {
  background-color: var(--color-round-bg-default);
  border-radius: var(--radius-r-04, 1rem);
  border-bottom: none;
}
.tabs--round .tabs__item__link.active {
  background-color: var(--color-round-bg-selected);
  border: 1px solid var(--color-round-border-selected);
  color: var(--color-round-text-selected);
}

.toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.toggle input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: var(--color-bg-default);
  border: 2px solid var(--color-normal);
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}
.toggle input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-0);
  transition: all 0.2s ease;
}
.toggle input[type=checkbox]:checked {
  background-color: var(--color-bg-selected);
  border-color: var(--color-bg-selected);
}
.toggle input[type=checkbox]:checked::after {
  left: calc(100% - 18px);
  background-color: var(--color-0);
}
.toggle input[type=checkbox]:disabled {
  background-color: var(--color-bg-default);
  border-color: var(--color-normal);
  cursor: not-allowed;
  opacity: 0.6;
}
.toggle input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
.toggle label {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-label-normal);
  font-size: var(--size-md-16, 1rem);
}
.toggle label:has(+ input:disabled) {
  color: var(--color-label-disable);
  cursor: not-allowed;
}

.status {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs-04, 0.5rem) var(--spacing-s-06, 0.75rem);
  border-radius: var(--radius-r-02, 0.5rem);
  font-size: var(--size-sm, 0.875rem);
  font-weight: var(--weight-500, 500);
}
.status--error {
  background-color: var(--color-error-background);
  border: 1px solid var(--color-error-border);
  color: var(--color-error-text);
}
.status--success {
  background-color: var(--color-success-background);
  border: 1px solid var(--color-success-border);
  color: var(--color-success-text);
}
.status--warning {
  background-color: var(--color-warning-background);
  border: 1px solid var(--color-warning-border);
  color: var(--color-warning-text);
}

.bg--default {
  background-color: var(--color-0);
}
.bg--neutral {
  background-color: var(--color-neutral);
}
.bg--subtle {
  background-color: var(--color-subtle);
}
.bg--strong {
  background-color: var(--color-storng);
}

.text--normal {
  color: var(--color-label-normal);
}
.text--secondary {
  color: var(--color-label-secondary);
}
.text--alternative {
  color: var(--color-label-alternative);
}
.text--assistive {
  color: var(--color-label-assistive);
}
.text--disable {
  color: var(--color-label-disable);
}
.text--inverse {
  color: var(--color-label-inverse);
}
.text--strong {
  color: var(--color-label-strong);
}

.border--normal {
  border-color: var(--color-normal);
}
.border--neutral {
  border-color: var(--color-neutral);
}
.border--alternative {
  border-color: var(--color-alternative);
}
.border--strong {
  border-color: var(--color-label-normal);
}
.border--brand {
  border-color: var(--color-border);
}

:root {
  --Font-primary-blue: #4168F6;
  --Red-red500: #F03E4C;
  --Font-primary-body: #24282C;
  --Background-fill-background: #F7F8FA;
}

hr {
  all: unset;
  display: block;
  width: 100%;
  height: 0;
  border: 0;
  border-top: 8px solid var(--Background-fill-background, #F1F4F6);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.highcharts-label.highcharts-no-data {
  position: relative;
}
.highcharts-label.highcharts-no-data span:before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 22px;
  position: absolute;
  left: -22px;
  top: -18px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--Radius-r-03, 12px);
  background: var(--Background-secondary-background, #F7F8FA);
  z-index: -1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*
// 🎯 기본 사용법
.container {
  padding: 20px;

  @include mobile-only {
    padding: 10px;
  }

  @include tablet-up {
    padding: 30px;
  }

  @include desktop-up {
    padding: 40px;
  }
}

// 🎯 아이폰 특화 대응
.iphone-specific {
  font-size: 16px;

  @include iphone-se-1st {
    font-size: 14px; // iPhone SE 1st gen용 작은 폰트
  }

  @include iphone-12-15-pro-max {
    font-size: 18px; // Pro Max용 큰 폰트
  }
}

// 🎯 범위별 대응
.custom-range {
  @include range(400px, 600px) {
    // 400px ~ 600px 범위에서만 적용
    background: red;
  }
}

// 🎯 방향별 대응
.orientation-aware {
  @include portrait {
    // 세로 모드
    flex-direction: column;
  }

  @include landscape {
    // 가로 모드
    flex-direction: row;
  }
}

// 🎯 접근성 고려
.accessible-animation {
  animation: fadeIn 0.3s ease-in;

  @include reduced-motion {
    animation: none; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
.v_signalStreng.globalStock #header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-gap-8, 8px);
  width: 100%;
  height: 56px;
  padding: var(--spacing-padding-4, 4px) var(--spacing-padding-16, 16px);
  box-sizing: border-box;
}
.v_signalStreng.globalStock #header .headerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px 6px;
  width: 100%;
  min-height: 56px;
  padding: 0;
  background: var(--color-0, #FFFFFF);
  box-sizing: border-box;
  position: relative;
}
.v_signalStreng.globalStock #header .headerTop .left {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  z-index: 2;
}
.v_signalStreng.globalStock #header .headerTop .left .go_back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 4L7 12L15 20' stroke='%2324282C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
}
.v_signalStreng.globalStock #header .headerTop .left .go_back:hover {
  opacity: 0.8;
}
.v_signalStreng.globalStock #header .headerTop .left .go_back:active {
  opacity: 0.6;
}
.v_signalStreng.globalStock #header .headerTop .left .go_back:focus-visible {
  outline: 2px solid var(--Font-primary-blue, #4168F6);
  outline-offset: 2px;
  border-radius: 4px;
}
.v_signalStreng.globalStock #header .headerTop .cen {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: calc(100% - 120px);
  box-sizing: border-box;
  z-index: 1;
}
.v_signalStreng.globalStock #header .headerTop .cen .headerLogo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 0;
}
.v_signalStreng.globalStock #header .headerTop .cen .headerLogo span {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard), sans-serif;
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v_signalStreng.globalStock #header .headerTop .right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex-shrink: 0;
  z-index: 2;
  position: relative;
  height: 100%;
}
.v_signalStreng.globalStock #header .headerTop .right .att {
  position: absolute;
  right: 15px;
  top: -3px;
}
.v_signalStreng.globalStock #header .headerTop .right .att .attention {
  cursor: pointer;
  background-color: #ccd1d5;
  position: absolute;
  margin: auto;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
  animation-name: beat;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.v_signalStreng.globalStock #header .headerTop .right .att .attention:after {
  background-color: #ccd1d5;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0px;
  left: 6px;
}
.v_signalStreng.globalStock #header .headerTop .right .att .attention:before {
  background-color: #ccd1d5;
  content: "";
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 0px;
  width: 12px;
  height: 12px;
}
.v_signalStreng.globalStock #header .headerTop .right .att .attention.on {
  background-color: #dd5257;
}
.v_signalStreng.globalStock #header .headerTop .right .att .attention.on:after,
.v_signalStreng.globalStock #header .headerTop .right .att .attention.on:before {
  background-color: #dd5257;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop {
  padding: 0;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .btn_login {
  color: var(--color-label-normal, #24282C);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  will-change: transform;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .btn_login:active:not(:disabled) {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .btn_login {
  text-decoration: none;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .alarm {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
  flex-shrink: 0;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .alarm img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg) scaleY(-1);
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .alarm i {
  display: inline-block;
  background: var(--color-secondary-up, #F03E4C);
  width: 7px;
  height: 7px;
  position: absolute;
  left: 66.67%;
  top: calc(50% - 9px);
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 0;
  z-index: 1;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .alarm {
  will-change: transform;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .alarm:active:not(:disabled) {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .h_menu {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
  flex-shrink: 0;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .h_menu svg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 6px;
  top: 6px;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .h_menu svg path {
  fill: var(--color-label-normal, #24282C);
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .h_menu {
  will-change: transform;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .h_menu:active:not(:disabled) {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .go_briefing {
  position: absolute;
  right: 0;
  top: 17px;
  display: inline-block;
  width: 93px;
  height: 23px;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .go_briefing img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.v_signalStreng.globalStock #header .event2024_payment_sub {
  margin-left: -16px;
  margin-right: -16px;
}
.v_signalStreng.globalStock #header .event2024_payment_sub a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.v_signalStreng.globalStock #header .event2024_payment_sub a img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.header_view {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #fff;
  padding: 0 16px;
  box-sizing: border-box;
  z-index: 89;
  max-width: 767px;
}
.header_view .headerTop {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px 6px;
  width: 100%;
  height: 56px;
  box-sizing: border-box;
}
.header_view .headerTop .left {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  /* 중앙 요소보다 위에 배치 */
}
.header_view .headerTop .left .go_back {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 4L7 12L15 20' stroke='%2324282C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
}
.header_view .headerTop .cen {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 4px 4px;
  width: auto;
  max-width: calc(100% - 120px);
  /* 좌우 버튼 영역을 고려한 최대 너비 */
  box-sizing: border-box;
  z-index: 1;
}
.header_view .headerTop .cen .company_nm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 16ch;
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.header_view .headerTop .cen .detail .per .num {
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.header_view .headerTop .cen .detail .per span {
  display: inline-flex;
  align-items: center;
  gap: 2px 2px;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.header_view .headerTop .cen .detail .per span.increase {
  color: #E1305A;
}
.header_view .headerTop .cen .detail .per span.increase .num {
  color: #E1305A;
}
.header_view .headerTop .cen .detail .per span.decrease {
  color: #303FAF;
}
.header_view .headerTop .cen .detail .per span.decrease .num {
  color: #303FAF;
}
.header_view .headerTop .cen .detail .per span.same {
  color: var(--Gray-gray500, #8C98A7);
}
.header_view .headerTop .cen .detail .per span.same .num {
  color: var(--Gray-gray500, #8C98A7);
}
.header_view .headerTop .cen .headerLogo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  font-size: 1.25rem;
}
.header_view .headerTop .cen .headerLogo .ticker {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18ch;
}
@media (max-width: var(--bp-mobile-max)) {
  .header_view .headerTop .cen .headerLogo .ticker {
    max-width: 16ch;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  .header_view .headerTop .cen .headerLogo .ticker {
    max-width: 16ch;
  }
}
@media (min-width: 640px) and (max-width: 9999px) {
  .header_view .headerTop .cen .headerLogo .ticker {
    max-width: none;
  }
}
.header_view .headerTop .cen .headerLogo span {
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.header_view .headerTop .share_btn {
  position: absolute;
  right: 0;
  top: 15px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  z-index: 2;
  /* 중앙 요소보다 위에 배치 */
}
.header_view .headerTop .share_btn:active {
  transform: translate(2px, 2px);
}
.header_view .headerTop .share_btn + .tooltip_content {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--spacing-s);
  border-radius: 100px;
  background: var(--color-highlight);
  max-width: 200px;
  z-index: var(--z-index-tooltip);
}
.header_view .headerTop .share_btn + .tooltip_content .tooltip_icon {
  position: absolute;
  right: 20px;
  top: -12px;
}
.header_view .headerTop .share_btn + .tooltip_content .tooltip_text {
  margin: 0;
  padding: 0;
  width: 100%;
}
.header_view .headerTop .share_btn + .tooltip_content .txt {
  margin: 0;
  padding: 0;
  width: 100%;
  color: var(--color-text-primary);
  text-align: left;
  font-family: var(--font-family-body);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-xs);
  letter-spacing: var(--letter-spacing-tight);
}
.header_view .headerTop .share_btn + .tooltip_content {
  cursor: pointer;
  pointer-events: auto;
  display: none;
  right: 0px;
  top: calc(50% + 33px);
  transform: translateY(-50%);
}

#footer {
  margin: 0;
  margin-top: 80px;
  padding: 48px 20px 55px;
  background: var(--Background-fill-background, #F1F4F6);
}
.page_desc_wrap + #footer {
  margin-top: 0;
}
#footer .f_top {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px 4px;
}
#footer .f_top .f_title {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .f_top .f_txt {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: 4px 4px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .f_top .f_txt::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  min-width: 3px;
  background-color: var(--Gray-gray400, #B0B8C1);
  border-radius: 100%;
  margin-top: 8px;
}
#footer .f_top .dataLink {
  padding-left: 8px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .f_top .dataLink a {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-weight: var(--Weight-400, 400);
}
#footer .foot_info {
  margin-top: 48px;
  padding-bottom: 24px;
}
#footer .foot_info .f_title {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .term_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 8px 12px;
  margin: 8px 0 0;
  padding: 0;
}
#footer .foot_info .term_list li {
  display: inline-flex;
  align-items: center;
  gap: 0 12px;
  box-sizing: border-box;
}
#footer .foot_info .term_list li:first-child {
  padding-left: 0;
  border-left: none;
}
#footer .foot_info .term_list li:first-child::before {
  display: none;
}
#footer .foot_info .term_list li::before {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background-color: var(--Border-primary-border, #E3E5E8);
}
#footer .foot_info .term_list li a {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .term_list li a strong {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .info_tel_box {
  margin-top: 8px;
}
#footer .foot_info .info_tel_box .cs {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .info_tel_box .cs a {
  color: var(--Gray-gray600, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#footer .foot_info .foot_title {
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .foot_txt {
  display: flex;
  flex-direction: column;
  gap: 16px 16px;
  margin-top: 4px;
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .foot_txt .txt {
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .foot_info .dataLink {
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  letter-spacing: var(--Tracking-md, -0.3px);
  margin-top: 2px;
}
#footer .foot_info .dataLink a {
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  text-decoration-line: underline;
}
#footer .copyright {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}
#footer .copyright p, #footer .copyright a {
  display: inline-flex;
  align-items: center;
  gap: 4px 4px;
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .copyright p i, #footer .copyright a i {
  display: inline-flex;
  align-items: center;
  top: 0;
  border-color: #E3E5E8;
  margin: 0 8px;
}
#footer .copyright p:nth-child(2) {
  margin-top: 4px;
}
#footer .terms_list {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 6px 6px;
}
#footer .terms_list a {
  padding: 0;
  margin: 0;
  display: inline-block;
  color: var(--Gray-gray600, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .terms_list a strong {
  font-weight: var(--Weight-700, 700);
}
#footer .terms_list i {
  display: inline-flex;
  align-items: center;
  margin: 0 3px;
  display: inline-block;
  width: 1px;
  height: 10px;
  border-right: 1px solid #E3E5E8;
  top: 0;
  margin-right: 8px;
}
#footer .family_site {
  display: flex;
  gap: 4px 8px;
  margin-top: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid var(--Border-primary-border, #E3E5E8);
}
#footer .family_site .f_title {
  color: var(--Gray-gray600, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer .family_site ul {
  display: inline-flex;
  align-items: center;
  gap: 4px 8px;
}
#footer .family_site ul li a {
  color: var(--Gray-gray600, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#footer.main_footer .f_top .f_title {
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.main_footer .f_top .f_txt:first-of-type {
  margin-top: 0;
}
#footer.main_footer .f_top .f_txt {
  margin-top: 12px;
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.main_footer .f_top .f_txt::before {
  display: none;
}
#footer.main_footer .f_top .dataLink {
  padding-left: 0;
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.main_footer .foot_info {
  display: flex;
  gap: 8px 8px;
  flex-direction: column;
  margin-top: 32px;
  padding-bottom: 0;
}
#footer.main_footer .foot_info .term_list {
  margin-top: 0;
}
#footer.main_footer .foot_info .term_list li a {
  color: var(--Gray-gray600, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.main_footer .foot_info .term_list li a strong {
  color: var(--Gray-gray600, #6B7684);
  font-weight: var(--Weight-700, 700);
}
#footer.main_footer .copyright {
  margin-top: 16px;
}
#footer.main_footer .copyright p, #footer.main_footer .copyright a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px 4px;
  margin: 0;
  color: var(--Gray-gray400, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.main_footer .copyright p i, #footer.main_footer .copyright a i {
  display: inline-flex;
  align-items: center;
  width: 1px;
  height: 11px;
  position: relative;
  top: 0;
  background-color: var(--Border-primary-border, #E3E5E8);
  margin: 0 8px;
}
#footer.chous_footer .f_top {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px 4px;
}
#footer.chous_footer .f_top .f_title {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.chous_footer .f_top .f_txt {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: 4px 4px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.chous_footer .f_top .f_txt::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  min-width: 3px;
  background-color: var(--Gray-gray400, #B0B8C1);
  border-radius: 100%;
  margin-top: 8px;
}
#footer.chous_footer .f_top .dataLink {
  padding-left: 8px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.chous_footer .f_top .dataLink a {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-weight: var(--Weight-400, 400);
}
#footer.chous_footer .foot_info {
  margin-top: 48px;
  padding-bottom: 24px;
}
#footer.chous_footer .foot_info .f_title {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.chous_footer .foot_info .term_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 6px 12px;
  margin: 8px 0 0;
  padding: 0;
}
#footer.chous_footer .foot_info .term_list li {
  display: inline-flex;
  align-items: center;
  gap: 0 12px;
  box-sizing: border-box;
}
#footer.chous_footer .foot_info .term_list li:first-child {
  padding-left: 0;
  border-left: none;
}
#footer.chous_footer .foot_info .term_list li:first-child::before {
  display: none;
}
#footer.chous_footer .foot_info .term_list li::before {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background-color: var(--Border-primary-border, #E3E5E8);
}
#footer.chous_footer .foot_info .term_list li a {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#footer.chous_footer .foot_info .term_list li a strong {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.certification {
  position: relative;
  top: 36px;
  padding: 19px 15px;
  background-color: #F5F5F9;
}
.certification ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px 12px;
}
.certification ul li {
  flex: 1 1 30%;
  text-align: center;
}
.certification ul li img {
  display: inline-block;
  width: auto;
  max-height: 22px;
}

.page_desc_wrap {
  margin-top: 80px;
  padding: 48px 20px 0;
  background: var(--Background-fill-background, #F1F4F6);
}
.page_desc_wrap.recipe_footer {
  margin-top: 0px;
  padding: 128px 20px 0;
  background: var(--Background-fill-background, #F1F4F6);
}
.page_desc_wrap .page_desc_inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px 4px;
}
.page_desc_wrap .page_desc_inner .f_title {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.page_desc_wrap .page_desc_inner .f_txt {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 4px;
  padding-left: 8px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.page_desc_wrap .page_desc_inner .f_txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  min-width: 3px;
  background-color: var(--Gray-gray400, #B0B8C1);
  border-radius: 100%;
}
.page_desc_wrap .page_desc_inner .f_list {
  display: flex;
  gap: 4px 4px;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2px 0 2px 12px;
}
.page_desc_wrap .page_desc_inner .f_list li {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.page_desc_wrap .page_desc_inner .faq_link {
  display: flex;
  align-items: center;
  gap: 2px 2px;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/*** 1.0 Mobile Reset** -----------------------------------------------------------------------------*/
/* =============================================================================
   📋 BASE STYLES - 기본 스타일 (라인 5-350)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _base.scss
   - 리셋 스타일
   - 기본 HTML 요소 스타일
   - 폰트 설정
   - 반응형 기본 설정
   ============================================================================= */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*
// 🎯 기본 사용법
.container {
  padding: 20px;

  @include mobile-only {
    padding: 10px;
  }

  @include tablet-up {
    padding: 30px;
  }

  @include desktop-up {
    padding: 40px;
  }
}

// 🎯 아이폰 특화 대응
.iphone-specific {
  font-size: 16px;

  @include iphone-se-1st {
    font-size: 14px; // iPhone SE 1st gen용 작은 폰트
  }

  @include iphone-12-15-pro-max {
    font-size: 18px; // Pro Max용 큰 폰트
  }
}

// 🎯 범위별 대응
.custom-range {
  @include range(400px, 600px) {
    // 400px ~ 600px 범위에서만 적용
    background: red;
  }
}

// 🎯 방향별 대응
.orientation-aware {
  @include portrait {
    // 세로 모드
    flex-direction: column;
  }

  @include landscape {
    // 가로 모드
    flex-direction: row;
  }
}

// 🎯 접근성 고려
.accessible-animation {
  animation: fadeIn 0.3s ease-in;

  @include reduced-motion {
    animation: none; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
html {
  font-size: 16px;
}

@media (min-width: 320px) and (max-width: 358px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 375px) and (max-width: 700px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 701px) and (max-width: 759px) {
  html {
    font-size: 16px;
  }
}
/* 구글 애드센스 반응형 코드 */
.example_responsive_1 {
  width: 320px;
  height: 100px;
}

@media (min-width: 500px) and (max-width: 9999px) {
  .example_responsive_1 {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 800px) and (max-width: 9999px) {
  .example_responsive_1 {
    width: 728px;
    height: 90px;
  }
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 100%;
  font-family: "Pretendard Variable", Pretendard, "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  letter-spacing: -0.015rem;
  color: #444;
  vertical-align: baseline;
  word-break: keep-all;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
}

body {
  word-break: break-all;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #fff;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

ul,
ol,
li {
  list-style: none;
}

fieldset,
img {
  border: 0;
}

hr {
  height: 0;
  box-sizing: content-box;
}

sub,
sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

address,
caption,
em,
var {
  font-style: normal;
  font-weight: normal;
}

a {
  text-decoration: none;
}

a[href^=tel] {
  font-style: normal;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

img {
  border: 0;
  vertical-align: top;
}

pre {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

legend {
  padding: 0;
  border: 0;
}

input {
  vertical-align: middle;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

input:checked[type=checkbox] {
  -moz-appearance: checkbox;
       appearance: checkbox;
  -webkit-appearance: checkbox;
}

input:checked[type=radio] {
  -moz-appearance: checkbox;
       appearance: checkbox;
  -webkit-appearance: checkbox;
}

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  border-radius: 0;
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

optgroup {
  font-weight: bold;
}

textarea {
  overflow: auto;
  border: 1px solid #bcbcbc;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

body {
  background: var(--color-0, #FFFFFF);
  max-width: 768px;
  margin: 0 auto;
  overflow: auto;
}

body,
#wrap {
  display: flex;
  flex-direction: column;
  min-height: -webkit-fill-available;
  min-height: 100vh;
}

#container {
  flex: 1;
}

.hide {
  display: none !important;
}

.header.m_hdr + #container {
  padding-top: 0 !important;
}

.chart_lazy {
  box-sizing: border-box;
}

.globalStock .gnb {
  position: fixed;
  bottom: 0;
  padding: 0;
  border: none;
  width: 100%;
  max-width: 768px;
  height: 55px;
  box-sizing: border-box;
  background: #fff;
  z-index: 92;
  display: block;
  border-top: 1px solid #F1F4F6;
}
.globalStock .gnb .list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0 3px;
  height: 100%;
}
.globalStock .gnb .list li {
  flex: 1 0 0%;
  max-width: 20%;
  text-align: center;
  background: none;
  padding: 0;
}
.globalStock .gnb .list li a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-primary);
  opacity: 0.5;
  filter: grayscale(100%);
  height: auto;
  line-height: 1;
}
.globalStock .gnb .list li.active a {
  color: var(--color-primary, #4168F6);
  opacity: 1;
  filter: grayscale(0%);
}
.globalStock .gnb .list li a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto 2px;
  filter: brightness(0) saturate(100%) invert(36%) sepia(45%) saturate(3295%) hue-rotate(214deg) brightness(99%) contrast(97%);
}
.globalStock .gnb .list li.home a::before {
  background: url("/img/home_on.svg") no-repeat center center;
}
.globalStock .gnb .list li.sch a::before {
  background: url("/img/sch_on.svg") no-repeat center center;
}
.globalStock .gnb .list li.stock a::before {
  background: url("/img/stock_on.svg") no-repeat center center;
}
.globalStock .gnb .list li.excavation a::before {
  background: url("/img/excavation_on.svg") no-repeat center center;
}
.globalStock .gnb .list li.attention a::before {
  background: url("/img/attention_on.svg") no-repeat center center;
}
.globalStock .gnb .list li.menu a::before {
  background: url("/img/icon_menu.svg") no-repeat center center;
}
.globalStock .gnb .list li.menu a::before {
  background: url("/img/icon_menu_on.svg") no-repeat center center;
}

/* =============================================================================
   🧩 COMPONENT STYLES - 컴포넌트 스타일 (라인 629-1100)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _components.scss
   - 탭메뉴
   - 테이블
   - 버튼
   - 셀렉트
   - 스와이퍼
   - 리스트 더보기
   - 텍스트 필터
   - 별점
   ============================================================================= */
/* 탭메뉴 */
ul.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  font-size: 0;
}

ul.tabs li {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.tab_container {
  clear: both;
  float: left;
  width: 100%;
}

.tab_content {
  display: none;
  padding: 15px 15px;
}

.tab_content:first-child {
  display: block;
}

.tab_container .tab_content ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

.tab_container .tab_content ul li {
  padding: 5px;
}

.tab_area .tbas_lb {
  width: 100%;
  font-size: 0;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tab_area .tbas_lb li {
  flex: 1;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.tab_area .tbas_lb li a {
  width: 100%;
  padding: 14px 0 11px;
  border-bottom: 3px solid transparent;
  box-sizing: border-box;
  color: var(--Font-default, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: clamp(16px, 4.8vw, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
  display: inline-block;
  text-align: center;
  width: 100%;
}
.tab_area .tbas_lb li a.active {
  border-bottom: 3px solid var(--Font-primary-blue, #4168F6);
  color: var(--Font-primary-blue, #4168F6);
  font-weight: 700;
}

.tabsArea .tabs, .tabsArea .tabs_live {
  width: 100%;
  font-size: 0;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tabsArea .tabs li, .tabsArea .tabs_live li {
  flex: 1;
  display: inline-block;
  text-align: center;
  width: 100%;
  font-family: var(--Body, Pretendard);
  font-size: clamp(16px, 4.8vw, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.tabsArea .tabs li:not(:has(a)), .tabsArea .tabs_live li:not(:has(a)) {
  padding: 14px 0 11px;
  color: var(--Font-default, #6B7684);
}
.tabsArea .tabs li:not(:has(a)).active, .tabsArea .tabs_live li:not(:has(a)).active {
  border-bottom: 3px solid var(--Font-primary-blue, #4168F6);
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}
.tabsArea .tabs li:has(a), .tabsArea .tabs_live li:has(a) {
  padding: 0;
}
.tabsArea .tabs li:has(a).active, .tabsArea .tabs_live li:has(a).active {
  border-bottom: 3px solid var(--Font-primary-blue, #4168F6);
}
.tabsArea .tabs li:has(a).active a, .tabsArea .tabs_live li:has(a).active a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}
.tabsArea .tabs li:has(a) a, .tabsArea .tabs_live li:has(a) a {
  width: 100%;
  padding: 14px 0 14px;
  box-sizing: border-box;
  color: var(--Font-default, #6B7684);
  font-weight: var(--Weight-600, 600);
  display: inline-block;
  text-align: center;
}

.globalStock .tab_content {
  padding-top: 10px;
}

.globalStock .tab_content.tab_view {
  display: block;
}

/* table */
table.tableRanking {
  border: none;
  width: 100%;
}

table.tableRanking th,
table.tableRanking td {
  border: none;
  font-weight: normal;
  vertical-align: middle;
}

.globalStock .sub_search .sub_mid .tableRanking td .unit {
  color: #444;
  font-weight: normal;
  opacity: 0.7;
}

/* btn */
.globalStock .btnArea {
  overflow: hidden;
  display: flex;
}

.globalStock .btnArea .btn {
  flex: 1;
  margin-right: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #5e5ead;
  box-sizing: border-box;
  padding: 13px 5px;
  color: #000;
  text-align: center;
  font-size: var(--Size-md-16, 16px);
}

.globalStock .btnArea .btn:last-child {
  margin-right: 0;
}

.globalStock .btnArea .btn:hover {
  text-decoration: none;
}

.globalStock .btnArea .btn.fr {
  float: right;
}

.globalStock .btnArea.edtBtn {
  margin-top: 35px;
  width: 100%;
}

.globalStock .btnArea.edtBtn .btn_cncl {
  background: #ebebeb;
  border: 1px solid #cfcfcf;
  color: #555;
}

.globalStock .btnArea.edtBtn .btn_cncl:hover {
  color: #000;
}

.globalStock .btnArea.edtBtn .btn_save {
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  padding: 12px 25px;
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .btnArea.edtBtn .btn_save:hover {
  text-decoration: none;
}

.globalStock .edtArea {
  margin: 15px 0;
}

/* select */
.selectbox {
  position: relative;
  width: 70%;
  height: 26px;
  line-height: 26px;
  margin-bottom: 8px;
  border: none;
  z-index: 1;
  background: #fff;
  box-sizing: border-box;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background: url("/img/select.png") no-repeat 0 0;
}

.selectbox label {
  position: absolute;
  top: 1px;
  left: 5px;
  padding: 5px 5px;
  color: #939393;
  z-index: -1;
}

.selectbox select {
  cursor: pointer;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 1px solid #E0E4E9;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* swiper */
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-container-initialized {
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-pagination .swiper-pagination-bullet {
  background: #7373ca;
  width: 8px;
  height: 8px;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--Font-primary-blue, #4168F6);
}

.mm-panel_opened {
  background: #fff;
}

.content {
  padding: 0;
}

/* 리스트 더보기 */
.globalStock .sub_mid .btn_more {
  clear: both;
  float: none;
}

.globalStock .sub_mid .btn_more a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px 6px;
  padding: 16px 16px;
  box-sizing: border-box;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 120% */
}

.globalStock .sub_mid .btn_more.show_table {
  text-align: center;
}

.globalStock .sub_mid .btn_more.show_table span {
  display: inline-block;
  border: 1px solid #BEBCCB;
  color: var(--Font-primary-blue, #4168F6) !important;
  font-size: 0.75rem !important;
  width: calc(100% - 30px);
  border-radius: 8px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  line-height: 42px;
}

.globalStock .purchase_area {
  overflow: hidden;
  position: fixed;
  right: 17px;
  bottom: 80px;
  padding: 0 17px;
  border-radius: 27px;
  background: rgba(42, 66, 253, 0.6);
  backdrop-filter: blur(2px) brightness(50%);
  opacity: 1;
  height: 48px;
  box-sizing: border-box;
  z-index: 998;
}

.globalStock .purchase_area .btn_purchase {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 48px;
}

.globalStock .purchase_area .btn_purchase span {
  color: #fff;
}

.globalStock .purchase_area .btn_purchase i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("/img/icon_purchase.svg") no-repeat center center;
  margin-right: 11px;
  vertical-align: sub;
}

/* 텍스트 필터 */
.globalStock .remark {
  display: inline-flex !important;
  align-items: center;
  gap: 0 4px;
  font-size: 0.9375rem;
  position: relative;
  top: -2px;
}
.globalStock .remark .txt_filter {
  display: inline-flex;
  align-items: center;
  gap: 0 4px;
  padding-left: 4px;
}
.globalStock .remark .txt_filter.size_S {
  padding-left: 0;
}
.globalStock .remark .txt_filter i {
  border-radius: 50%;
  background-color: #999;
}
.globalStock .remark .txt_filter.size_B i {
  width: 11px;
  height: 11px;
}
.globalStock .remark .txt_filter.size_M i {
  width: 7px;
  height: 7px;
  opacity: 0.67;
}
.globalStock .remark .txt_filter.size_S i {
  width: 5.4px;
  height: 5.4px;
  opacity: 0.23;
}

.globalStock .main_top .remark .txt_filter.size_M i,
.globalStock .main_mid .remark .txt_filter.size_M i {
  opacity: 0.4;
}

.globalStock .sub_alarm .remark .txt_filter i {
  margin: 4px 2px 2px;
}

/* 별점 */
.starR {
  background: url("/img/ico_review.png") no-repeat -24px 0;
  background-size: auto 100%;
  width: 14px;
  height: 14px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
  margin-right: 0;
}

.starR.on {
  background-position: 0 0;
}

.starR.half {
  background-position: right 0 !important;
}

/* =============================================================================
   🎪 BANNER STYLES - 배너 관련 스타일 (라인 522-630)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _banners.scss
   - 이벤트 배너
   - 스와이프 배너
   - 미들 배너
   ============================================================================= */
/* 이벤트 배너 banner_event */
.globalStock .banner_event {
  display: block;
  margin-top: 40px;
}

.globalStock .banner_event .link_banner,
.globalStock .banner_event .link_banner img {
  display: inline-block;
  width: 100%;
}

/* 이벤트 스와이프 배너 banner_event */
.globalStock .banner_event_swiper {
  display: block;
  margin-top: 35px;
}
.globalStock .banner_event_swiper a,
.globalStock .banner_event_swiper img {
  display: inline-block;
  width: 100%;
}

.globalStock .middle_banner.event .link_banner,
.globalStock .middle_banner.event .link_banner img {
  display: block;
  width: 100%;
  background: url("/img/banner/banner_free_2weeks.png") no-repeat left top;
  background-size: cover;
}

.globalStock .middle_banner.event .link_banner a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 3px;
  padding: 16px 0;
  color: #fff;
  font-size: 12px;
}

.globalStock .middle_banner.event .link_banner a strong {
  color: #1ee8be;
  font-size: 12px;
}

.globalStock .middle_banner.event.main_event {
  width: calc(100% - 30px);
  margin: 15px auto 0;
}

.globalStock .middle_banner.event.service_event {
  width: calc(100% - 30px);
  margin: 15px auto 30px;
}

.globalStock .middle_banner.event.service_event .box {
  background-color: #F4F4F5;
  padding: 15px 20px;
}

.globalStock .middle_banner.event.service_event .box .title {
  font-size: 1rem;
  line-height: 20px;
  color: var(--Font-primary-blue, #4168F6);
  display: inline-block;
  width: calc(100% - 74px);
  vertical-align: top;
}

.globalStock .middle_banner.event.service_event .box .title strong {
  font-size: 1rem;
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .middle_banner.event.service_event .box .link_btn {
  float: right;
  vertical-align: top;
  font-size: 12px;
  text-align: center;
  padding: 7px 17px;
  border-radius: 12px;
  background-color: var(--Font-primary-blue, #4168F6);
  color: #fff;
}

.globalStock .middle_banner.event.service_event .box .txt {
  clear: both;
  margin-top: 17px;
  line-height: 16px;
  font-size: 0.875rem;
  color: #333;
}

.globalStock .middle_banner.event.service_event .box .guide_txt {
  margin-top: 2px;
  line-height: 16px;
  font-size: 0.75rem;
  color: #939393;
}

.morning-briefing {
  padding: 0 16px;
  margin-top: 40px;
}
.morning-briefing .morningBriefingSwiper .swiper-slide {
  display: block;
  width: 100%;
}
.morning-briefing__card {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px 6px;
  padding: 0 16px;
  box-sizing: border-box;
  width: 100% !important;
}
.morning-briefing__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  flex-shrink: 0;
  width: 215px;
}
.morning-briefing__badge-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.morning-briefing__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  background: var(--color-sky-blue-light-bg, #e2f5ff);
  border-radius: 6px;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-sky-blue-light-text, #097df3);
}
.morning-briefing__body {
  cursor: pointer;
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  box-sizing: border-box;
}
.morning-briefing__headline-wrapper {
  display: flex;
  gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
.morning-briefing__headline-wrapper .performance {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  background: var(--color-gray-light-bg, #f1f4f6);
  border-radius: 6px;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-gray-light-text, #6B7684);
}
.morning-briefing__headline {
  flex: none;
  display: flex;
  align-items: flex-start;
  width: 100%;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  overflow-wrap: break-word;
  word-break: keep-all;
}
.morning-briefing__emoji {
  margin-left: auto;
  overflow: hidden;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  position: relative;
}
.morning-briefing__emoji img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  pointer-events: none;
}

.main-event-banner {
  position: relative;
  background-color: var(--color-background-subtle, #F1F4F6);
  border-radius: 16px;
  padding: 24px 20px;
  margin: 20px 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.main-event-banner__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.main-event-banner__text-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}
.main-event-banner__subtitle {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  margin: 0;
  white-space: nowrap;
}
.main-event-banner__title {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
.main-event-banner__title-line {
  margin: 0;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  white-space: nowrap;
}
.main-event-banner__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  background-color: var(--color-750, #313B48);
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  flex-shrink: 0;
}
.main-event-banner__button:hover {
  background-color: var(--color-750, #313B48);
  opacity: 0.9;
}
.main-event-banner__button-text {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  white-space: nowrap;
}
.main-event-banner__image {
  position: relative;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  overflow: visible;
}
.main-event-banner__trophy {
  position: absolute;
  top: auto;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.main-event-banner__trophy img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.main-event-banner__youtube-icon {
  position: absolute;
  left: 0;
  top: calc(50% + 18px);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-event-banner__youtube-icon svg {
  width: 100%;
  height: 100%;
}
.main-event-banner__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.main_searching {
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 0 20px;
}
.main_searching .searchArea {
  position: relative;
}
.main_searching .searchArea form fieldset {
  width: 100%;
  box-sizing: border-box;
}
.main_searching .searchArea .searchInput {
  outline: none;
  width: 100%;
  padding: 12px 50px 12px 24px;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid var(--color-primary-default, #4168F6);
  border-radius: 26px;
  background: var(--color-background-default, #FFFFFF);
  box-shadow: 0px 5px 15px rgba(134, 138, 147, 0.15);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: #24282C;
  font-weight: 500;
}
.main_searching .searchArea .searchInput::-moz-placeholder {
  color: var(--color-label-disable, #B0B8C1);
}
.main_searching .searchArea .searchInput::placeholder {
  color: var(--color-label-disable, #B0B8C1);
}
.main_searching .searchArea .searchInput:focus {
  outline: none;
}
.main_searching .searchArea .searchInput:focus-visible {
  outline: none;
}
.main_searching .searchArea .searchInput.keydown {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.main_searching .searchArea .searchBtn {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 14px;
}
.main_searching .sch_autocomplete {
  background: #fff;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
  display: none;
  overflow: auto;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.main_searching .sch_autocomplete.focus_on {
  display: block;
}
.main_searching .sch_autocomplete._show {
  display: block;
}
.main_searching .sch_autocomplete ul {
  background: #fff;
  border-top: 0;
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
}
.main_searching .sch_autocomplete ul li {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
  border: 1px solid #4168F6;
  border-top: none;
}
.main_searching .sch_autocomplete ul li:last-child {
  padding-bottom: 24px;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}
.main_searching .sch_autocomplete ul li a {
  display: flex;
  align-items: center;
  gap: 5px 10px;
  width: 100%;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_searching .sch_autocomplete ul li a._on {
  border: none;
  padding: 0;
}
.main_searching .sch_autocomplete ul li a .schCode {
  line-height: normal;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
  width: 60px;
  min-width: 48px;
  max-width: 70px;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
}
.main_searching .sch_autocomplete ul li a .schList {
  line-height: normal;
  box-sizing: border-box;
  color: #939393;
  font-size: 16px !important;
  display: inline-block;
  vertical-align: baseline;
  max-width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 0;
}
@media (max-width: 480px) {
  .main_searching .sch_autocomplete ul li a .schCode {
    width: 48px;
    min-width: 40px;
    max-width: 54px;
    font-size: 15px !important;
  }
  .main_searching .sch_autocomplete ul li a .schList {
    font-size: 15px !important;
    max-width: calc(100% - 54px);
  }
}
.main_searching .sch_autocomplete ul li a .schList strong {
  color: #939393;
  font-weight: bold;
}
.main_searching .sch_autocomplete .no_result {
  border: 1px solid #4168F6;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
  border-top: none;
  padding: 30px 15px;
  text-align: center;
}
.main_searching .sch_autocomplete .no_result p {
  color: #939393;
}

.tradeSignal_small {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px 16px;
}
@media (max-width: 374px) {
  .tradeSignal_small {
    gap: 16px 7px;
  }
}
.tradeSignal_small {
  background: var(--color-background-subtle, #f1f4f6);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 32px 20px;
  margin: 20px 20px 0;
}
.tradeSignal_small .txt_flx {
  display: flex;
  flex-direction: column;
  gap: 2px 2px;
}
.tradeSignal_small .txt_flx .title {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
@media (max-width: 374px) {
  .tradeSignal_small .txt_flx .title {
    letter-spacing: -0.6px;
  }
}
.tradeSignal_small .txt_flx .title .num {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.tradeSignal_small .txt_flx .title b {
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.tradeSignal_small .txt_flx .title .fear {
  color: var(--color-up);
}
.tradeSignal_small .txt_flx .title .anxiety {
  color: var(--Semantic-Accent-Orange-Alt, var(--Accent-Orange-Alt, #E79366));
}
.tradeSignal_small .txt_flx .title .normal {
  color: var(--Semantic-Accent-Orange-Alt2, var(--Accent-Orange-Alt2, #E9835B));
}
.tradeSignal_small .txt_flx .title .greed {
  color: var(--Yellow-700, #DFB513);
}
.tradeSignal_small .txt_flx .title .extreme {
  color: var(--Accent-Green-600, #00B762);
}
.tradeSignal_small .txt_flx .more {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
}
.tradeSignal_small .txt_flx .more svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-label-assistive, #8C98A7);
}
.tradeSignal_small .chart_img {
  margin-left: auto;
  flex-shrink: 0;
  width: 66px;
  height: 38.479px;
}

.index_group .leading_area {
  background: var(--color-background-subtle, #f1f4f6);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 16px 20px;
  margin: 1px 20px 0;
  overflow-x: auto;
}
.index_group .leading_area .leading_exp {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  width: 100%;
}
.index_group .leading_area .leading_exp .box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 6px;
}
.index_group .leading_area .leading_exp .title {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
}
.index_group .leading_area .leading_exp .num {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
}
.index_group .leading_area .leading_exp .per {
  display: flex;
  align-items: center;
  gap: 2px;
}
.index_group .leading_area .leading_exp .per > span {
  display: inline-flex;
  align-items: baseline;
  gap: 2px 2px;
}
.index_group .leading_area .leading_exp .per .increase {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-up);
}
.index_group .leading_area .leading_exp .per .decrease {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-down);
}
.index_group .leading_area .leading_exp .per .same {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
}
.index_group .leading_area .leading_exp .per i {
  width: 9px;
  height: 9px;
}
.index_group .leading_area .leading_exp .per i.up {
  color: var(--color-up);
}
.index_group .leading_area .leading_exp .per i.down {
  color: var(--color-down);
}
.index_group .leading_area .maingdowSwiper_v1_5 {
  visibility: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}
.index_group .leading_area .maingdowSwiper_v1_5.swiper-container-initialized {
  visibility: visible;
}
.index_group .leading_area .maingdowSwiper_v1_5 .swiper-wrapper {
  transition-timing-function: linear;
}
.index_group .leading_area .maingdowSwiper_v1_5 .swiper-slide {
  display: block;
  width: auto;
  border-right: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.index_group .leading_day {
  display: flex;
  justify-content: flex-end;
  padding: 8px 20px;
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
}

.recent-stocks {
  position: relative;
  padding-top: 64px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.recent-stocks__header {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 8px;
}
.recent-stocks__title {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
  margin: 0;
}
.recent-stocks__tabs {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 20px;
}
.recent-stocks__tabs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-line-normal, #e3e5e8);
}
.recent-stocks__tab {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  width: auto;
}
.recent-stocks__tab--active {
  border-bottom: 2px solid var(--color-label-normal, #24282c);
  z-index: 1;
}
.recent-stocks__tab--active .recent-stocks__tab-text {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282c);
}
.recent-stocks__tab-text {
  position: relative;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
  color: var(--color-secondary-outline-text-default, #6b7684);
}
.recent-stocks__date {
  display: none;
  position: absolute;
  right: 0;
  top: -28px;
  color: var(--color-label-assistive, #8C98A7);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.recent-stocks__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px;
}
.recent-stocks__list + .news-section__more {
  margin: 12px 20px 0;
  width: calc(100% - 40px);
}
.recent-stocks__item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  width: 100%;
}
.recent-stocks__item-content {
  display: flex;
  gap: 12px;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.recent-stocks__logo {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.recent-stocks__logo-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: url("/img/1.5/Logo_bg.png") no-repeat center center;
  background-size: contain;
}
.recent-stocks__logo-icon:has(img[src*="Logo_prem.svg"]) {
  background: none;
  background-image: none;
}
.recent-stocks__logo-icon:has(img[src*="Logo_prem.svg"]) img {
  -webkit-mask-image: none;
  mask-image: none;
}
.recent-stocks__logo-icon img {
  width: 90%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url("/img/1.5/Logo_bg.png");
  mask-image: url("/img/1.5/Logo_bg.png");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.recent-stocks__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.recent-stocks__name-group {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.recent-stocks__name {
  display: inline-block;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recent-stocks__dots {
  padding-left: 4px;
  height: 22px;
  display: inline-flex;
  gap: 0 4px;
  align-items: center;
  vertical-align: bottom;
}
.recent-stocks__dot {
  display: block;
  width: 6px;
  height: 6px;
  background: var(--color-label-disable, #B0B8C1);
  border-radius: 50%;
  flex-shrink: 0;
}
.recent-stocks__dot:not(:last-child) {
  margin-right: 0;
}
.recent-stocks__premium-label {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
  text-decoration: underline;
  text-underline-position: from-font;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recent-stocks__ticker {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
}
.recent-stocks__performance {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
}
.recent-stocks__price {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
}
.recent-stocks__change {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  line-height: var(--line-height-sm, 18px);
}
.recent-stocks__percentage {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.recent-stocks__percentage.up {
  color: var(--color-up);
}
.recent-stocks__percentage.down {
  color: var(--color-down);
}
.recent-stocks__percentage_small {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.recent-stocks__percentage_small.up {
  color: var(--color-up);
}
.recent-stocks__percentage_small.down {
  color: var(--color-down);
}
.recent-stocks__period {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
  margin-left: 4px;
}
.recent-stocks__period_small {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
  margin-left: 4px;
}
.recent-stocks__banner {
  display: flex;
  gap: 12px 12px;
  align-items: center;
}
.recent-stocks .topStocksBannerSwiper {
  margin: 40px 0 0;
  padding: 0 20px;
}
.recent-stocks .topStocksBannerSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.recent-stocks .topStocksBannerSwiper .swiper-pagination {
  left: auto;
  right: 32px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  border-radius: var(--Radius-r-07, 100px);
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 7px;
  box-sizing: border-box;
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.recent-stocks .topStocksBannerSwiper .swiper-pagination span {
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.recent-stocks__banner-content {
  cursor: pointer;
  display: flex;
  gap: 12px 12px;
  align-items: center;
  width: 100%;
  position: relative;
  background-color: var(--color-label-gray-light-bg, #f1f4f6);
  border-radius: 16px;
  padding: 16px 20px;
  box-sizing: border-box;
}
.recent-stocks__banner-image {
  order: 2;
  position: relative;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.recent-stocks__banner-image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recent-stocks__banner-image .event_belt {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  padding: 3px;
  background: var(--color-label-yellow-dark-bg, #FFDA4D);
  color: var(--color-label-yellow-dark-text, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-4xs, 10px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-4xs, 12px);
  /* 120% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.recent-stocks__banner-issue {
  position: absolute;
  left: 40px;
  top: 36px;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.recent-stocks__banner-issue img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.recent-stocks__banner-text {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.recent-stocks__banner-subtitle {
  color: var(--color-label-alternative, #6B7684);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.recent-stocks__banner-title {
  color: var(--color-label-normal, #24282C);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.recent-stocks__issue-button {
  position: fixed;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9.5px 12px 9.5px 8px;
  border-radius: 100px;
  background: rgba(36, 40, 44, 0.95);
  cursor: pointer;
  box-sizing: border-box;
  z-index: 90;
  visibility: hidden;
}
.recent-stocks__issue-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.recent-stocks__issue-button-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.recent-stocks__issue-button-text {
  color: var(--color-label-inverse, #FFFFFF);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
  white-space: nowrap;
}

.recentStocksSwiper {
  opacity: 0;
  transition: opacity 0.2s ease;
  padding-top: var(--Spacing-s-05, 12px);
}
.recentStocksSwiper.swiper-container-initialized {
  opacity: 1;
}
.recentStocksSwiper .swiper-slide {
  flex-wrap: wrap;
  display: block;
  width: auto;
}
.recentStocksSwiper .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
  visibility: hidden;
}
.recentStocksSwiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  visibility: visible;
}

.top-stocks {
  padding-top: 64px;
  padding-left: 20px;
  padding-right: 0;
  padding-bottom: 0;
}
.top-stocks__header {
  display: flex;
  gap: 4px;
  align-items: center;
  padding-bottom: 8px;
  padding-right: 20px;
}
.top-stocks__title {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
  margin: 0;
}
.top-stocks__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.top-stocks__arrow svg {
  width: 16px;
  height: 16px;
}
.top-stocks__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s-04, 8px);
  padding: var(--spacing-s-06, 16px) var(--spacing-s-07, 20px) var(--spacing-s-10, 40px) var(--spacing-s-07, 20px);
  margin-right: 20px;
  box-sizing: border-box;
}
.top-stocks__empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.top-stocks__empty-icon .file_f {
  display: inline-block;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.top-stocks__empty-line1 {
  margin-top: 8px;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
  text-align: center;
}
.top-stocks__empty-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-04, 8px) var(--spacing-s-08, 24px);
  box-sizing: border-box;
  border-radius: var(--border-radius-r-03, 12px);
  border: 1px solid var(--color-secondary-outline-border, #E3E5E8);
  background: var(--color-secondary-outline-bg, #ffffff);
  color: var(--color-secondary-outline-text, #4e5866);
  text-decoration: none;
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.top-stocks__empty-btn:hover {
  background: var(--color-background-subtle, #f1f4f6);
  border-color: var(--color-line-alternative, #c7ccd1);
  color: var(--color-label-normal, #24282c);
}
.top-stocks__empty-btn:active {
  background: var(--color-background-subtle, #f1f4f6);
}
.top-stocks__empty-btn:focus-visible {
  outline: 2px solid var(--color-label-normal, #24282c);
  outline-offset: 2px;
}
.top-stocks .attentionSwiper .swiper-slide {
  display: block;
  width: 100%;
}
.top-stocks .attentionSwiper .swiper-pagination {
  width: 100%;
}
.top-stocks .attentionSwiper .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-label-disable, #B0B8C1);
  width: 8px;
  height: 8px;
}
.top-stocks .attentionSwiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-label-normal, #24282C);
}
.top-stocks__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 24px;
  padding-right: 20px;
}
.top-stocks__item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 12px 0;
}
.top-stocks__rank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 18px;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  text-align: center;
}
.top-stocks__content {
  display: flex;
  gap: 12px;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.top-stocks__logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: url("/img/1.5/Logo_bg.png") no-repeat center center;
  background-size: contain;
}
.top-stocks__logo img {
  width: 90%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url("/img/1.5/Logo_bg.png");
  mask-image: url("/img/1.5/Logo_bg.png");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.top-stocks__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.top-stocks__name-group {
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
}
.top-stocks__name {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-stocks__issue-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.top-stocks__issue-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top-stocks__price-group {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
}
.top-stocks__price {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
}
.top-stocks__change {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
}
.top-stocks__change--up {
  color: var(--color-up);
}
.top-stocks__change--down {
  color: var(--color-down);
}
.top-stocks__label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  box-sizing: border-box;
  border-radius: 100px;
  flex-shrink: 0;
  min-width: 39px;
  height: 22px;
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-gray-dark-text, #ffffff);
}
.top-stocks__label--watch {
  background-color: var(--color-label-gray-dark-bg, #b0b8c1);
  color: var(--color-label-gray-dark-text, #ffffff);
}
.top-stocks__label--buy {
  background-color: var(--color-label-red-dark-bg, #f03e4c);
  color: var(--color-label-red-dark-text, #ffffff);
}
.top-stocks__label--sell {
  background-color: var(--color-label-sky-blue-dark-bg, #097df3);
  color: var(--color-label-sky-blue-dark-text, #ffffff);
}
.top-stocks__label--hold {
  background-color: var(--color-label-green-dark-bg, #4dc589);
  color: var(--color-label-green-dark-text, #ffffff);
}
.top-stocks__label--lock {
  background-color: var(--color-label-gray-dark-bg, #b0b8c1);
  width: 39px;
  padding: 3px;
}
.top-stocks__label--lock img {
  width: 16px;
  height: 16px;
}
.top-stocks__indicator {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}
.top-stocks__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-label-disable, #B0B8C1);
  flex-shrink: 0;
}
.top-stocks__dot--active {
  background-color: var(--color-label-normal, #24282C);
}
.top-stocks__banner {
  display: flex;
  gap: 12px 12px;
  align-items: center;
}
.top-stocks .topStocksBannerSwiper {
  padding-right: 20px;
}
.top-stocks .topStocksBannerSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.top-stocks .topStocksBannerSwiper .swiper-pagination {
  left: auto;
  right: 32px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  border-radius: var(--Radius-r-07, 100px);
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 7px;
  box-sizing: border-box;
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.top-stocks .topStocksBannerSwiper .swiper-pagination span {
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.top-stocks__banner-content {
  cursor: pointer;
  display: flex;
  gap: 12px 12px;
  align-items: center;
  width: 100%;
  position: relative;
  background-color: var(--color-label-gray-light-bg, #f1f4f6);
  border-radius: 16px;
  padding: 20px 20px;
  box-sizing: border-box;
}
.top-stocks__banner-image {
  order: 2;
  position: relative;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.top-stocks__banner-image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-stocks__banner-image .event_belt {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  padding: 3px;
  background: var(--color-label-yellow-dark-bg, #FFDA4D);
  color: var(--color-label-yellow-dark-text, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-4xs, 10px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-4xs, 12px);
  /* 120% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.top-stocks__banner-issue {
  position: absolute;
  left: 40px;
  top: 36px;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.top-stocks__banner-issue img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top-stocks__banner-text {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.top-stocks__banner-subtitle {
  color: var(--color-label-alternative, #6B7684);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.top-stocks__banner-title {
  color: var(--color-label-normal, #24282C);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.top-stocks__issue-button {
  position: fixed;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9.5px 12px 9.5px 8px;
  border-radius: 100px;
  background: rgba(36, 40, 44, 0.95);
  cursor: pointer;
  box-sizing: border-box;
  z-index: 90;
  visibility: hidden;
}
.top-stocks__issue-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.top-stocks__issue-button-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top-stocks__issue-button-text {
  color: var(--color-label-inverse, #FFFFFF);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
  white-space: nowrap;
}

.news-section {
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
}
.news-section__tabs {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 0;
}
.news-section__tab {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
}
.news-section__tab--active .news-section__tab-text {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
  border-bottom: 2px solid var(--color-label-strong, #1F242B);
}
.news-section__tab-text {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  padding-bottom: 0;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease;
}
.news-section__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
}
.news-section__item {
  cursor: pointer;
  display: flex;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--color-line-neutral, #F1F4F6);
}
.news-section__item:last-child {
  border-bottom: none;
}
.news-section__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.news-section__tags {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.news-section__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  background-color: var(--color-label-gray-light-bg, #f1f4f6);
  border-radius: 6px;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-gray-light-text, #6b7684);
}
.news-section__title {
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  margin: 0;
  width: 100%;
}
.news-section__meta {
  display: flex;
  gap: 8px;
  align-items: center;
}
.news-section__date {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
}
.news-section__thumbnail {
  width: 72px;
  height: 56px;
  flex-shrink: 0;
  background-color: var(--color-background-subtle, #F1F4F6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.news-section__thumbnail img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}
.news-section__more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  padding: 11px 0;
  box-sizing: border-box;
  margin-top: 0;
  background: transparent;
  border: 1px solid var(--color-line-normal, #e3e5e8);
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.news-section__more:hover {
  background-color: var(--color-background-subtle, #F1F4F6);
}
.news-section__more-text {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
  margin-right: 4px;
}
.news-section__more svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.news-section .lst_type.news_list, .news-section .lst_type.note_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
.news-section .lst_type.news_list .list, .news-section .lst_type.note_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0 20px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-line-neutral, #F1F4F6);
  padding: 16px 0;
}
.news-section .lst_type.news_list .list:last-child, .news-section .lst_type.note_list .list:last-child {
  border-bottom: none;
}
.news-section .lst_type.news_list .list .news_content, .news-section .lst_type.note_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.news-section .lst_type.news_list .list .news_content .tag_list, .news-section .lst_type.note_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.news-section .lst_type.news_list .list .news_content .tag_list .tag, .news-section .lst_type.note_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--color-label-gray-light-bg, #f1f4f6);
  padding: 4px 6px;
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-gray-light-text, #6b7684);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.news-section .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag, .news-section .lst_type.note_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.news-section .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .news-section .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.news-section .lst_type.news_list .list .news_content .txt, .news-section .lst_type.note_list .list .news_content .txt {
  width: 100%;
  -webkit-text-size-adjust: 100%;
}
.news-section .lst_type.news_list .list .news_content .txt .lock_icon, .news-section .lst_type.note_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 3px;
}
.news-section .lst_type.news_list .list .news_content .txt .lock_icon img, .news-section .lst_type.note_list .list .news_content .txt .lock_icon img {
  width: 16px;
  height: 16px;
}
.news-section .lst_type.news_list .list .news_content .txt p.txt, .news-section .lst_type.note_list .list .news_content .txt p.txt {
  overflow: hidden;
  color: var(--color-label-normal, #24282C);
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  font-size: 16px;
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.news-section .lst_type.news_list .list .news_content .info_box, .news-section .lst_type.note_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.news-section .lst_type.news_list .list .news_content .info_box .day p, .news-section .lst_type.note_list .list .news_content .info_box .day p {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  margin: 0;
}
.news-section .lst_type.news_list .list .news_content .info_box .noti_tag, .news-section .lst_type.note_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 6px;
  background: var(--color-label-blue-light-bg, #E2EAFF);
  color: var(--color-label-blue-light-text, #4168F6);
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
}
.news-section .lst_type.news_list .list .img, .news-section .lst_type.note_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 72px;
  height: 56px;
  background-color: var(--color-background-subtle, #F1F4F6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.news-section .lst_type.news_list .list .img span, .news-section .lst_type.note_list .list .img span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.news-section .lst_type.news_list .list .img span.logo img, .news-section .lst_type.note_list .list .img span.logo img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}
.news-section .lst_type.news_list .list .img span img, .news-section .lst_type.note_list .list .img span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.newsSectionSwiper {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.newsSectionSwiper.swiper-container-initialized {
  opacity: 1;
}
.newsSectionSwiper .swiper-slide {
  flex-wrap: wrap;
  display: block;
  width: auto;
}

.ai-pick {
  margin-top: 48px;
  background: var(--color-accent-blue-150, #DBE5FF);
  padding: 40px 0 40px 0;
}
.ai-pick__header {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0 0 16px;
}
.ai-pick__title {
  display: flex;
  gap: 4px;
  align-items: center;
  padding-left: 20px;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
}
.ai-pick__title-text {
  color: var(--color-label-strong, #1F242B);
}
.ai-pick__title-gradient {
  background: linear-gradient(to right, #4168f6, #08bdaf);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.ai-pick__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.ai-pick__arrow svg {
  width: 16px;
  height: 16px;
}
.ai-pick__list {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.ai-pick__list .maingameSwiper .swiper-slide {
  display: block;
  width: auto;
  box-sizing: border-box;
}
.ai-pick__list .maingameSwiper .swiper-slide:last-child {
  padding-right: 0;
}
.ai-pick__card {
  cursor: pointer;
  background-color: var(--color-background-default, #FFFFFF);
  border-radius: 16px;
  padding: 24px 20px;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 323px;
  height: 230px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100%;
}
.ai-pick__card-header {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 16px;
}
.ai-pick__logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: url("/img/1.5/Logo_bg.png") no-repeat center center;
  background-size: contain;
}
.ai-pick__logo img {
  width: 90%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url("/img/1.5/Logo_bg.png");
  mask-image: url("/img/1.5/Logo_bg.png");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ai-pick__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.ai-pick__name-group {
  display: flex;
  gap: 6px;
  align-items: center;
  width: 100%;
}
.ai-pick__name {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-pick__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  background-color: var(--color-background-default, #FFFFFF);
  border: 1px solid var(--color-label-blue-light-border, #BFD1FE);
  border-radius: 6px;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-blue-light-text, #4168f6);
}
.ai-pick__symbol {
  font-family: Pretendard;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ai-pick__notice {
  background-color: var(--color-background-brand, #f2f4ff);
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 0;
}
.ai-pick__notice-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}
.ai-pick__notice-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ai-pick__notice-text {
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
  line-height: 1.4 !important;
}
.ai-pick__spacing {
  height: 12px;
  flex-shrink: 0;
  width: 100%;
}
.ai-pick__metrics {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 0 4px;
  margin-top: auto;
}
.ai-pick__metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.ai-pick__metric--highlight {
  align-items: flex-end;
}
.ai-pick__metric-label {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  white-space: nowrap;
}
.ai-pick__metric-value {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  white-space: nowrap;
}
.ai-pick__metric-value--up {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-up);
}
.ai-pick__metric-value--down {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-down);
}
.ai-pick__scroll-spacer {
  flex-shrink: 0;
  width: 8px;
}
.ai-pick__card--locked {
  cursor: pointer;
}
.ai-pick__logo--locked {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/img/1.5/Logo_lock.png") no-repeat center center;
  background-size: contain;
  border-radius: 0;
  overflow: inherit;
}
.ai-pick__logo--locked:has(img[src*="Logo_prem.svg"]) {
  background: none;
  background-image: none;
}
.ai-pick__logo--locked:has(img[src*="Logo_prem.svg"]) img {
  -webkit-mask-image: none;
  mask-image: none;
}
.ai-pick__lock-icon {
  width: 16px;
  height: 16px;
}
.ai-pick__name--locked {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
}
.ai-pick__name-dots {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ai-pick__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-label-disable, #B0B8C1);
}
.ai-pick__symbol--locked {
  display: flex;
  gap: 4px;
  align-items: center;
  height: 14px;
}
.ai-pick__notice--locked {
  align-items: center;
  justify-content: center;
}
.ai-pick__notice-premium {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ai-pick__notice-ai {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  background: linear-gradient(to right, var(--color-primary-default, #4168f6) 0%, var(--color-primary-default, #4168f6) 36.96%, var(--color-secondary-default, #08bdaf) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.ai-pick__notice-label {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
}
.ai-pick__metric-locked {
  display: flex;
  gap: 2px;
  align-items: center;
}
.ai-pick__metric-lock-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.ai-pick__metric-premium {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-assistive, #8C98A7);
  text-decoration: underline;
}

.news-clip {
  padding: 64px 0 0 0;
}
.news-clip__header {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0 0 16px;
}
.news-clip__title {
  padding-left: 20px;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
}
.news-clip__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.news-clip__arrow svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-label-normal, #24282C);
}
.news-clip__list {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.news-clip__list::-webkit-scrollbar {
  display: none;
}
.news-clip__list .mainclipSwiper .swiper-slide {
  display: block;
  width: auto;
  box-sizing: border-box;
}
.news-clip__list .mainclipSwiper .swiper-slide:last-child {
  padding-right: 0;
}
.news-clip__card {
  cursor: pointer;
  flex-shrink: 0;
  width: 158px;
  height: 281.584px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  scroll-snap-align: start;
  background: #000;
  box-sizing: border-box;
}
.news-clip__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.news-clip__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-clip__content {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  z-index: 1;
}
.news-clip__text {
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  margin: 0;
}
.news-clip__scroll-spacer {
  flex-shrink: 0;
  width: 8px;
}

.modal.news_clip_modal_pop .modal__close {
  cursor: pointer;
  width: 60px !important;
  padding: 24px 24px 0;
  border: none;
  background-color: transparent !important;
  justify-content: flex-end !important;
  position: absolute !important;
  top: 0;
  left: auto;
  right: 0;
  z-index: 10;
}
.modal.news_clip_modal_pop .modal__close .clse {
  justify-content: flex-end !important;
}
.modal.news_clip_modal_pop .news-clip__image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  max-width: 767px;
  margin: 0 auto;
  background-color: #000;
  z-index: 1;
}
.modal.news_clip_modal_pop .ytwPlayerTopControlsHost {
  top: 58px !important;
  position: relative !important;
}
.modal.news_clip_modal_pop .shorts-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.modal.news_clip_modal_pop .shorts-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.modal.news_clip_modal_pop .news-clip__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  z-index: 2;
}
.modal.news_clip_modal_pop .news-clip__text {
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  margin: 0;
}

.recipe-section {
  padding-top: 64px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.recipe-section__header {
  display: flex;
  gap: 4px;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 20px;
}
.recipe-section__title {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
}
.recipe-section__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.recipe-section__arrow svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-label-normal, #24282C);
}
.recipe-section__list {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.recipe-section__list::-webkit-scrollbar {
  display: none;
}
.recipe-section__list .mainrecipeSwiper .swiper-slide {
  display: block;
  width: auto;
  box-sizing: border-box;
}
.recipe-section__list .mainrecipeSwiper .swiper-slide:last-child {
  padding-right: 20px;
}
.recipe-section__card {
  cursor: pointer;
  flex-shrink: 0;
  width: 323px;
  border-radius: 16px;
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  overflow: hidden;
  scroll-snap-align: start;
  box-sizing: border-box;
}
.recipe-section__card--orange {
  background: var(--color-accent-orange-100, #ffedd4);
}
.recipe-section__card--blue {
  background: #ECEFFD;
}
.recipe-section__card--purple {
  background: #D4D8F6;
}
.recipe-section__card--yellow {
  background-color: var(--color-accent-yellow-200, #FFEDA6);
}
.recipe-section__card--red {
  background: var(--color-accent-red-50, #fdecef);
}
.recipe-section__card--green {
  background: var(--color-accent-green-50, #e4f9ee);
}
.recipe-section__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}
.recipe-section__text-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  width: 100%;
}
.recipe-section__subtitle {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
  margin: 0;
}
.recipe-section__title-text {
  font-family: Pretendard;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  margin: 0;
  white-space: nowrap;
}
.recipe-section__image {
  width: 150px;
  height: 150px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.recipe-section__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recipe-section__footer {
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--color-background-default, #FFFFFF);
  border-radius: 100px;
  padding: 4px;
}
.recipe-section__authors {
  display: flex;
  align-items: center;
  gap: 0;
  height: 32px;
  flex-shrink: 0;
}
.recipe-section__author {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  border: 2px solid var(--color-background-default, #FFFFFF);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  margin-left: -10px;
  background: url("/img/1.5/Logo_bg.png") no-repeat center center;
  background-size: contain;
}
.recipe-section__author:first-child {
  margin-left: 0;
}
.recipe-section__author img {
  width: 80%;
  height: 80%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recipe-section__more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  box-sizing: border-box;
  flex-shrink: 0;
}
.recipe-section__more-text {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
}
.recipe-section__scroll-spacer {
  flex-shrink: 0;
  width: 16px;
}

.faq-section {
  padding-top: 64px;
  padding-left: 20px;
  padding-right: 0;
  padding-bottom: 0;
}
.faq-section__header {
  display: flex;
  gap: 4px;
  align-items: center;
  padding-bottom: 16px;
  padding-right: 20px;
}
.faq-section__title {
  flex: 1;
  margin: 0;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
}
.faq-section__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.faq-section__arrow svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-label-normal, #24282C);
}
.faq-section__categories {
  display: flex;
  gap: 8px;
  padding-right: 20px;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.faq-section__category {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 16px;
  height: 40px;
  background-color: var(--color-background-subtle, #F1F4F6);
  border-radius: 32px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  box-sizing: border-box;
  flex-shrink: 0;
}
.faq-section__category--active {
  background-color: var(--color-750, #313B48);
}
.faq-section__category--active .faq-section__category-text {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
}
.faq-section__category-text {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  white-space: nowrap;
}
.faq-section__list {
  display: none;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.faq-section__list.active {
  display: flex;
}
.faq-section__item {
  border-bottom: 1px solid var(--Line-Neutral, #F1F4F6);
  margin-right: 20px;
}
.faq-section__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 20px 0;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  background: transparent;
  border: none;
  text-align: left;
}
.faq-section__question-text {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  flex: 1;
  min-width: 0;
}
.faq-section__item--open .faq-section__question-text {
  color: var(--color-primary-default, #4168F6);
}
.faq-section__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.faq-section__toggle svg {
  width: 24px;
  height: 24px;
  fill: var(--color-label-normal, #24282C);
}
.faq-section__item--open .faq-section__toggle svg {
  width: 14px;
  height: 2px;
  fill: var(--color-primary-default, #4168F6);
}
.faq-section__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
  margin: 0;
}
.faq-section__answer.active {
  max-height: 500px;
}
.faq-section__answer-inner {
  background-color: var(--color-background-neutral, #F7F8FA);
  border-radius: 16px;
  padding: 16px 16px 24px;
  margin-bottom: 20px;
}
.faq-section__answer-text {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
  margin: 0;
  line-height: 26px;
}
.faq-section__answer-text strong {
  font-weight: 700;
  color: var(--color-label-normal, #24282C);
}

.cta-banners {
  padding-top: 48px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.cta-banners__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  text-decoration: none;
  color: inherit;
  margin-bottom: 0;
  transition: background-color 0.2s ease;
}
.cta-banners__item:last-child {
  margin-bottom: 0;
}
.cta-banners__icon {
  position: relative;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  overflow: hidden;
}
.cta-banners__icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta-banners__icon-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
}
.cta-banners__icon-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cta-banners__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  min-width: 0;
}
.cta-banners__subtitle {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
  margin: 0;
  white-space: nowrap;
}
.cta-banners__title {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  margin: 0;
  white-space: nowrap;
}
.cta-banners__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.cta-banners__arrow svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-label-normal, #24282C);
}

.signup-banner {
  position: relative;
  background: var(--color-accent-blue-150, #DBE5FF);
  padding: 32px 24px;
  margin-top: 64px;
  overflow: hidden;
}
.signup-banner__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.signup-banner__text-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}
.signup-banner__label {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-primary-default, #4168F6);
  margin: 0;
  white-space: nowrap;
}
.signup-banner__title {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
.signup-banner__title-line {
  margin: 0;
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-3xl, 22px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 32px);
  /* 145.455% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.signup-banner__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background-color: var(--color-primary-default, #4168F6);
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
}
.signup-banner__button:hover {
  background-color: var(--color-primary-hover, #608CFA);
}
.signup-banner__button-text {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  white-space: nowrap;
}
.signup-banner__icons {
  position: absolute;
  right: 24px;
  top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 0;
  width: 64px;
  height: 576px;
  background: url("/img/1.5/signup_banner.png") repeat center 64px;
  background-size: 100% auto;
}
.signup-banner__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  overflow: hidden;
  background-color: var(--color-background-default, #FFFFFF);
  border-radius: 100%;
}
.signup-banner__icon img {
  width: 46px;
  height: 46px;
  -o-object-fit: contain;
     object-fit: contain;
}
.signup-banner__icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-default, #FFFFFF);
  border-radius: 50%;
  overflow: hidden;
}
.signup-banner__icon-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup-banner__icon-badge {
  position: absolute;
  top: 0;
  left: 24.5px;
  transform: translateX(-50%);
  font-family: Pretendard;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.3px;
  color: var(--color-label-inverse, #FFFFFF);
  text-align: center;
  white-space: nowrap;
}

.service-browse-banner {
  position: relative;
  overflow: hidden;
  background-color: var(--color-750, #313B48);
  padding: 40px 20px 32px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.service-browse-banner #fireworks-canvas {
  position: absolute;
  top: auto;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background-color: transparent;
}
.service-browse-banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 0 20px;
}
.service-browse-banner__content #fireworks-canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background: transparent;
}
.service-browse-banner__image {
  width: 100%;
  height: 85px;
  overflow: visible;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-browse-banner__image img {
  width: 107px;
  height: 85px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 1;
}
.service-browse-banner__text {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  text-align: center;
  width: 100%;
}
.service-browse-banner__text-line {
  margin: 0;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  line-height: 28px;
}
.service-browse-banner__text-normal {
  color: var(--color-label-inverse, #FFFFFF);
}
.service-browse-banner__text-highlight {
  color: var(--color-accent-red-400, #F03E4C);
  text-decoration: underline;
  text-underline-position: from-font;
}
.service-browse-banner__text-subtitle {
  margin: 0;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  line-height: 28px;
}
.service-browse-banner__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  padding: 12px 24px;
  box-sizing: border-box;
  background-color: var(--color-primary-default, #4168F6);
  border-radius: 12px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.service-browse-banner__button:hover {
  background-color: var(--color-primary-hover, #608CFA);
}
.service-browse-banner__button-text {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #FFFFFF);
  white-space: nowrap;
}
.service-browse-banner__button-text--highlight {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-accent-yellow-400, #FFDA4D);
}

.modal.why_rise_modal_pop .pop_header {
  display: flex;
  align-items: center;
  gap: 4px 4px;
}
.modal.why_rise_modal_pop .pop_header .clse {
  top: 18px !important;
}
.modal.why_rise_modal_pop .pop_con {
  flex-wrap: nowrap !important;
  padding: 0;
  gap: 0 !important;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}
.modal.why_rise_modal_pop .pop_con.why_rise--loading .why_rise__skeleton {
  display: block;
}
.modal.why_rise_modal_pop .pop_con.why_rise--loading .why_rise__content {
  display: none !important;
}
.modal.why_rise_modal_pop .why_rise__skeleton {
  display: none;
  padding: 0 20px 24px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-title {
  height: 26px;
  width: 60%;
  max-width: 200px;
  margin-bottom: 16px;
  border-radius: 6px;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
.modal.why_rise_modal_pop .why_rise__skeleton-title--small {
  margin-top: 32px;
  margin-bottom: 16px;
  width: 40%;
  max-width: 120px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 2px solid var(--color-line-normal, #e3e5e8);
  border-radius: 12px;
  background: var(--color-background-default, #fff);
}
.modal.why_rise_modal_pop .why_rise__skeleton-summary-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
.modal.why_rise_modal_pop .why_rise__skeleton-summary-text {
  flex: 1;
  margin-left: 8px;
  height: 14px;
  border-radius: 4px;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
.modal.why_rise_modal_pop .why_rise__skeleton-summary-right {
  display: inline-block;
  width: 80px;
  height: 14px;
  margin-left: 8px;
  border-radius: 4px;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
.modal.why_rise_modal_pop .why_rise__skeleton-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-logo {
  display: inline-block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
.modal.why_rise_modal_pop .why_rise__skeleton-line {
  flex: 1;
  height: 14px;
  border-radius: 4px;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
.modal.why_rise_modal_pop .why_rise__skeleton-line--short {
  width: 50px;
  flex: 0 0 50px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-divider {
  height: 1px;
  margin-top: 24px;
  background: var(--color-line-normal, #e3e5e8);
}
.modal.why_rise_modal_pop .why_rise__skeleton-news {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-news-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.modal.why_rise_modal_pop .why_rise__skeleton-meta {
  display: inline-block;
  width: 60px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--color-line-neutral, #f1f4f6);
  animation: why_rise_skeleton_pulse 1.2s ease-in-out infinite;
}
@keyframes why_rise_skeleton_pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.modal.why_rise_modal_pop .why_rise__section {
  position: relative;
}
.modal.why_rise_modal_pop .why_rise__section:last-child {
  padding-top: 32px;
}
.modal.why_rise_modal_pop .why_rise__title-group {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 16px;
}
.modal.why_rise_modal_pop .why_rise__title {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-strong, #1F242B);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px 4px;
}
.modal.why_rise_modal_pop .why_rise__title-count {
  color: var(--color-primary-default, #4168F6);
}
.modal.why_rise_modal_pop .why_rise__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.modal.why_rise_modal_pop .why_rise__arrow svg {
  width: 16px;
  height: 16px;
  stroke: var(--color-label-normal, #24282C);
}
.modal.why_rise_modal_pop .why_rise__summary-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 0;
  border: 2px solid var(--color-line-strong, #24282C);
  border-radius: 12px;
  background: var(--color-background-default, #FFFFFF);
}
.modal.why_rise_modal_pop .why_rise__summary-left {
  display: flex;
  gap: 4px;
  align-items: center;
}
.modal.why_rise_modal_pop .why_rise__summary-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.modal.why_rise_modal_pop .why_rise__summary-text {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
}
.modal.why_rise_modal_pop .why_rise__summary-right {
  display: flex;
  gap: 4px;
  align-items: center;
}
.modal.why_rise_modal_pop .why_rise__summary-up {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-up);
}
.modal.why_rise_modal_pop .why_rise__summary-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-label-disable, #B0B8C1);
  flex-shrink: 0;
}
.modal.why_rise_modal_pop .why_rise__summary-down {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-down);
}
.modal.why_rise_modal_pop .why_rise__list {
  margin-bottom: 32px;
}
.modal.why_rise_modal_pop .why_rise__list,
.modal.why_rise_modal_pop .why_rise__news-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0 8px;
  margin-top: 12px;
}
.modal.why_rise_modal_pop .why_rise__list:before,
.modal.why_rise_modal_pop .why_rise__news-list:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 32px;
  width: 2px;
  background-color: var(--Border-primary-border, #E3E5E8);
}
.modal.why_rise_modal_pop .why_rise__item,
.modal.why_rise_modal_pop .why_rise__news-item {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 24px;
}
.modal.why_rise_modal_pop .why_rise__item:last-child,
.modal.why_rise_modal_pop .why_rise__news-item:last-child {
  padding-bottom: 0;
}
.modal.why_rise_modal_pop .why_rise__item-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  padding: 8px 0;
  box-sizing: border-box;
  background: var(--Common-0, #FFF);
}
.modal.why_rise_modal_pop .why_rise__logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.modal.why_rise_modal_pop .why_rise__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.why_rise_modal_pop .why_rise__item-right {
  display: block;
  flex: 1;
  min-width: 0;
  padding-top: 8px;
}
.modal.why_rise_modal_pop .why_rise__item-header {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.modal.why_rise_modal_pop .why_rise__item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal.why_rise_modal_pop .why_rise__item-time {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
}
.modal.why_rise_modal_pop .why_rise__item-name {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  margin: 0;
}
.modal.why_rise_modal_pop .why_rise__item-change {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}
.modal.why_rise_modal_pop .why_rise__item-change svg {
  width: 9px;
  height: 9px;
  flex-shrink: 0;
}
.modal.why_rise_modal_pop .why_rise__item-change .why_rise__item-change-text {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.modal.why_rise_modal_pop .why_rise__item-change .why_rise__item-change-text.up {
  color: var(--color-up);
}
.modal.why_rise_modal_pop .why_rise__item-change .why_rise__item-change-text.down {
  color: var(--color-down);
}
.modal.why_rise_modal_pop .why_rise__item-change .why_rise__item-change-text svg path.up {
  fill: var(--color-up);
}
.modal.why_rise_modal_pop .why_rise__item-change .why_rise__item-change-text svg path.down {
  fill: var(--color-down);
}
.modal.why_rise_modal_pop .why_rise__item-notice {
  margin-top: 12px;
  padding: 12px 16px;
  background: var(--color-background-neutral, #F7F8FA);
  border-radius: 12px;
}
.modal.why_rise_modal_pop .why_rise__item-notice p {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.why_rise_modal_pop .why_rise__empty {
  display: flex;
  align-items: flex-start;
  padding: 20px 0 40px;
}
.modal.why_rise_modal_pop .why_rise__empty-text {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-disable, #B0B8C1);
  margin: 0;
}
.modal.why_rise_modal_pop .why_rise__divider {
  display: block;
  position: absolute;
  width: calc(100% + 48px);
  left: -24px;
  right: 0;
  top: -12px;
  background: var(--color-line-neutral, #F1F4F6);
  padding-top: 8px;
  z-index: 999;
}
.modal.why_rise_modal_pop .why_rise__news-meta {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 0;
}
.modal.why_rise_modal_pop .why_rise__news-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-label-disable, #B0B8C1);
  flex-shrink: 0;
}
.modal.why_rise_modal_pop .why_rise__news-ticker {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6B7684);
}
.modal.why_rise_modal_pop .why_rise__news-title {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282C);
  margin: 0;
  margin-top: 2px;
}

#footer.main_footer {
  margin-top: 0 !important;
}

/* 유튜브 쇼츠 재생 모달 전체 */
.yt-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

/* 열렸을 때 */
.yt-modal.is-open {
  display: block;
}

/* 배경 딤 */
.yt-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(0, 0, 0);
}

/* 패널(뷰포트 꽉 채우되, 안에 영상은 9:16로 최대화) */
.yt-modal__panel {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 0;
}

/* 닫기 버튼 우측 상단 */
.yt-modal__close {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 10001;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* 닫기 버튼 내부 SVG */
.yt-modal__close svg {
  width: 24px;
  height: 24px;
  display: block;
}

/* 영상 컨테이너: 9:16 유지하며 뷰포트 내에서 최대 */
.yt-modal__content {
  width: min(100vw, 56.25dvh);
  height: min(100dvh, 177.7777777778vw);
  width: min(100vw, 56.25vh);
  /* fallback */
  height: min(100vh, 177.7777777778vw);
  background: #000;
}

/* iframe 꽉 채우기 */
.yt-modal__content iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.v_signalStreng.globalStock .signalpop.event2024_payment .box {
  background: linear-gradient(180deg, var(--Background-Default, #FFF) 0%, var(--Accent-Blue-150, #DBE5FF) 100%);
  box-shadow: 0 5px 15px 0 rgba(134, 138, 147, 0.15);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content {
  max-width: 540px;
  margin: 0 auto;
  border-top-left-radius: var(--Radius-r-04, 16px);
  border-top-right-radius: var(--Radius-r-04, 16px);
  padding-top: var(--Spacing-s-06, 16px);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt {
  background: none;
  padding-top: var(--Spacing-s-06, 16px);
  padding-bottom: var(--Spacing-s-06, 16px);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282c);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: var(--Spacing-s-04, 8px) 0 0;
  text-align: center;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-secondary);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .img_area {
  max-width: 290px;
  margin: 0 auto;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .img_area .img_banner {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area {
  padding-bottom: var(--Spacing-s-09, 32px);
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: var(--spacing-s-06, 16px) auto 0;
  gap: var(--spacing-s-02, 4px);
  padding: var(--spacing-s-04, 8px) var(--spacing-s-08, 24px);
  box-sizing: border-box;
  border: none;
  border-radius: var(--radius-r-07, 100px);
  background: var(--button-Primary-Solid-Bg, #4168F6);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-inverse, #ffffff);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn:hover {
  background-color: var(--color-accent-blue-400, #608cfa);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn:active {
  background-color: var(--color-primary-default, #4168f6);
  opacity: 0.9;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn:focus-visible {
  outline: 2px solid var(--color-primary-default, #4168f6);
  outline-offset: 2px;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn b {
  color: var(--color-accent-yellow-400, #ffda4d);
  font-weight: 500;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: auto;
  background-color: var(--color-background-default, #ffffff);
  margin-top: 0;
  padding: 0;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13.5px 0;
  flex: 1 1 50%;
  text-align: center;
  cursor: pointer;
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6b7684);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day input[type=checkbox] {
  display: none;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--color-line-neutral, #f1f4f6);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day:hover {
  background-color: var(--color-interaction-active, #f1f4f6);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day:active {
  background-color: var(--color-interaction-active, #f1f4f6);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day:focus-visible {
  outline: 2px solid var(--color-primary-default, #4168f6);
  outline-offset: -2px;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13.5px 0;
  flex: 1 1 50%;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-normal, #24282c);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close:hover {
  background-color: var(--color-interaction-active, #f1f4f6);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close:active {
  background-color: var(--color-interaction-active, #f1f4f6);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close:focus-visible {
  outline: 2px solid var(--color-primary-default, #4168f6);
  outline-offset: -2px;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::before,
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::after {
  display: none;
}

.free_2weeks .bg_gray {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 998;
}

.free_2weeks.open .bg_gray {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease-in-out;
  z-index: 999;
  opacity: 1;
  visibility: visible;
}

.free_2weeks .box {
  border-radius: 24px;
  overflow: hidden;
  max-width: 700px;
  margin: 0 auto;
  width: 86%;
  box-sizing: border-box;
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  opacity: 0;
  transition: all 0s ease-in-out;
  z-index: 999;
}

.free_2weeks.open .box {
  opacity: 1;
}

.sub_search .upData_Swiper_wrap .upData_Swiper {
  height: 50px;
  overflow: hidden;
  margin-bottom: var(--spacing-s-01, 2px);
}
.sub_search .upData_Swiper_wrap .upData_Swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.sub_search .upData_Swiper_wrap .upData_Swiper .swiper-slide {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.sub_search .upData_Swiper_wrap .top_message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-s-05, 12px) var(--spacing-s-07, 20px);
  border: none;
  cursor: pointer;
  box-sizing: border-box;
}
.sub_search .upData_Swiper_wrap .top_message.increase {
  background: linear-gradient(90deg, var(--color-orange-50, #fff2ea) 1.493%, var(--color-red-50, #fef2f3) 98.507%);
}
.sub_search .upData_Swiper_wrap .top_message.increase .emoji_icon {
  color: var(--color-up, #f03e4c);
}
.sub_search .upData_Swiper_wrap .top_message.increase .message_text {
  color: var(--color-up, #f03e4c);
}
.sub_search .upData_Swiper_wrap .top_message.decrease {
  background: linear-gradient(90deg, var(--color-blue-50, #f0f6ff) 1.493%, var(--color-blue-100, #e8f1ff) 98.507%);
}
.sub_search .upData_Swiper_wrap .top_message.decrease .emoji_icon {
  color: var(--color-down, #097df3);
}
.sub_search .upData_Swiper_wrap .top_message.decrease .message_text {
  color: var(--color-down, #097df3);
}
.sub_search .upData_Swiper_wrap .top_message .message {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
}
.sub_search .upData_Swiper_wrap .top_message .emoji_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.sub_search .upData_Swiper_wrap .top_message .emoji_icon svg {
  width: 100%;
  height: 100%;
}
.sub_search .upData_Swiper_wrap .top_message .message_text {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  letter-spacing: var(--tracking-md, -0.3px);
}
.sub_search .upData_Swiper_wrap .top_message .arrow_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: var(--color-background-default, #ffffff);
  border-radius: var(--border-radius-r-02, 8px);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
.sub_search .upData_Swiper_wrap .top_message .arrow_icon svg {
  width: 16px;
  height: 16px;
}

.sub_search .recom_company {
  position: relative;
  padding: var(--spacing-s-06, 16px) var(--spacing-s-07, 20px) var(--spacing-s-09, 32px);
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
  border-bottom: 8px solid var(--color-line-neutral, #f1f4f6);
}
.sub_search .recom_company .list_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.sub_search .recom_company .company_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 4px;
  width: 100%;
}
.sub_search .recom_company .company_name {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
}
.sub_search .recom_company .company_nm,
.sub_search .recom_company .company_nm a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .company_nm a:hover {
  color: var(--color-primary, #4168f6);
}
.sub_search .recom_company .company_nm a:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-02, 4px);
  border-radius: var(--border-radius-r-01, 4px);
}
.sub_search .recom_company .company_details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-s-02, 4px) var(--spacing-s-03, 6px);
  flex: 1 1 auto;
  min-width: 0;
}
.sub_search .recom_company .ticker {
  display: inline-flex;
  align-items: center;
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .stock_index {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  flex-wrap: wrap;
}
.sub_search .recom_company .stock_index span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-02, 4px) var(--spacing-s-03, 6px);
  border-radius: var(--border-radius-r-01-2, 6px);
  background: var(--color-gray-light-bg, #f1f4f6);
  color: var(--color-gray-light-text, #6b7684);
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company ul.list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.sub_search .recom_company .detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.sub_search .recom_company .detail:not(.market_status) .num {
  width: 100%;
  margin-top: 4px;
}
.sub_search .recom_company .detail:not(.market_status) .num span,
.sub_search .recom_company .detail:not(.market_status) .num span b {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
}
.sub_search .recom_company .detail:not(.market_status) .per {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
}
.sub_search .recom_company .detail:not(.market_status) .per .increase,
.sub_search .recom_company .detail:not(.market_status) .per .increase b {
  color: var(--color-up, #f03e4c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail:not(.market_status) .per .decrease,
.sub_search .recom_company .detail:not(.market_status) .per .decrease b {
  color: var(--color-down, #097df3);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail:not(.market_status) .per .same,
.sub_search .recom_company .detail:not(.market_status) .per .same b {
  color: var(--color-label-secondary, #4e5866);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail:not(.market_status) .per .day {
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail.market_status {
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-s-04, 8px);
}
.sub_search .recom_company .detail.market_status .after_market,
.sub_search .recom_company .detail.market_status .pre_market {
  flex-shrink: 0;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail.market_status .num {
  flex: 0 0 auto;
  min-width: 0;
}
.sub_search .recom_company .detail.market_status .num span,
.sub_search .recom_company .detail.market_status .num span b {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail.market_status .per {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  min-width: 0;
}
.sub_search .recom_company .detail.market_status .per span,
.sub_search .recom_company .detail.market_status .per span b {
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .detail.market_status .per .increase,
.sub_search .recom_company .detail.market_status .per .increase b {
  color: var(--color-up, #f03e4c);
}
.sub_search .recom_company .detail.market_status .per .decrease,
.sub_search .recom_company .detail.market_status .per .decrease b {
  color: var(--color-down, #097df3);
}
.sub_search .recom_company .detail.market_status .per .same,
.sub_search .recom_company .detail.market_status .per .same b {
  color: var(--color-label-secondary, #4e5866);
}
.sub_search .recom_company .detail.market_status .per .day {
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .attention_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  width: 100%;
  margin-top: 2px;
}
.sub_search .recom_company .attention_box .attention_box_inner {
  display: flex;
  align-items: center;
  list-style: none;
}
.sub_search .recom_company .attention_box .attention_box_inner .attention {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px 6px 3px 6px;
  border-radius: var(--border-radius-r-07, 100px);
  background: linear-gradient(90deg, var(--color-graph1-text, #608cfa) 0%, var(--color-graph2, #08bdaf) 100%);
  color: var(--color-label-inverse, #ffffff);
  font-family: Pretendard;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.75rem;
  letter-spacing: -0.0188rem;
}
.sub_search .recom_company .attention_box .attention_box_inner .attention svg {
  width: 10px;
  height: 10px;
}

.list.recom {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9997;
  background-color: var(--Font-primary-blue, #4168F6);
  margin: 0;
  padding: 20px 17px;
  box-sizing: border-box;
}
.list.recom.fix_data {
  display: flex;
  max-width: 767px;
  margin: 0 auto;
}
.list.recom.fix_data .detail.market_status {
  display: none;
}
.list.recom * {
  margin: 0;
  padding: 0;
  font-size: 16px !important;
  color: #fff !important;
  font-weight: normal;
}
.list.recom * div,
.list.recom * span,
.list.recom * b,
.list.recom * li {
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 600;
}
.list.recom::after {
  display: none;
}
.list.recom .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px 10px;
}
.list.recom .company_nm {
  overflow: hidden;
  max-width: calc(100% - 34px);
  width: calc(100% - 170px);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.list.recom .num,
.list.recom .per {
  display: inline-block;
}
.list.recom .per {
  position: relative;
  top: -1px;
}
.list.recom .per span,
.list.recom .per b {
  font-weight: normal !important;
  font-size: 13px !important;
}
.list.recom .detail {
  display: flex;
  align-items: center;
  gap: 4px 4px;
}

.sub_search .sub_mid.tabs_area {
  width: 100%;
  box-sizing: border-box;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 {
  margin: 19px 0;
  font-size: 0;
  padding: 0;
  display: flex;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li {
  display: inline-block;
  flex: 1 1 auto;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.9375rem;
  position: relative;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #E0E4E9;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li.active a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  padding: 10px 0 8px;
  border-bottom: 3px solid var(--Font-primary-blue, #4168F6);
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li a strong {
  display: inline-block;
  color: #F8385A;
  background: #DDDDDE;
  box-sizing: border-box;
  width: 30px;
  height: 20px;
  padding: 3px 3px 3px 6px;
  font-size: 0.9375rem;
  border-radius: 3px;
  font-weight: bold;
  position: absolute;
  right: 7px;
  top: 9px;
  text-align: left;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li a strong i {
  display: inline-block;
  font-size: 0;
  background: url("/img/star_icon.png") no-repeat 0 0;
  background-size: 100% 100%;
  width: 9px;
  height: 9px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li.active:last-child {
  border-bottom: none;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li {
  padding: 0 0 15px;
  border-bottom: 1px solid #edeeef;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li a {
  display: inline;
  padding: 15px 1px 15px;
  font-size: 0.9375rem;
  font-weight: var(--Weight-600, 600);
  color: #6a727b;
  border: none;
}
.sub_search .sub_mid.tabs_area ul.tabs_5 li.active a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: 700;
  padding: 15px 1px 13px;
  border-bottom: 2px solid #404fc3;
}

.globalStock .sub_mid.nondata {
  padding: 30px 15px 30px;
  box-sizing: border-box;
  text-align: center;
}
.globalStock .sub_mid.nondata .nodata_guide {
  color: #8380A0;
  font-size: 0.95rem;
  line-height: 28px;
  display: block;
  border: 1px solid #BABABA;
  background: #fff;
  width: 100%;
  margin: 25px auto 15px;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 12px 10px;
  position: relative;
  left: 0px;
}
.globalStock .sub_mid.nondata .nodata_guide strong,
.globalStock .sub_mid.nondata .nodata_guide a {
  color: #8380A0;
  font-weight: normal;
}
.globalStock .sub_mid.nondata .nodata_guide a {
  text-decoration: underline;
}

.sub_search .top-stocks__banner {
  margin-top: 12px;
  padding: 0 16px;
}
.sub_search .top-stocks__banner .topStocksBannerSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.sub_search .top-stocks__banner .swiper-pagination {
  left: auto;
  right: 32px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  border-radius: var(--border-radius-r-07, 100px);
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 7px;
  box-sizing: border-box;
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sub_search .top-stocks__banner .swiper-pagination span {
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sub_search .top-stocks__banner .top-stocks__logo {
  order: 2;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  position: relative;
  background: url("/img/1.5/Logo_bg_fff.png") no-repeat center center;
  background-size: contain;
  overflow: initial;
}
.sub_search .top-stocks__banner .top-stocks__logo .event_belt {
  position: absolute;
  right: -7px;
  bottom: -3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  background-color: var(--color-background-default, #ffffff);
  border: 2px solid var(--color-background-default, #ffffff);
}
.sub_search .top-stocks__banner .top-stocks__logo .event_belt svg {
  width: 22px;
  height: 22px;
}

.mainBox.attr {
  margin-top: 32px;
  background: var(--color-background-subtle, #f1f4f6);
  padding: var(--spacing-s-09, 32px) var(--spacing-s-07, 20px) var(--spacing-s-06, 16px);
  box-sizing: border-box;
}
.mainBox.attr .adequateArea_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s-05, 12px);
  width: 100%;
}
.mainBox.attr .adequateArea .title {
  margin: 0;
  color: var(--color-label-strong, #1f242b);
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .btn_all_signal {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-s-03, 6px);
  padding: 5px var(--spacing-s-05, 12px);
  background-color: var(--color-background-default, #ffffff);
  border: 1px solid var(--color-line-normal, #e3e5e8);
  border-radius: var(--border-radius-r-02, 8px);
  text-decoration: none;
  box-sizing: border-box;
  color: var(--color-label-secondary, #4e5866);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .btn_all_signal span {
  display: inline-block;
  color: var(--color-label-secondary, #4e5866);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  box-sizing: border-box;
}
.mainBox.attr .btn_all_signal:hover {
  background-color: var(--color-background-neutral, #f7f8fa);
  color: var(--color-label-normal, #24282c);
  border-color: var(--color-line-alternative, #c7ccd1);
}
.mainBox.attr .btn_all_signal:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-02, 4px);
  border-radius: var(--border-radius-r-02, 8px);
}
.mainBox.attr .btn_all_signal .icon_signal {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.mainBox.attr .btn_all_signal .icon_signal svg {
  width: 16px;
  height: 16px;
}
.mainBox.attr .listWrap {
  margin-top: 8px;
}
.mainBox.attr .list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-05, 12px);
}
.mainBox.attr .mid.attr_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-background-default, #ffffff);
  border-radius: var(--border-radius-r-04, 16px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  padding: var(--spacing-s-08, 24px) var(--spacing-s-06, 16px) var(--spacing-s-06, 16px);
  box-sizing: border-box;
}
.mainBox.attr .listWrap .charm_num {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-bottom: var(--spacing-s-04, 8px);
}
.mainBox.attr .listWrap .charm_num .signal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--border-radius-r-03, 12px);
  color: var(--color-label-inverse, #ffffff);
  font-family: Pretendard;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.625rem;
  letter-spacing: -0.0188rem;
  background-color: var(--color-up, #f03e4c);
  background-image: none;
  mask-image: url("/img/1.5/signal_buy.png");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("/img/1.5/signal_buy.png");
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.mainBox.attr .listWrap .charm_num .signal.buy {
  background-color: var(--color-red-dark-bg, #d83844);
}
.mainBox.attr .listWrap .charm_num .signal.sell {
  background-color: var(--color-sky-blue-dark-bg, #008cff);
}
.mainBox.attr .listWrap .charm_num .signal.hold {
  background-color: var(--color-green-dark-bg, #4dc589);
}
.mainBox.attr .listWrap .charm_num .signal.waitting {
  background-color: var(--color-gray-dark-bg, #b0b8c1);
}
.mainBox.attr .listWrap .charm_num .signal.lock {
  background: url("/img/1.5/Logo_bg_bdr_fff.png") no-repeat center center;
  background-size: contain;
}
.mainBox.attr .listWrap .charm_num .signal_guide {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: calc(50% + 23px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border-radius: 50%;
}
.mainBox.attr .listWrap .charm_num .signal_guide img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.mainBox.attr .charm_msg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s-03, 6px);
  margin: 0 0 var(--spacing-s-06, 16px);
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .charm_msg span {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .charm_msg .lock_msg {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.mainBox.attr .charm_msg .icon_face {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mainBox.attr .charm_msg .icon_face svg {
  width: 20px;
  height: 20px;
}
.mainBox.attr .upData_Swiper {
  height: 50px;
  overflow: hidden;
  margin-bottom: var(--spacing-s-01, 2px);
}
.mainBox.attr .upData_Swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.mainBox.attr .upData_Swiper .swiper-slide {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.mainBox.attr .latest_signal_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s-04, 8px);
  width: 100%;
  padding: var(--spacing-s-06, 16px);
  border-radius: var(--border-radius-r-03, 12px) var(--border-radius-r-03, 12px) 0 0;
  background: var(--color-background-neutral, #f7f8fa);
  box-sizing: border-box;
}
.mainBox.attr .latest_signal_row .day {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .latest_signal_row .latest_signal_day {
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .latest_signal_row .latest_signal_value {
  flex: 1;
  text-align: right;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .latest_signal_row .latest_signal_value.increase {
  color: var(--color-up, #f03e4c);
}
.mainBox.attr .latest_signal_row .latest_signal_value.decrease {
  color: var(--color-down, #097df3);
}
.mainBox.attr .latest_signal_row .latest_signal_value.same {
  color: var(--color-label-secondary, #4e5866);
}
.mainBox.attr .listWrap .num_bar {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-04, 8px);
  width: 100%;
  margin: 0;
  padding: var(--spacing-s-06, 16px);
  background-color: var(--color-background-neutral, #f7f8fa);
  border-radius: 0 0 var(--border-radius-r-03, 12px) var(--border-radius-r-03, 12px);
  box-sizing: border-box;
}
.mainBox.attr .listWrap .num_bar p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s-05, 12px);
  margin: 0;
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .listWrap .num_bar p b {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .listWrap .num_bar .increase {
  color: var(--color-up, #f03e4c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
}
.mainBox.attr .listWrap .num_bar .decrease {
  color: var(--color-down, #097df3);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
}

.sub_search .mainBox.score {
  display: flex;
  justify-content: center;
  gap: 0 var(--spacing-s-02, 4px);
  margin-top: 0;
  padding: 0 var(--spacing-s-06, 16px) var(--spacing-s-09, 32px);
  background: var(--color-background-subtle, #f1f4f6);
  box-sizing: border-box;
}
.sub_search .mainBox.score .box {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-01, 2px);
  flex: 1 1 30%;
  min-width: 0;
  padding: var(--spacing-s-07, 20px) var(--spacing-s-06, 16px);
  background-color: var(--color-background-default, #ffffff);
  border: none;
  border-radius: var(--border-radius-r-03, 12px);
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}
.sub_search .mainBox.score .box:hover {
  background-color: var(--color-background-neutral, #f7f8fa);
}
.sub_search .mainBox.score .box:focus-within {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-02, 4px);
  border-radius: var(--border-radius-r-03, 12px);
}
.sub_search .mainBox.score .box .title {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-s-01, 2px);
  margin: 0;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.score .box .title span {
  color: inherit;
}
.sub_search .mainBox.score .box .title::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.41992 3.5L8.57992 7.66L4.73992 11.5' stroke='%238C98A7' stroke-linecap='round'/%3E%3C/svg%3E");
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  flex-shrink: 0;
}
.sub_search .mainBox.score .box .con {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.score .box .charmNum_box {
  margin: 0;
}
.sub_search .mainBox.score .box .charm_num {
  display: block;
  margin: 0;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.score .box .charm_ranking {
  margin: 0;
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.score .box .charm_ranking span {
  color: inherit;
}
.sub_search .mainBox.score .box .charm_ranking.premium {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.score .box .charm_ranking.premium .icon_prm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.sub_search .mainBox.score .box .charm_ranking.premium .icon_prm svg {
  width: 16px;
  height: 16px;
}
.sub_search .mainBox.score .box .charm_ranking.premium span {
  text-decoration: underline;
}

.sub_search .service-browse-banner {
  margin-top: 0;
}

.sub_search .mainBox.chart_financials {
  padding: var(--spacing-s-09, 32px) var(--spacing-s-07, 20px);
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
  border-bottom: 8px solid var(--color-line-neutral, #f1f4f6);
}
.sub_search .mainBox.chart_financials .chart_financials_header {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  padding-bottom: var(--spacing-s-05, 12px);
}
.sub_search .mainBox.chart_financials .chart_financials_header .title {
  margin: 0;
  color: var(--color-label-strong, #1f242b);
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.chart_financials .chart_financials_tabs {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s-04, 8px);
  padding-bottom: var(--spacing-s-08, 24px);
}
.sub_search .mainBox.chart_financials .tab_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: var(--spacing-s-04, 8px) var(--spacing-s-06, 16px);
  border-radius: var(--border-radius-r-06, 32px);
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  background-color: transparent;
  border: 1px solid var(--color-secondary-outline-border-default, #e3e5e8);
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.chart_financials .tab_btn:hover {
  border-color: var(--color-line-alternative, #c7ccd1);
  color: var(--color-label-normal, #24282c);
}
.sub_search .mainBox.chart_financials .tab_btn:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.chart_financials .tab_btn.active {
  background-color: var(--color-secondary-solid-bg-selected, #313b48);
  border-color: var(--color-secondary-solid-bg-selected, #313b48);
  color: var(--color-label-inverse, #ffffff);
  font-family: Pretendard;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.chart_financials .chart_content_wrapper {
  width: 100%;
}
.sub_search .mainBox.chart_financials .chart_sub_header {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-s-05, 12px);
  border-bottom: 1px solid var(--color-line-neutral, #f1f4f6);
}
.sub_search .mainBox.chart_financials .chart_sub_title {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  color: var(--color-label-strong, #1f242b);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.chart_financials .chart_sub_title .signal_guide.txt_guide {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.sub_search .mainBox.chart_financials .chart_sub_title .signal_guide.txt_guide img {
  width: 16px;
  height: 16px;
}
.sub_search .mainBox.chart_financials .chart_toggle_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--spacing-s-04, 8px);
  padding-bottom: var(--spacing-s-04, 8px);
  width: 100%;
  box-sizing: border-box;
  height: 52px;
}
.sub_search .mainBox.chart_financials .toggle_group {
  display: flex;
  align-items: center;
  padding: var(--spacing-s-02, 4px);
  background-color: var(--color-background-subtle, #f1f4f6);
  border-radius: var(--border-radius-r-02, 8px);
}
.sub_search .mainBox.chart_financials .toggle_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-03, 6px) var(--spacing-s-04, 8px);
  border: none;
  border-radius: var(--border-radius-r-01-2, 6px);
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.chart_financials .toggle_btn:hover {
  color: var(--color-label-normal, #24282c);
}
.sub_search .mainBox.chart_financials .toggle_btn:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.chart_financials .toggle_btn.active {
  background-color: var(--color-background-default, #ffffff);
  box-shadow: 0 0 2px 0 var(--color-gray-300, #dadce0);
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.chart_financials .chart_unit {
  margin-left: auto;
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}

.sub_search .mainBox.financial_table {
  margin-top: 32px;
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
}
.sub_search .mainBox.financial_table .financial_table_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.sub_search .mainBox.financial_table .table_row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-s-05, 12px) var(--spacing-s-02, 4px);
  border-bottom: 1px solid var(--color-line-neutral, #f1f4f6);
  box-sizing: border-box;
}
.sub_search .mainBox.financial_table .table_row.full {
  border-top: 1px solid var(--color-line-neutral, #f1f4f6);
}
.sub_search .mainBox.financial_table .table_row .label {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.financial_table .table_row .value_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.financial_table .table_row .value {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.financial_table .table_row .unit {
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.financial_table .table_row_group {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s-07, 20px);
  width: 100%;
}
.sub_search .mainBox.financial_table .table_row.half {
  flex: 1 1 0;
  min-width: 0;
}
.sub_search .mainBox.financial_table .table_footer {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-s-02, 4px);
  width: 100%;
  padding-top: var(--spacing-s-04, 8px);
}
.sub_search .mainBox.financial_table .table_footer .date {
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.financial_table .table_footer .btn_info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.sub_search .mainBox.financial_table .table_footer .btn_info svg {
  width: 16px;
  height: 16px;
}
.sub_search .mainBox.financial_table .table_footer .btn_info:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
  border-radius: var(--border-radius-r-01, 4px);
}

.sub_search .main_mid.new_area {
  padding: var(--Spacing-s-09, 32px) var(--Spacing-s-07, 20px) 40px;
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
  border-bottom: 8px solid var(--color-background-subtle, #f1f4f6);
}
.sub_search .main_mid.new_area .c_title a {
  position: relative;
  display: inline-flex;
  color: var(--color-label-strong, #1f242b);
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
}
.sub_search .main_mid.new_area .c_title a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: none;
  display: inline-block;
  /* Inline SVG arrow (same as provided) */
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11.2 8.2L6.4 13" stroke="%2324282C" stroke-width="2" stroke-linecap="round"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11.2 8.2L6.4 13" stroke="%2324282C" stroke-width="2" stroke-linecap="round"/></svg>');
  mask-size: 16px 16px;
  -webkit-mask-size: 16px 16px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: #24282C;
}
.sub_search .main_mid.new_area .lst_type.news_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
.sub_search .main_mid.new_area .lst_type.news_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0 var(--spacing-s-07, 20px);
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-line-neutral, #f1f4f6);
  padding-top: var(--spacing-s-06, 16px);
  padding-bottom: var(--spacing-s-06, 16px);
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--spacing-s-04, 8px);
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--color-label-gray-light-bg, #f1f4f6);
  padding: 4px 6px;
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-gray-light-text, #6b7684);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .txt {
  width: 100%;
  -webkit-text-size-adjust: 100%;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .txt .lock_icon {
  display: inline-flex;
  align-items: center;
  margin-right: 3px;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .txt .lock_icon img {
  width: 16px;
  height: 16px;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .txt p {
  overflow: hidden;
  color: var(--color-label-normal, #24282c);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px) var(--spacing-s-04, 8px);
  width: 100%;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .info_box .day p {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  color: var(--color-label-alternative, #6b7684);
  margin: 0;
}
.sub_search .main_mid.new_area .lst_type.news_list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-02, 4px) var(--spacing-s-03, 6px);
  border-radius: var(--border-radius-r-01-2, 6px);
  background: var(--color-label-blue-light-bg, #e2eaff);
  color: var(--color-label-blue-light-text, #4168f6);
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .main_mid.new_area .lst_type.news_list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 72px;
  height: 56px;
  background-color: var(--color-background-subtle, #f1f4f6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: var(--border-radius-r-03, 12px);
  overflow: hidden;
  position: relative;
}
.sub_search .main_mid.new_area .lst_type.news_list .img span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.sub_search .main_mid.new_area .lst_type.news_list .img span.logo img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sub_search .main_mid.new_area .lst_type.news_list .img span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sub_search .main_mid.new_area .top-stocks__banner-content {
  margin-top: 16px;
}

.sub_search .mainBox.company_info_section {
  padding: var(--spacing-s-09, 32px) 0;
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
}
.sub_search .mainBox.company_info_section .section_header {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  padding: 0 var(--spacing-s-07, 20px);
  padding-bottom: var(--spacing-s-04, 8px);
}
.sub_search .mainBox.company_info_section .section_header .title {
  margin: 0;
  color: var(--color-label-strong, #1f242b);
  color: var(--Semantic-Label-Strong, var(--Label-Strong, #1F242B));
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .section_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0 var(--spacing-s-07, 20px);
  box-sizing: border-box;
}
.sub_search .mainBox.company_info_section .section_body .desc {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  line-height: 1.5rem;
  word-break: break-all;
  word-wrap: break-word;
}
.sub_search .mainBox.company_info_section .section_body .spacing_24 {
  height: 24px;
  width: 100%;
  flex-shrink: 0;
}
.sub_search .mainBox.company_info_section .section_buttons {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s-04, 8px);
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--spacing-s-07, 20px);
  padding-top: var(--spacing-s-06, 16px);
  padding-bottom: var(--spacing-s-11, 48px);
}
.sub_search .mainBox.company_info_section .section_buttons .btn_outline {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-s-03, 6px);
  padding: 5px var(--spacing-s-05, 12px);
  background-color: var(--color-background-default, #ffffff);
  border: 1px solid var(--color-line-normal, #e3e5e8);
  border-radius: var(--border-radius-r-02, 8px);
  text-decoration: none;
  box-sizing: border-box;
  color: var(--color-label-secondary, #4e5866);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  overflow: hidden;
}
.sub_search .mainBox.company_info_section .section_buttons .btn_outline span {
  color: var(--color-label-secondary, #4e5866);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .section_buttons .btn_outline:hover {
  background-color: var(--color-background-neutral, #f7f8fa);
  border-color: var(--color-line-alternative, #c7ccd1);
}
.sub_search .mainBox.company_info_section .section_buttons .btn_outline:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.company_info_section .section_buttons .btn_outline .icon_home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 14px;
  flex-shrink: 0;
}
.sub_search .mainBox.company_info_section .section_buttons .btn_outline .icon_home svg {
  width: 13px;
  height: 14px;
}
.sub_search .mainBox.company_info_section .competitor_section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.sub_search .mainBox.company_info_section .competitor_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-s-02, 4px);
  width: 100%;
  padding: 0 var(--spacing-s-07, 20px);
  box-sizing: border-box;
  padding-bottom: var(--spacing-s-05, 12px);
}
.sub_search .mainBox.company_info_section .competitor_title_wrap {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-03, 6px);
}
.sub_search .mainBox.company_info_section .competitor_title {
  margin: 0;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .badge_sector {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-02, 4px) var(--spacing-s-03, 6px);
  background-color: var(--color-background-default, #ffffff);
  border: 1px solid var(--color-label-blue-light-border, #bfd1fe);
  border-radius: var(--border-radius-r-01-2, 6px);
  color: var(--color-label-blue-light-text, #4168f6);
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .btn_more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.sub_search .mainBox.company_info_section .btn_more svg {
  width: 16px;
  height: 16px;
}
.sub_search .mainBox.company_info_section .btn_more:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
  border-radius: var(--border-radius-r-01, 4px);
}
.sub_search .mainBox.company_info_section .competitor_list_wrap {
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.sub_search .mainBox.company_info_section .competitor_list_wrap::-webkit-scrollbar {
  display: none;
}
.sub_search .mainBox.company_info_section .competitor_list {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s-04, 8px);
  padding-right: var(--spacing-s-05, 12px);
  width: 100%;
  box-sizing: border-box;
}
.sub_search .mainBox.company_info_section .competitor_card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-04, 8px);
  flex-shrink: 0;
  width: 157px;
  padding: var(--spacing-s-06, 16px);
  background-color: var(--color-background-default, #ffffff);
  border: 1px solid var(--color-line-normal, #e3e5e8);
  border-radius: var(--border-radius-r-04, 16px);
  box-sizing: border-box;
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.sub_search .mainBox.company_info_section .competitor_card:first-of-type {
  margin-left: var(--spacing-s-07, 20px);
}
.sub_search .mainBox.company_info_section .competitor_card:last-of-type {
  margin-right: 12px;
}
.sub_search .mainBox.company_info_section .competitor_card:hover {
  border-color: var(--color-line-alternative, #c7ccd1);
  background-color: var(--color-background-neutral, #f7f8fa);
}
.sub_search .mainBox.company_info_section .competitor_card:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
}
.sub_search .mainBox.company_info_section .card_header {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-04, 8px);
  width: 100%;
}
.sub_search .mainBox.company_info_section .card_header .company_logo {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  background: url("/img/1.5/Logo_bg.png") no-repeat center center;
  background-size: contain;
}
.sub_search .mainBox.company_info_section .card_header .company_name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .card_body {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
}
.sub_search .mainBox.company_info_section .card_body .price {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .card_body .change {
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .mainBox.company_info_section .card_body .change.increase {
  color: var(--color-up, #f03e4c);
}
.sub_search .mainBox.company_info_section .card_body .change.decrease {
  color: var(--color-down, #097df3);
}
.sub_search .mainBox.company_info_section .card_body .change.same {
  color: var(--color-label-assistive, #8C98A7);
}

.sub_search .main_mid.quick_link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-s-09, 32px) 0 0;
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
  position: relative;
  border-top: 8px solid var(--color-background-subtle, #f1f4f6);
}
.sub_search .main_mid.quick_link > .title {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-02, 4px);
  width: 100%;
  padding: 0 var(--spacing-s-07, 20px) var(--spacing-s-06, 16px);
  box-sizing: border-box;
}
.sub_search .main_mid.quick_link > .title a {
  position: relative;
  color: var(--color-label-strong, #1f242b);
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  text-decoration: none;
}
.sub_search .main_mid.quick_link > .title a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: none;
  display: inline-block;
  /* Inline SVG arrow (same as provided) */
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11.2 8.2L6.4 13" stroke="%2324282C" stroke-width="2" stroke-linecap="round"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11.2 8.2L6.4 13" stroke="%2324282C" stroke-width="2" stroke-linecap="round"/></svg>');
  mask-size: 16px 16px;
  -webkit-mask-size: 16px 16px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: #24282C;
}
.sub_search .main_mid.quick_link > .title .remark {
  display: none;
}
.sub_search .main_mid.quick_link > .more {
  display: none;
}
.sub_search .main_mid.quick_link .list_area {
  width: 100%;
  margin-right: calc(-1 * var(--spacing-s-07, 20px));
  box-sizing: border-box;
  overflow: visible;
}
.sub_search .main_mid.quick_link .list_area .swiper-container,
.sub_search .main_mid.quick_link .list_area .mainrecipeSwiper {
  position: relative;
  overflow: hidden;
  list-style: none;
}
.sub_search .main_mid.quick_link .list_area .swiper-container .swiper-slide,
.sub_search .main_mid.quick_link .list_area .mainrecipeSwiper .swiper-slide {
  display: block;
  width: auto;
  box-sizing: border-box;
}
.sub_search .main_mid.quick_link .list_area .swiper-container .swiper-slide:last-child,
.sub_search .main_mid.quick_link .list_area .mainrecipeSwiper .swiper-slide:last-child {
  padding-right: 0;
}
.sub_search .main_mid.quick_link .figure {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-08, 24px);
  width: 157px;
  min-width: 157px;
  height: 164px;
  padding: var(--spacing-s-07, 20px) var(--spacing-s-04, 8px) var(--spacing-s-06, 16px) var(--spacing-s-06, 16px);
  border-radius: var(--border-radius-r-04, 16px);
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sub_search .main_mid.quick_link .figure span {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.sub_search .main_mid.quick_link .figure::after {
  content: "";
  position: absolute;
  right: var(--spacing-s-04, 8px);
  bottom: var(--spacing-s-06, 16px);
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sub_search .main_mid.quick_link .figure.top50 {
  background: var(--Accent-Yellow-200, #FFEDA6);
}
.sub_search .main_mid.quick_link .figure.top50::after {
  background-image: url("/img/1.5/top50.png");
}
.sub_search .main_mid.quick_link .figure.jump {
  background: var(--Accent-Blue-100, #ECEFFD);
}
.sub_search .main_mid.quick_link .figure.jump::after {
  background-image: url("/img/1.5/jump.png");
}
.sub_search .main_mid.quick_link .figure.goldenCross {
  background: var(--Accent-Red-50, #FDECEF);
}
.sub_search .main_mid.quick_link .figure.goldenCross::after {
  background-image: url("/img/1.5/goldenCross.png");
}
.sub_search .main_mid.quick_link .figure.rocketBooster {
  background: var(--Accent-Blue-100, #ECEFFD);
}
.sub_search .main_mid.quick_link .figure.rocketBooster::after {
  background-image: url("/img/1.5/rocketBooster.png");
}
.sub_search .main_mid.quick_link .figure.growthDiscovery {
  background: #FFEDD4;
}
.sub_search .main_mid.quick_link .figure.growthDiscovery::after {
  background-image: url("/img/1.5/growthDiscovery.png");
}

.invest_indicator_popup .pop_title {
  padding-bottom: var(--Spacing-s-04, 8px);
  color: var(--color-label-strong, #1f242b);
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.0188rem;
  /* Heading/Medium/600 */
}
.invest_indicator_popup .indicator_tabs {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s-04, 8px);
  padding-bottom: var(--spacing-s-04, 8px);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.invest_indicator_popup .indicator_tabs::-webkit-scrollbar {
  display: none;
}
.invest_indicator_popup .tab_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  padding: 0 var(--spacing-s-06, 16px);
  border-radius: var(--border-radius-r-04, 16px);
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  background-color: transparent;
  border: 1px solid var(--color-line-normal, #e3e5e8);
  color: var(--color-label-assistive, #8c98a7);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  font-weight: 500;
}
.invest_indicator_popup .tab_btn.active {
  background-color: var(--color-brand, #4168f6);
  border-color: var(--color-brand, #4168f6);
  color: var(--color-static-white, #ffffff);
  font-weight: 700;
}
.invest_indicator_popup .tab_btn:hover:not(.active) {
  border-color: var(--color-line-alternative, #c7ccd1);
  background-color: var(--color-background-neutral, #f7f8fa);
}
.invest_indicator_popup .tab_btn:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
}
.invest_indicator_popup .indicator_body {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.invest_indicator_popup .indicator_body .txt {
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
  /* Body/Medium/400 */
}
.invest_indicator_popup .indicator_content {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.invest_indicator_popup .indicator_content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.invest_indicator_popup .desc {
  margin: 0;
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: -0.0188rem;
}
.invest_indicator_popup .desc strong {
  color: var(--color-label-normal, #24282c);
  /* Body/Medium/600 */
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0188rem;
}

.sub_search .period_toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-04, 8px);
  width: 100%;
  margin-top: 16px;
  padding: 0 var(--spacing-s-07, 20px);
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
}
.sub_search .period_toggle .toggle_item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s-01, 2px);
  padding: var(--spacing-s-05, 12px);
  border: none;
  border-radius: var(--border-radius-r-01-2, 6px);
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, border-radius 0.2s ease;
}
.sub_search .period_toggle .toggle_item .period_label {
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  text-align: center;
}
.sub_search .period_toggle .toggle_item .period_value {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  text-align: center;
}
.sub_search .period_toggle .toggle_item .period_value.increase {
  color: var(--color-up, #f03e4c);
}
.sub_search .period_toggle .toggle_item .period_value.decrease {
  color: var(--color-down, #097df3);
}
.sub_search .period_toggle .toggle_item .period_value.same {
  color: var(--color-label-secondary, #4e5866);
}
.sub_search .period_toggle .toggle_item.active {
  background-color: var(--color-background-subtle, #f1f4f6);
  border-radius: var(--border-radius-r-04, 16px);
}
.sub_search .period_toggle .toggle_item.active .period_label {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.sub_search .period_toggle .toggle_item:hover:not(.active) {
  background-color: var(--color-background-neutral, #f7f8fa);
}
.sub_search .period_toggle .toggle_item:focus-visible {
  outline: var(--spacing-s-01, 2px) solid var(--color-line-brand, #4168f6);
  outline-offset: var(--spacing-s-01, 2px);
}
.sub_search .period_toggle .toggle_item .trend_badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-02, 4px) var(--spacing-s-03, 6px);
  background-color: var(--color-black-dark-bg, #313b48);
  border: 1px solid var(--color-line-inverse, #ffffff);
  border-radius: var(--border-radius-r-07, 100px);
  color: var(--color-black-dark-text, #ffffff);
  font-family: Pretendard;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.75rem;
  letter-spacing: -0.0188rem;
  white-space: nowrap;
}

.candle_chart_section .chart_period_toggle {
  display: flex;
  align-items: stretch;
  gap: var(--spacing-s-04, 8px);
  width: 100%;
  margin-top: var(--spacing-s-04, 8px);
  padding: 0;
  background-color: var(--color-background-default, #ffffff);
  box-sizing: border-box;
}
.candle_chart_section .chart_period_toggle .toggle_item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s-01, 2px);
  padding: var(--spacing-s-05, 12px);
  border: none;
  border-radius: var(--border-radius-r-01-2, 6px);
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, border-radius 0.2s ease;
}
.candle_chart_section .chart_period_toggle .toggle_item .period_label {
  color: var(--color-label-alternative, #6b7684);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  text-align: center;
}
.candle_chart_section .chart_period_toggle .toggle_item .period_value {
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.0188rem;
  text-align: center;
}
.candle_chart_section .chart_period_toggle .toggle_item .period_value.increase {
  color: var(--color-up, #f03e4c);
}
.candle_chart_section .chart_period_toggle .toggle_item .period_value.decrease {
  color: var(--color-down, #097df3);
}
.candle_chart_section .chart_period_toggle .toggle_item .period_value.same {
  color: var(--color-label-secondary, #4e5866);
}
.candle_chart_section .chart_period_toggle .toggle_item.active {
  background-color: var(--color-background-subtle, #f1f4f6);
  border-radius: var(--border-radius-r-04, 16px);
}
.candle_chart_section .chart_period_toggle .toggle_item.active .period_label {
  color: var(--color-label-normal, #24282c);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.candle_chart_section .chart_period_toggle .toggle_item:hover:not(.active) {
  background-color: var(--color-background-neutral, #f7f8fa);
}
.candle_chart_section .chart_period_toggle .toggle_item .trend_badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-01, 2px) var(--spacing-s-03, 6px);
  border: 1px solid #ffffff;
  border-radius: var(--border-radius-r-07, 100px);
  background-color: var(--color-black-dark-bg, #1a1a1a);
  color: var(--color-label-static-white, #ffffff);
  font-family: Pretendard;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
  letter-spacing: -0.0188rem;
  white-space: nowrap;
}
.candle_chart_section .chart_period_toggle .toggle_item .trend_badge.increase {
  color: var(--color-up, #f03e4c);
  background: var(--Badge-Red-Light-Bg, #FDECEF);
}
.candle_chart_section .chart_period_toggle .toggle_item .trend_badge.decrease {
  color: var(--color-down, #097df3);
  background: var(--Badge-Blue-Light-Bg, #ECEFFD);
}
.candle_chart_section .chart_period_toggle .toggle_item .trend_badge.same {
  color: var(--color-label-alternative, #6b7684);
  background: var(--Badge-Gray-Light-Bg, #F1F4F6);
}

.candle_chart_section {
  padding: 0 16px;
}
.candle_chart_section .BICchart_style {
  margin-top: 20px;
  width: 100%;
  height: 280px;
}
@media (min-width: 426px) and (max-width: 9999px) {
  .candle_chart_section .BICchart_style {
    height: 340px;
  }
}
.candle_chart_section .BICchart_style {
  box-sizing: border-box;
  background-color: transparent;
}
.candle_chart_section .BICchart_style .highcharts-yaxis .highcharts-axis-line {
  opacity: 0 !important;
}
.candle_chart_section .BICchart_style .highcharts-axis-line {
  stroke: #ccd6eb !important;
}
.candle_chart_section .BICchart_style .highcharts-xaxis-grid .highcharts-grid-line,
.candle_chart_section .BICchart_style .highcharts-xaxis-grid .highcharts-axis-line {
  opacity: 0 !important;
}
.candle_chart_section .BICchart_style .highcharts-yaxis-grid .highcharts-grid-line,
.candle_chart_section .BICchart_style .highcharts-yaxis-grid .highcharts-axis-line {
  stroke: transparent !important;
}
.candle_chart_section .BICchart_style .highcharts-button-box {
  cursor: pointer;
  flex: 1;
  padding: 8px 0;
  border-bottom: 1px solid #000;
  font-size: 13px;
  letter-spacing: -0.65px;
  text-align: center;
  color: #222;
}
.candle_chart_section .BICchart_style .highcharts-navigator-xaxis {
  font-size: 0;
  opacity: 0;
}
.candle_chart_section .BICchart_style .highcharts-series-label text {
  font-size: 0 !important;
}
.candle_chart_section .BICchart_style .highcharts-input-group,
.candle_chart_section .BICchart_style .highcharts-navigator {
  display: none;
}
.candle_chart_section .BICchart_style .highcharts-range-selector-group .highcharts-label {
  display: none !important;
  font-size: 0 !important;
}
.candle_chart_section .BICchart_style .highcharts-point-up {
  fill: var(--color-up, #E1305A);
  stroke: var(--color-up, #E1305A);
}
.candle_chart_section .BICchart_style .highcharts-point-down,
.candle_chart_section .BICchart_style .highcharts-point-down-bearish-up {
  fill: var(--color-down, #303FAF);
  stroke: var(--color-down, #303FAF);
}
.candle_chart_section .BICchart_style .highcharts-tooltip {
  min-width: 200px;
}
.candle_chart_section .BICchart_style .highcharts-tooltip > span {
  z-index: 10 !important;
  color: var(--color-label-inverse, #ffffff);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
  line-height: 2;
}
.candle_chart_section .BICchart_style .highcharts-tooltip > span span,
.candle_chart_section .BICchart_style .highcharts-tooltip > span div,
.candle_chart_section .BICchart_style .highcharts-tooltip > span p {
  color: var(--color-label-inverse, #ffffff);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.candle_chart_section .BICchart_style .highcharts-tooltip > span b,
.candle_chart_section .BICchart_style .highcharts-tooltip > span strong {
  color: var(--color-label-inverse, #ffffff);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: -0.0188rem;
}
.candle_chart_section .BICchart_style .highcharts-tooltip-box {
  fill: rgba(36, 40, 44, 0.95) !important;
  stroke: none !important;
  rx: 12 !important;
  ry: 12 !important;
}
.candle_chart_section .BICchart_style .highcharts-credits {
  display: none !important;
}
.candle_chart_section .BICchart_style .highcharts-xaxis-labels text {
  fill: var(--color-label-assistive, #8c98a7) !important;
  font-family: "Pretendard", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.candle_chart_section .BICchart_style .highcharts-xaxis .highcharts-axis-line {
  stroke: var(--color-line-neutral, #f1f4f6) !important;
}
.candle_chart_section .BICchart_style .highcharts-grid-line {
  stroke: transparent !important;
}

.financialsLine_style_box .financialsLine_style {
  margin-top: 10px;
  width: 100%;
  height: 300px;
}
.financialsLine_style_box .financialsLine_style .highcharts-xaxis-grid .highcharts-grid-line {
  height: 0 !important;
  stroke: transparent !important;
}
.financialsLine_style_box .financialsLine_style .highcharts-grid-line {
  stroke: var(--color-line-neutral, #f1f4f6) !important;
}
.financialsLine_style_box .financialsLine_style .highcharts-xaxis .highcharts-axis-line {
  stroke: var(--color-line-neutral, #f1f4f6) !important;
}
.financialsLine_style_box .financialsLine_style .highcharts-legend-item .highcharts-point {
  r: 5;
}
.financialsLine_style_box .financialsLine_style#containerfinancials2_1 .highcharts-legend-item .highcharts-graph {
  display: none;
}

.financials_style_box .financials_style {
  width: 100%;
  height: 200px;
}
.financials_style_box .financials_style rect.highcharts-point {
  fill: #4168F6 !important;
  background: #4168F6 !important;
  stroke-width: 0;
}
.financials_style_box .financials_style rect.highcharts-point.point_color {
  fill: #B0B8C1 !important;
  background: #B0B8C1 !important;
}
.financials_style_box .financials_style rect.highcharts-point.decrease_color {
  fill: #BFD1FE !important;
  background: #BFD1FE !important;
}
.financials_style_box .financials_style .highcharts-point.highcharts-negative.highcharts-color-0 {
  fill: #BFD1FE;
  background: #BFD1FE;
}
.financials_style_box .financials_style .highcharts-data-labels .highcharts-label text,
.financials_style_box .financials_style .highcharts-data-labels .highcharts-label tspan {
  font-size: 12px !important;
  color: #6A727B !important;
  fill: #6A727B !important;
  text-shadow: none;
  stroke-width: 0;
  font-weight: 400 !important;
}
.financials_style_box .financials_style .highcharts-data-labels .highcharts-axis-labels text {
  font-size: 12px !important;
  color: #969EA7 !important;
  fill: #969EA7 !important;
  font-weight: 400 !important;
}
.financials_style_box .financials_style .highcharts-xaxis .highcharts-axis-line {
  stroke: #DADCE0;
}
.financials_style_box .financials_style .highcharts-crosshair-category {
  stroke: rgba(255, 255, 255, 0);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*
// 🎯 기본 사용법
.container {
  padding: 20px;

  @include mobile-only {
    padding: 10px;
  }

  @include tablet-up {
    padding: 30px;
  }

  @include desktop-up {
    padding: 40px;
  }
}

// 🎯 아이폰 특화 대응
.iphone-specific {
  font-size: 16px;

  @include iphone-se-1st {
    font-size: 14px; // iPhone SE 1st gen용 작은 폰트
  }

  @include iphone-12-15-pro-max {
    font-size: 18px; // Pro Max용 큰 폰트
  }
}

// 🎯 범위별 대응
.custom-range {
  @include range(400px, 600px) {
    // 400px ~ 600px 범위에서만 적용
    background: red;
  }
}

// 🎯 방향별 대응
.orientation-aware {
  @include portrait {
    // 세로 모드
    flex-direction: column;
  }

  @include landscape {
    // 가로 모드
    flex-direction: row;
  }
}

// 🎯 접근성 고려
.accessible-animation {
  animation: fadeIn 0.3s ease-in;

  @include reduced-motion {
    animation: none; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
/* =============================================================================
   📄 SUB PAGE STYLES - 서브 페이지 스타일 (라인 1151-6000)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _sub_pages.scss
   - 검색 페이지
   - 브리핑 페이지
   - 약관 페이지
   - 추천 페이지
   ============================================================================= */
/* 목록 드래그 드롭 */
.globalStock .sub_search .att_wrap {
  background: #fff;
  padding: 20px 15px 0px;
}

.globalStock .sub_search .no_attdata {
  margin: 20px auto 50px;
  border-radius: 20px;
  background: #f7f8f9 url("/img/bg_nodata.png") no-repeat center 50px;
  width: calc(100% - 30px);
  height: 400px;
  text-align: center;
}

.globalStock .sub_search .no_attdata p {
  color: #949494;
  font-size: 0.9375rem;
  line-height: 1.43;
  padding: 250px 15px 0;
}

.globalStock .sub_search .no_attdata p a {
  color: #608bff;
  font-size: 0.9375rem;
  text-decoration: underline;
}

.globalStock .sub_search .att_wrap .fav_title {
  margin-bottom: 22px;
  padding: 17px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #F4F4F5;
  color: #161B23;
  font-size: 16px;
  font-weight: 700;
}

.globalStock .sub_search .att_wrap .att_list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px 8px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  min-height: calc(100vh - 305px);
}
.globalStock .sub_search .att_wrap .att_list input[type=checkbox].list_del {
  display: none;
}
.globalStock .sub_search .att_wrap .att_list input[type=checkbox].list_del + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  background: #D9DCDF url("/img/checked_wh.svg") no-repeat center center;
}
.globalStock .sub_search .att_wrap .att_list input[type=checkbox].list_del:checked + label:before {
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .att_wrap .att_list::-webkit-scrollbar {
  width: 3px;
}

.globalStock .sub_search .att_wrap .att_list::-webkit-scrollbar-thumb {
  background: #e8e8e8;
}

.globalStock .sub_search .att_wrap .att_list .list {
  position: relative;
  display: flex;
  gap: 10px 10px;
}

.globalStock .sub_search .att_wrap .att_list li,
.ui-state-default {
  display: flex;
  align-items: center;
  gap: 10px 4px;
  background: #fff;
  border: none;
  width: 100%;
}

.globalStock .sub_search .att_wrap .att_list .handle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

.globalStock .sub_search .att_wrap .att_list span.title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding-left: 4px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.globalStock .sub_search .att_wrap .att_list .ticker {
  color: #939393;
  font-size: 14px;
  font-weight: 500;
}

.globalStock .sub_search .att_wrap .btnArea.edtBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px 8px;
  position: sticky;
  bottom: 0;
  padding-top: 0;
  background: #fff;
  box-shadow: 0px -32px 20px 0px rgba(255, 255, 255, 0.9);
}
.globalStock .sub_search .att_wrap .btnArea.edtBtn .btn {
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.globalStock .sub_search .att_wrap .btnArea.edtBtn .btn:active {
  transform: translate(2px, 2px);
}
.globalStock .sub_search .att_wrap .btnArea.edtBtn .btn {
  margin: 0;
  width: 100%;
  padding: 14.5px 25px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-lg, 17px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 123.529% */
  letter-spacing: -0.3px;
}
.globalStock .sub_search .att_wrap .btnArea.edtBtn .btn.btn_save {
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
}
.globalStock .sub_search .att_wrap .btnArea.edtBtn .btn.btn_del {
  background: #C7CCD1;
  border-color: #C7CCD1;
}

.globalStock .sub_search .att_wrap:not(.new) .att_list {
  background: #fff;
  display: block;
  min-height: 300px;
  max-height: 336px;
  overflow: auto;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list::-webkit-scrollbar {
  width: 3px;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list::-webkit-scrollbar-thumb {
  background: #e8e8e8;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list .list {
  position: relative;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list .list i,
.globalStock .sub_search .att_wrap:not(.new) .att_list .list .btn_del {
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
  width: 30px;
  height: 40px;
  font-size: 0;
  background: url("/img/bg_del.png") no-repeat 50% 16px;
  vertical-align: top;
  z-index: 999;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list li {
  background: #fff;
  border: none;
  display: inline-block;
  width: calc(100% - 85px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 15px 0;
  margin-left: 10px;
  box-sizing: border-box;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list li .handle {
  position: absolute;
  right: 5px;
  top: 4px;
  float: right;
  width: 38px;
  height: 38px;
  background: url("/img/btn_handle.png") no-repeat center center;
  font-size: 0;
  background-size: 20px 12px;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list li a {
  color: #333;
  font-size: 0.9375rem;
}
.globalStock .sub_search .att_wrap:not(.new) .att_list li .ticker {
  margin-left: 7px;
  color: #d3d3d3;
  font-size: 0.78rem;
}
.globalStock .sub_search .att_wrap:not(.new) .btn_list.fix_btn {
  left: 0;
  right: 0;
  top: 9px;
  margin: 0;
  margin-top: 30px;
  padding: 15px 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 81;
}
.globalStock .sub_search .att_wrap:not(.new) .btn_list {
  clear: both;
  width: 140px;
  margin: 30px auto 0;
}
.globalStock .sub_search .att_wrap:not(.new) .btn_list a {
  display: block;
  background: #404fc3;
  color: #fff;
  font-size: 0.9375rem;
  border-radius: 3px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  line-height: 38px;
}

.globalStock #container.sub_briefing .his_back {
  position: absolute;
  left: 15px;
  top: 11px;
  width: 19px;
}

.globalStock #container.sub_briefing .his_back img {
  display: inline-block;
  width: 100%;
}

.globalStock #container.sub_briefing .m_sub {
  background: #fff;
}

/***** log_chk *****/
.globalStock .log_chk {
  padding: 5px 0;
  width: 180px;
}

.globalStock .log_chk .login p {
  font-size: 0.9rem;
  color: #939393;
  display: inline-block;
  line-height: 2rem;
  letter-spacing: -0.8px;
}

.globalStock .log_chk .login p .user_name {
  font-size: 1.5rem;
  line-height: 20px;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  padding-right: 5px;
  display: block;
}

.globalStock .log_chk .logout {
  margin-left: 84px;
}

.globalStock .log_chk .logout p span {
  text-decoration: underline;
}

.globalStock .log_chk .logout p a {
  color: #608BFF;
}

.globalStock .log_chk .logout p {
  font-size: 1rem;
  width: 320px;
  margin-left: -80px;
  display: inline-block;
  text-align: left;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.4rem;
}

.globalStock .log_chk .logout {
  margin-left: 84px;
}

.globalStock .log_chk .logout p span {
  text-decoration: underline;
}

.globalStock .log_chk .logout p a {
  color: #608BFF;
}

.globalStock .log_chk .logout p {
  font-size: 1rem;
  width: 320px;
  margin-left: -80px;
  display: inline-block;
  text-align: left;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.4rem;
}

.globalStock .temp_briefinglink {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 18px;
  height: 22px;
  margin-left: 12px;
  margin-right: 7px;
}

.globalStock .temp_briefinglink img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.globalStock .foot_area {
  padding: 0 0 20px;
  background: #F4F4F5;
}

.globalStock .foot_area .notice {
  padding: 0 15px 5px !important;
  color: #939393;
  line-height: 19px;
  font-size: 0.75rem;
}

.globalStock .foot_area .dataLink {
  vertical-align: top;
  margin-top: 5px;
  font-size: 0.75rem;
  text-align: right;
  padding-right: 15px;
}

.globalStock .foot_area .dataLink a {
  color: #608bff;
  font-size: 0.75rem;
}

.globalStock .note_list {
  padding: 12px 15px 60px;
}

.globalStock .note_list p {
  color: #939393;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: -0.9px;
  word-wrap: break-word;
  word-break: break-all;
}

.globalStock .note_list p.impt {
  color: #ff2929;
}

.globalStock .cho_applybtn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 767px;
  margin: 0 auto;
  z-index: 9999;
}

.globalStock .cho_applybtn .btn.btn_apply {
  display: block;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 1.125rem;
  color: #FFE200;
  padding: 17px 5px;
  background-color: #273390;
  z-index: 9999;
  opacity: 1;
}

.globalStock .cho_applybtn .btn.btn_apply::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("/img/bg_btn_apply.png") no-repeat 0 0;
  width: 76px;
  height: 62px;
  background-size: 100%;
}

.globalStock .cho_applybtn .btn.btn_apply i {
  position: absolute;
  right: calc(50% - 97px);
  top: 22px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/more_yel.png") no-repeat 0 0;
  background-size: cover;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .cho_applybtn .btn.btn_apply i {
    right: calc(50% - 88px);
    top: 21px;
  }
  .globalStock .cho_applybtn .btn.btn_apply::before {
    width: 74px;
    height: 59px;
  }
}
/*****************/
/*** 이용약관 ***/
/*****************/
.globalStock .sub_terms {
  padding: 25px 15px 30px !important;
}

.globalStock .sub_terms .header {
  padding: 0 !important;
}

.globalStock .sub_terms .terms_title {
  text-align: center;
  color: #333;
  font-size: 1.25rem;
}

.globalStock .sub_terms .terms_sum {
  color: #333;
  font-size: 0.9375rem;
  margin-top: 35px;
  margin-bottom: 3px;
  font-weight: bold;
}

.globalStock .sub_terms .terms_sum_n {
  color: #333;
  font-size: 0.9375rem;
  margin-top: 25px;
  margin-bottom: 15px;
  font-weight: normal;
}

.globalStock .sub_terms .txt {
  white-space: pre-line;
  color: #333;
  font-size: 0.84rem;
  line-height: 1.3rem;
  word-wrap: break-word;
  word-break: break-all;
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
}
.globalStock .sub_terms .txt span {
  white-space: pre-line;
  color: #333;
  font-size: 0.84rem;
  line-height: 1.3rem;
  word-wrap: break-word;
  word-break: break-all;
}

.globalStock .sub_terms ul.list {
  display: flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2px;
}
.globalStock .sub_terms ul.list li {
  white-space: pre-line;
  color: #333;
  font-size: 0.84rem;
  line-height: 1.3rem;
  word-wrap: break-word;
  word-break: break-all;
}

.globalStock .sub_terms .txt_B {
  white-space: pre-line;
  margin-top: 15px;
  color: #333;
  font-size: 0.84rem;
  line-height: 1.3rem;
  word-wrap: break-word;
  word-break: break-all;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*
// 🎯 기본 사용법
.container {
  padding: 20px;

  @include mobile-only {
    padding: 10px;
  }

  @include tablet-up {
    padding: 30px;
  }

  @include desktop-up {
    padding: 40px;
  }
}

// 🎯 아이폰 특화 대응
.iphone-specific {
  font-size: 16px;

  @include iphone-se-1st {
    font-size: 14px; // iPhone SE 1st gen용 작은 폰트
  }

  @include iphone-12-15-pro-max {
    font-size: 18px; // Pro Max용 큰 폰트
  }
}

// 🎯 범위별 대응
.custom-range {
  @include range(400px, 600px) {
    // 400px ~ 600px 범위에서만 적용
    background: red;
  }
}

// 🎯 방향별 대응
.orientation-aware {
  @include portrait {
    // 세로 모드
    flex-direction: column;
  }

  @include landscape {
    // 가로 모드
    flex-direction: row;
  }
}

// 🎯 접근성 고려
.accessible-animation {
  animation: fadeIn 0.3s ease-in;

  @include reduced-motion {
    animation: none; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
.v_signalStreng.globalStock #wrap #container .tooltip {
  display: none;
  position: absolute;
  left: 10px;
  top: 20px;
  padding: 20px;
  width: 280px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(101, 109, 126, 0.08);
  border: solid 1px #222;
  background-color: #fff;
  z-index: 9;
}
.v_signalStreng.globalStock #wrap #container .tooltip .t_title {
  font-size: 15px;
  font-weight: 700;
  color: #333;
}
.v_signalStreng.globalStock #wrap #container .tooltip .txt {
  display: block;
  margin-top: 15px;
  font-size: 13px;
  line-height: 1.62;
  color: #656d7e;
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container .tooltip .clse_tooltip {
  position: absolute;
  right: 15px;
  top: 15px;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  width: 24px;
  height: 24px;
}
.v_signalStreng.globalStock #wrap #container .tooltip .clse_tooltip::before {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(-45deg);
  top: 5px;
  left: 12px;
}
.v_signalStreng.globalStock #wrap #container .tooltip .clse_tooltip::after {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(45deg);
  top: 5px;
  left: 12px;
}

.v_signalStreng.globalStock #wrap #container .guide_box {
  display: none;
  position: absolute;
  left: 10px;
  top: 20px;
  padding: 26px 30px 20px 15px;
  width: 320px;
}
@media (min-width: 320px) and (max-width: 358px) {
  .v_signalStreng.globalStock #wrap #container .guide_box {
    width: 280px;
  }
}
.v_signalStreng.globalStock #wrap #container .guide_box {
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(101, 109, 126, 0.08);
  border: solid 1px #222;
  background-color: #fff;
  z-index: 9;
}
.v_signalStreng.globalStock #wrap #container .guide_box ul li,
.v_signalStreng.globalStock #wrap #container .guide_box .txt {
  display: block;
  font-size: 13px;
  line-height: 1.62;
  color: #656d7e;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container .guide_box .txt {
  margin-bottom: 13px;
}
.v_signalStreng.globalStock #wrap #container .guide_box .list_txt {
  position: relative;
  padding-left: 10px;
}
.v_signalStreng.globalStock #wrap #container .guide_box .list_txt::before {
  content: "";
  width: 5px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #6a6a6a;
}
.v_signalStreng.globalStock #wrap #container .guide_box .clse {
  position: absolute;
  right: 6px;
  top: 5px;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  width: 24px;
  height: 24px;
}
.v_signalStreng.globalStock #wrap #container .guide_box .clse::before {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(-45deg);
  top: 5px;
  left: 12px;
}
.v_signalStreng.globalStock #wrap #container .guide_box .clse::after {
  content: "";
  height: 18px;
  border-left: 2px solid #bfc6d9;
  position: absolute;
  transform: rotate(45deg);
  top: 5px;
  left: 12px;
}

.modal {
  max-width: 700px;
  margin: 0 auto;
  position: fixed;
  top: 30%;
  z-index: 99;
  width: 94%;
  box-sizing: border-box;
  margin-left: 3%;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  display: none;
}
.modal.fullpage {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  height: 100%;
  max-width: 767px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: auto;
  box-shadow: none;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 9997;
}
.modal.fullpage .pop_header {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  display: flex;
  height: 56px;
  width: 100%;
  padding: 16px 20px;
  box-sizing: border-box;
}
.modal.fullpage .pop_con {
  padding: 0;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 98;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  display: none;
}

.modal.slideUp,
.signalpop.slideUp {
  animation: fadeIn 0.8s, slideIn 0.4s linear;
  margin: 0 auto;
  margin-left: 3%;
  border-radius: 10px;
}

.modal.slideUp50 {
  animation: fadeIn 0.8s, slideIn50 0.4s linear;
  margin: 0 auto;
  margin-left: 3%;
  border-radius: 10px;
}

@keyframes slideIn {
  0% {
    transform: translateY(400px);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translateY(-30px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(10px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-in;
  }
}
@keyframes slideIn50 {
  0% {
    transform: translate(-50%, calc(-50% + 400px));
    animation-timing-function: ease-out;
  }
  60% {
    transform: translate(-50%, calc(-50% - 30px));
    animation-timing-function: ease-in;
  }
  80% {
    transform: translate(-50%, calc(-50% + 10px));
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate(-50%, -50%);
    animation-timing-function: ease-in;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.md-modal {
  position: fixed;
  top: 15%;
  width: 94%;
  max-width: 700px;
  height: auto;
  z-index: 9999;
  visibility: hidden;
}

.md-show {
  visibility: visible;
  animation: fadeIn 0.8s, slideIn 0.4s linear;
  margin: 0 auto;
  margin-left: 3%;
  border-radius: 10px;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 {
  top: 15%;
  max-height: 80vh;
}

.v_signalStreng.globalStock #wrap .modal.method .pop_header,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header,
.v_signalStreng.globalStock #wrap .modal.agreePopBox .pop_header,
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_header,
.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_header,
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_header,
.v_signalStreng.globalStock #wrap .modal.eps_pop01 .pop_header,
.v_signalStreng.globalStock #wrap .modal.ema_pop01 .pop_header,
.v_signalStreng.globalStock #wrap .modal.setting_pop02 .pop_header,
.v_signalStreng.globalStock #wrap .modal.setting_pop03 .pop_header {
  background-color: #fff;
  padding: 32px 15px 24px;
  border: none;
}

.v_signalStreng.globalStock #wrap .modal.method .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.agreePopBox .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.eps_pop01 .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.ema_pop01 .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.setting_pop02 .pop_header .pop_title,
.v_signalStreng.globalStock #wrap .modal.setting_pop03 .pop_header .pop_title {
  justify-content: center;
  box-sizing: border-box;
  color: var(--Semantic-Label-Strong, var(--Neutral-900, #1F242B));
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px); /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header .pop_title {
  text-align: left;
}

.v_signalStreng.globalStock #wrap .modal.method .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.method .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.agreePopBox .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.agreePopBox .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.eps_pop01 .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.eps_pop01 .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.ema_pop01 .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.ema_pop01 .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.setting_pop02 .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.setting_pop02 .pop_header .clse::after,
.v_signalStreng.globalStock #wrap .modal.setting_pop03 .pop_header .clse::before,
.v_signalStreng.globalStock #wrap .modal.setting_pop03 .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con,
.v_signalStreng.globalStock #wrap .modal.agreePopBox .pop_con,
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con,
.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_con,
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_con,
.v_signalStreng.globalStock #wrap .modal.eps_pop01 .pop_con,
.v_signalStreng.globalStock #wrap .modal.ema_pop01 .pop_con {
  padding: 0 16px 32px;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .txt {
  padding: 2px 0;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}
@media (max-width: var(--bp-mobile-max)) {
  .v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .txt {
    letter-spacing: -1px;
  }
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .h2_txt {
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: normal;
  color: #333;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .txt b {
  font-weight: bold;
  color: #333;
  line-height: 1.43;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .txt b.increase {
  color: #E1305A;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .txt b.decrease {
  color: #303FAF;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .signal_filter {
  display: flex;
  justify-content: flex-end;
  gap: 0 6px;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .signal_filter span {
  cursor: pointer;
  position: relative;
  padding: 1px 3px;
  font-size: 0.8125rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #939393;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .signal_filter span.active {
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .signal_filter span::after {
  content: "";
  position: absolute;
  top: 5px;
  display: inline-block;
  margin-left: 6px;
  width: 1px;
  height: 12px;
  background-color: #BEBCCB;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .signal_filter span:last-child::after {
  display: none;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con {
  height: 100%;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .signal_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .chart_guide {
  position: relative;
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 400;
  color: #969ea7;
  width: 100%;
  padding-left: 24px;
  padding-right: 2px;
  margin-top: 16px;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .chart_guide::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 6px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 17px 10px;
  margin-top: 8px;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #f7f8f9;
  overflow: scroll;
  overflow-x: hidden;
}
@media (max-height: 570px) {
  .v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal {
    max-height: 210px;
  }
}
@media (min-height: 571px) and (max-height: 813px) {
  .v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal {
    max-height: 300px;
  }
}
@media (min-height: 814px) and (max-height: 897px) {
  .v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal {
    max-height: 330px;
  }
}
@media (min-height: 898px) and (max-height: 1025px) {
  .v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal {
    max-height: 378px;
  }
}
@media (min-height: 1026px) {
  .v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal {
    max-height: 504px;
  }
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .no_data {
  display: block;
  padding: 15px 15px;
  width: calc(100% - 20px);
  box-sizing: border-box;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: normal;
  color: #333;
  border-bottom: none;
  text-align: center;
}
.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal#all-signal {
  display: none;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list {
  display: flex;
  justify-content: space-around;
  margin: 0;
  width: 100%;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list li {
  /* flex: 1 1 auto;	 */
  text-align: center;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .day {
  width: 64px;
  min-width: 50px;
  font-size: 0.8125rem;
  color: #6a727b;
  box-sizing: border-box;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span {
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: -0.33px !important;
  color: #fff;
  padding: 4px 9px;
  border-radius: 16px;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span.ibox.str {
  background-color: #dd5257;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span.ibox.bas {
  background: #C7CCD1;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .trends span.ibox.weak {
  background-color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .signal {
  font-size: 0.8125rem;
  color: #333;
  min-width: 50px;
  text-align: right;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
  width: 88px;
  text-align: center;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal.increase {
  color: #e1305a;
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal.decrease {
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock #wrap .modal.signal_pop01 .pop_con .trading_signal .list .exp_signal span {
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
}

.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_con {
  padding: 0 20px 32px;
}

.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_con .txt {
  padding: 2px 0;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}
.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_con .txt b {
  font-weight: normal;
  color: #ff2929;
  text-decoration: underline;
}

.v_signalStreng.globalStock #wrap .modal.payment_cacl .pop_con .btnArea .btn_cncl {
  background-color: transparent;
  border-radius: 7px;
}
.v_signalStreng.globalStock .blocker {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal .pop_header .clse {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 24px;
}

.modal .pop_header .clse::before,
.modal .pop_header .clse::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  height: 22px;
  width: 1px;
  background-color: #fff;
}

.modal .pop_header .clse::before {
  transform: rotate(45deg);
}

.modal .pop_header .clse::after {
  transform: rotate(-45deg);
}

.modal .close-modal {
  display: none;
  visibility: hidden;
}

.modal .pop_header {
  padding: 25px 15px 20px;
  border-bottom: 1px solid #E0E4E9;
  background-color: var(--Font-primary-blue, #4168F6);
}

.modal .pop_header .pop_title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.125rem;
  font-weight: normal;
  letter-spacing: -0.45px;
  color: #fff;
}

.modal .pop_header .pop_title i {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.modal .pop_header .pop_title i img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.modal .pop_con {
  padding: 20px 15px 45px;
  font-size: 0.9375rem;
  letter-spacing: -0.38px;
}

.modal .pop_con ul:first-child {
  margin-bottom: 15px;
}

.modal .pop_con li,
.modal .pop_con dt,
.modal .pop_con dd {
  text-align: left;
  color: #333;
  font-size: 0.875rem;
  line-height: 1.6;
}

.modal .pop_con ul li strong {
  color: var(--Font-primary-blue, #4168F6);
}

/* 정기결제 환불정책 자세히보기 팝업 */
.modal.refund_pop01 {
  top: 15%;
}

/* (필수)전자금융거래 약관 동의 */
.modal.agreePopBox {
  top: 15%;
}

.modal.agreePopBox .pop_con .agree dt {
  padding: 20px 0 20px;
  font-weight: 700;
}

.modal.agreePopBox .pop_con .txt {
  overflow: auto;
  height: 400px;
  padding: 0;
  font-size: 0.9375rem;
  color: #939393;
  word-break: break-all;
  line-height: 1.5;
}

.globalStock #catch_cncl {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  padding: 15px 0 20px 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
  transform: translate(-50%, -52%);
}

.globalStock #catch_cncl .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 18px 13px;
}

.globalStock #catch_cncl .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #catch_cncl .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #catch_cncl .pop_header .pop_title {
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.globalStock #catch_cncl .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #catch_cncl .pop_con {
  padding: 5px 18px 0;
}

.globalStock #catch_cncl .pop_con #loading {
  position: absolute;
  left: 50%;
  margin-left: -16px;
  top: 50%;
}

.globalStock .catch_edt #catch_cncl .guide {
  color: #333;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from {
  margin-top: 15px;
}

.globalStock .catch_edt #catch_cncl .catch_from .label {
  background: #fff;
  border-radius: 9px;
  padding: 19px 15px;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid #fff;
}

.globalStock .catch_edt #catch_cncl .catch_from .label .label_chk {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.84rem;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}

.globalStock .catch_edt #catch_cncl .catch_from .label.active {
  border: 1px solid #404fc3;
  opacity: 1 !important;
}

.globalStock .catch_edt #catch_cncl .catch_from .label.active::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/img/icon_checkmark.png") no-repeat 100% 0;
  position: absolute;
  right: 6px;
  top: 6px;
}

.globalStock .catch_edt #catch_cncl .payBtn {
  text-align: center;
  margin-top: 5px;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: calc(50% - 10px);
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_cncl {
  margin-right: 5px;
  text-align: left;
  padding: 6px 5px 6px 30px;
  border: none;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_save {
  color: #fff;
  background: #404fc3;
  text-align: right;
  padding: 6px 30px 6px 5px;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_cncl i {
  position: absolute;
  left: 18px;
  top: 8px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreL.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .catch_edt #catch_cncl .payBtn .btn_save i {
  position: absolute;
  right: 18px;
  top: 8px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct {
  font-size: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label {
  padding-bottom: 5px;
  padding-top: 10px;
  margin-right: 5px;
  box-sizing: border-box;
  display: inline-block;
  width: calc(50% - 3px);
  vertical-align: top;
  text-align: center;
  opacity: 0.6;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label:nth-child(2n) {
  margin-right: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img {
  display: inline-block;
  height: 32px;
  margin-bottom: 2px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img img {
  display: inline-block;
  width: auto;
  height: 20px;
  margin-top: 5px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.MSFT img {
  height: 20px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.PEP img {
  height: 23px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.SBUX img {
  height: 33px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.T img {
  height: 24px;
  margin-top: 7px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BRK img {
  height: 9px;
  margin-top: 12px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.NEM img {
  height: 16px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.V img {
  height: 18px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.MMM img {
  height: 19px;
  margin-top: 8px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BAC img {
  height: 11px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.CVX img {
  height: 31px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.AMZN img {
  height: 21px;
  margin-top: 7px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BA img {
  height: 23px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.NFLX img {
  height: 18px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.WMT img {
  height: 20px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.KO img {
  height: 22px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.JNJ img {
  height: 19px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.XOM img {
  height: 14px;
  margin-top: 12px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.AMT img {
  height: 31px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.NEE img {
  height: 28px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.TSLA img {
  height: 11px;
  margin-top: 12px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.AAPL img {
  height: 28px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.VZ img {
  height: 16px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.UNH img {
  height: 10px;
  margin-top: 13px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.PKX img {
  height: 16px;
  margin-top: 10px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.RDS img {
  height: 27px;
  margin-top: 0;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.O img {
  height: 23px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.HUM img {
  height: 14px;
  margin-top: 11px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.DUK img {
  height: 23px;
  margin-top: 9px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.CSGP img {
  height: 20px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .catch_img.BKNG img {
  height: 20px;
  margin-top: 9px;
}

.globalStock .catch_edt #catch_cncl .catch_from.event_sct .label .name {
  display: block;
  color: #333;
  font-size: 0.75rem;
}

/* modal */
.globalStock .setting_pop {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
}

.globalStock .setting_pop.open {
  display: block;
}

.globalStock .setting_pop .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 81;
}

.globalStock .popLogo {
  text-align: center;
  margin-bottom: 50px;
}

.globalStock #setting {
  border-radius: var(--Radius-r-05, 24px);
  background: #FFF;
  max-width: 700px;
  margin: 0 auto;
  z-index: 99;
  width: 94%;
  box-sizing: border-box;
}

.globalStock #setting .pop_header {
  position: relative;
  padding: 24px 15px;
}

.globalStock #setting .pop_header .close {
  position: absolute;
  left: auto !important;
  top: 0 !important;
  right: 0 !important;
  padding: 15px;
  width: 15px;
}

.globalStock #setting .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #setting .pop_header .pop_title {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.14;
  font-weight: bold;
  color: #333;
}

.globalStock #setting .pop_con {
  padding: 0 24px 9px;
}

.globalStock #pay_cncl {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl .pop_header .pop_title {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl .pop_con .pop_sum strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock #pay_cncl_tr {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl_tr .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl_tr .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl_tr .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl_tr .pop_header .pop_title {
  text-align: left;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl_tr .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl_tr .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock #pay_cncl_tr .form_table .txt_info span {
  color: #939393;
}

.globalStock #pay_cncl_tr .form_table .txt_info strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock #pay_cncl_tr .btnArea.edtBtn {
  width: calc(100% - 30px);
  margin: 25px auto;
}

.globalStock #pay_cncl {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl .pop_header .pop_title {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl .pop_con .pop_sum strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock #pay_cncl_tr {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -52%);
  padding: 15px 0 0 0;
  border: 1px solid #fff;
  background: #fff;
  line-height: normal;
  white-space: normal;
  width: 95%;
  background: #F4F4F5;
  border-radius: 20px;
  z-index: 82;
}

.globalStock #pay_cncl_tr .pop_header {
  border-bottom: 1px solid #E0E4E9;
  padding: 0 20px 15px;
}

.globalStock #pay_cncl_tr .pop_header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
  height: 14px;
}

.globalStock #pay_cncl_tr .pop_header .close img {
  display: inline-block;
  width: 100%;
}

.globalStock #pay_cncl_tr .pop_header .pop_title {
  text-align: left;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock #pay_cncl_tr .pop_header .pop_title span {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 25px;
}

.globalStock #pay_cncl_tr .pop_con {
  padding: 15px 20px 0;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum {
  padding: 5px 0 15px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.82rem;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  line-height: 1.4;
}

.globalStock #pay_cncl_tr .pop_con .pop_sum strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock #pay_cncl_tr .form_table .txt_info span {
  color: #939393;
}

.globalStock #pay_cncl_tr .form_table .txt_info strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock #pay_cncl_tr .btnArea.edtBtn {
  width: calc(100% - 30px);
  margin: 25px auto;
}

.modal.slideUp.eps_pop01,
.modal.slideUp.ema_pop01,
.modal.slideUp.setting_pop02 {
  margin: 0 auto;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: #fff;
  transition: all 0s ease-in-out;
}
.modal.slideUp.eps_pop01 .pop_header .pop_title,
.modal.slideUp.ema_pop01 .pop_header .pop_title,
.modal.slideUp.setting_pop02 .pop_header .pop_title {
  font-size: 1.125rem;
  justify-content: flex-start !important;
}
.modal.slideUp.eps_pop01 .pop_con,
.modal.slideUp.ema_pop01 .pop_con,
.modal.slideUp.setting_pop02 .pop_con {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 3px 0;
  padding-bottom: 0 !important;
  margin-bottom: 30px;
  overflow-y: auto;
}
.modal.slideUp.eps_pop01 .pop_con .sum_txt,
.modal.slideUp.ema_pop01 .pop_con .sum_txt,
.modal.slideUp.setting_pop02 .pop_con .sum_txt {
  font-size: 0.9375rem;
  line-height: 1.43;
  color: #6A727B;
  letter-spacing: normal;
  margin: 10px 0;
  word-wrap: break-word;
  word-break: break-all;
}
.modal.slideUp.eps_pop01 .pop_con .txt,
.modal.slideUp.ema_pop01 .pop_con .txt,
.modal.slideUp.setting_pop02 .pop_con .txt {
  position: relative;
  font-size: 0.9375rem;
  line-height: 1.43;
  color: #656d7e;
  letter-spacing: normal;
  padding-left: 9px;
  word-wrap: break-word;
  word-break: break-all;
}
.modal.slideUp.eps_pop01 .pop_con .txt::before,
.modal.slideUp.ema_pop01 .pop_con .txt::before,
.modal.slideUp.setting_pop02 .pop_con .txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  background-color: #898989;
  width: 2px;
  height: 2px;
}

.modal.slideUp.eps_pop01 .pop_con {
  overflow-y: auto;
  max-height: 200px;
}

.modalBox .modal.tooltip_pop .pop_header {
  background-color: #fff;
  padding: 24px 15px;
  border: none;
}
.modalBox .modal.tooltip_pop .pop_header .pop_title {
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.14;
  font-weight: bold;
  color: #333;
  box-sizing: border-box;
}
.modalBox .modal.tooltip_pop .pop_header .clse::before,
.modalBox .modal.tooltip_pop .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}
.modalBox .modal.tooltip_pop .pop_con {
  padding: 0 16px 25px;
}
.modalBox .modal.tooltip_pop .pop_con .txt {
  display: block;
  padding-bottom: 7px;
  font-size: 15px;
  line-height: 1.62;
  color: #656d7e;
  word-break: break-all;
  word-wrap: break-word;
}
.modalBox .modal.tooltip_pop.btm {
  margin: 0 auto;
  width: 100%;
  top: auto;
  bottom: 0;
  border-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
}
.modalBox .modal.tooltip_pop.btm .pop_header {
  border-bottom: none;
}
.modalBox .modal.tooltip_pop03, .modalBox .modal.tooltip_pop04, .modalBox .modal.score_pop01, .modalBox .modal.tooltip_pop01 {
  top: 15%;
}
.modalBox .modal.tooltip_pop03 .pop_con .sum_txt, .modalBox .modal.tooltip_pop04 .pop_con .sum_txt, .modalBox .modal.score_pop01 .pop_con .sum_txt, .modalBox .modal.tooltip_pop01 .pop_con .sum_txt {
  font-size: 0.9375rem;
  line-height: 1.43;
  color: #6A727B;
  letter-spacing: normal;
  padding-bottom: 7px;
  word-wrap: break-word;
  word-break: break-all;
}
.modalBox .modal.tooltip_pop03 .pop_con .txt, .modalBox .modal.tooltip_pop04 .pop_con .txt, .modalBox .modal.score_pop01 .pop_con .txt, .modalBox .modal.tooltip_pop01 .pop_con .txt {
  position: relative;
  font-size: 0.9375rem;
  line-height: 1.43;
  color: #656d7e;
  letter-spacing: normal;
  padding-left: 9px;
  word-wrap: break-word;
  word-break: break-all;
}
.modalBox .modal.tooltip_pop03 .pop_con .txt::before, .modalBox .modal.tooltip_pop04 .pop_con .txt::before, .modalBox .modal.score_pop01 .pop_con .txt::before, .modalBox .modal.tooltip_pop01 .pop_con .txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  background-color: #898989;
  width: 2px;
  height: 2px;
}
.modalBox .modal.tooltip_pop03 .pop_con .guide_txt, .modalBox .modal.tooltip_pop04 .pop_con .guide_txt, .modalBox .modal.score_pop01 .pop_con .guide_txt, .modalBox .modal.tooltip_pop01 .pop_con .guide_txt {
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 400;
  color: #969ea7;
  width: 100%;
  margin-top: 16px;
  line-height: 1.42;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}
.modalBox .modal.score_pop01 .pop_header .pop_title, .modalBox .modal.tooltip_pop01 .pop_header .pop_title {
  justify-content: flex-start;
}
.modalBox .modal.score_pop01 .pop_con .sum_txt, .modalBox .modal.tooltip_pop01 .pop_con .sum_txt {
  color: #000;
  font-size: 0.875rem;
  line-height: 20px;
  /* 142.857% */
  padding-bottom: 12px;
  word-wrap: break-word;
  word-break: break-all;
}
.modalBox .modal.score_pop01 .pop_con .sum_txt b, .modalBox .modal.tooltip_pop01 .pop_con .sum_txt b {
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
}
.modalBox .modal.score_pop01 .pop_con .txt, .modalBox .modal.tooltip_pop01 .pop_con .txt {
  color: #6A727B;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  padding-left: 9px;
}
.modalBox .modal.score_pop01 .pop_con .txt::before, .modalBox .modal.tooltip_pop01 .pop_con .txt::before {
  top: 7px;
}
.modalBox .modal.score_pop01 .pop_con .txt strong, .modalBox .modal.tooltip_pop01 .pop_con .txt strong {
  color: #6A727B;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(1) strong, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(1) strong {
  color: #5AA86B;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(1)::before, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(1)::before {
  top: 7px;
  background-color: #5AA86B;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(2) strong, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(2) strong {
  color: #F6D246;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(2)::before, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(2)::before {
  top: 7px;
  background-color: #F6D246;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(3) strong, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(3) strong {
  color: #F4A031;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(3)::before, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(3)::before {
  top: 7px;
  background-color: #F4A031;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(4) strong, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(4) strong {
  color: #E9835B;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(4)::before, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(4)::before {
  top: 7px;
  background-color: #E9835B;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(5) strong, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(5) strong {
  color: #D43F5D;
}
.modalBox .modal.score_pop01 .pop_con .txt:nth-child(5)::before, .modalBox .modal.tooltip_pop01 .pop_con .txt:nth-child(5)::before {
  top: 7px;
  background-color: #D43F5D;
}
.modalBox .modal.payment_cacl02 .pop_header, .modalBox .modal.payment_cacl03 .pop_header, .modalBox .modal.payment_cacl04 .pop_header {
  background-color: #fff;
  padding: 24px 35px 24px 15px;
  border: none;
}
.modalBox .modal.payment_cacl02 .pop_header .pop_title, .modalBox .modal.payment_cacl03 .pop_header .pop_title, .modalBox .modal.payment_cacl04 .pop_header .pop_title {
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.14;
  font-weight: bold;
  color: #333;
  box-sizing: border-box;
}
.modalBox .modal.payment_cacl02 .pop_header .clse::before,
.modalBox .modal.payment_cacl02 .pop_header .clse::after, .modalBox .modal.payment_cacl03 .pop_header .clse::before,
.modalBox .modal.payment_cacl03 .pop_header .clse::after, .modalBox .modal.payment_cacl04 .pop_header .clse::before,
.modalBox .modal.payment_cacl04 .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}
.modalBox .modal.payment_cacl02 .pop_con, .modalBox .modal.payment_cacl03 .pop_con, .modalBox .modal.payment_cacl04 .pop_con {
  padding: 0 16px 25px;
}
.modalBox .modal.payment_cacl02 .pop_con .txt, .modalBox .modal.payment_cacl03 .pop_con .txt, .modalBox .modal.payment_cacl04 .pop_con .txt {
  margin-top: 9px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}
.modalBox .modal.payment_cacl02 .pop_con .txt b, .modalBox .modal.payment_cacl03 .pop_con .txt b, .modalBox .modal.payment_cacl04 .pop_con .txt b {
  color: var(--mian_color1, #404FC3);
  font-weight: 700;
  text-decoration-line: underline;
}
.modalBox .modal.payment_cacl02 .pop_con .txt:first-child, .modalBox .modal.payment_cacl03 .pop_con .txt:first-child, .modalBox .modal.payment_cacl04 .pop_con .txt:first-child {
  margin-top: 0;
}
.modalBox .modal.payment_cacl02 .pop_con .btnArea.payBtn, .modalBox .modal.payment_cacl03 .pop_con .btnArea.payBtn, .modalBox .modal.payment_cacl04 .pop_con .btnArea.payBtn {
  margin-top: 24px;
}
.modalBox .modal.payment_cacl02 .pop_con .btnArea.payBtn .btn, .modalBox .modal.payment_cacl03 .pop_con .btnArea.payBtn .btn, .modalBox .modal.payment_cacl04 .pop_con .btnArea.payBtn .btn {
  border: none;
  border-radius: 6px;
  background-color: #C7CCD1;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
}
.modalBox .modal.payment_cacl02 .pop_con .btnArea.payBtn .btn.btn_save, .modalBox .modal.payment_cacl03 .pop_con .btnArea.payBtn .btn.btn_save, .modalBox .modal.payment_cacl04 .pop_con .btnArea.payBtn .btn.btn_save {
  background-color: var(--mian_color1, #404FC3);
}

/* 미주미초이스 프리미엄 첫달 3,000원 */
@media (max-height: 800px) {
  .globalStock .first_month_3300.md-modal {
    top: 5%;
  }
}
.globalStock .first_month_3300.md-modal #setting {
  padding: 0;
  border: none;
}
.globalStock .first_month_3300.md-modal #setting .pop_header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom: none;
  background-color: #161c40;
}
.globalStock .first_month_3300.md-modal #setting .pop_header .close {
  top: 15px !important;
  right: 5px !important;
}
.globalStock .first_month_3300.md-modal #setting .pop_header .sub_top .h2_title {
  padding-top: 50px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.17;
  text-align: center;
  color: #c7cbe9;
}
.globalStock .first_month_3300.md-modal #setting .pop_header .sub_top .period {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .first_month_3300.md-modal #setting .pop_con {
  background: #161c40 url("/img/first_month_3300.svg") no-repeat center top;
}
.globalStock .first_month_3300.md-modal #setting .pop_con ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 6px;
  margin-top: 210px;
}
.globalStock .first_month_3300.md-modal #setting .pop_con ul li {
  display: flex;
  align-items: center;
  gap: 0 7px;
  font-size: 0.875rem;
  line-height: 1.14;
  color: #c7cbe9;
}
.globalStock .first_month_3300.md-modal #setting .pop_con ul li b {
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .first_month_3300.md-modal #setting .pop_con ul li .num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--Font-primary-blue, #4168F6);
  font-size: 11px;
  text-align: center;
  color: #161c40;
}
.globalStock .first_month_3300.md-modal #setting .pop_btm {
  padding-bottom: 50px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #161c40;
}
.globalStock .first_month_3300.md-modal #setting .pop_btm .btnArea .btn {
  flex: none;
  display: inline-block;
  margin: 25px auto 0;
  width: calc(100% - 50px);
  padding: 20px 15px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background-color: var(--Font-primary-blue, #4168F6);
  font-size: 1rem;
  line-height: 1.19;
  text-align: center;
  color: #fff;
}
.globalStock .first_month_3300.md-modal #setting .pop_btm .btnArea .btn b {
  color: #f0cc09;
}

.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 {
  top: 10%;
  padding-bottom: 15px;
}
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_header {
  padding-bottom: 0;
}
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_header .pop_title {
  text-align: center;
  line-height: 24px;
}
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_con {
  margin: 0 16px;
  padding-bottom: 10px;
  overflow: auto;
  max-height: 380px;
}
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .pop_con .txt {
  white-space: pre-line;
  color: #333;
  font-size: 0.84rem;
  line-height: 22px;
  word-wrap: break-word;
  word-break: break-all;
}
.v_signalStreng.globalStock #wrap .modal.refundTerms_pop01 .terms_link {
  display: block;
  padding: 15px 25px;
  box-sizing: border-box;
  text-align: right;
  color: #06c;
  font-size: 0.8215rem;
  text-decoration: none;
}

.modal.setting_pop02 .pop_con {
  padding: 0 24px !important;
  margin: 0 !important;
}
.modal.setting_pop02 .pop_con span.title {
  margin-top: 15px;
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.31;
  color: #333;
}
.modal.setting_pop02 .pop_con span.title:first-of-type {
  margin-top: 0;
}
.modal.setting_pop02 .pop_con .filter_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 24px;
  margin-bottom: 8px;
}
.modal.setting_pop02 .pop_con .filter_box span.title {
  width: 100%;
}
.modal.setting_pop02 .pop_con .filter_box .class_filter {
  flex: 3;
  flex-wrap: wrap;
  gap: 8px 3px;
}
.modal.setting_pop02 .pop_con .filter_box .class_filter .selectBoxList {
  max-width: none;
  width: 100%;
}
.modal.setting_pop02 .pop_con .filter_box .class_filter:nth-child(2) {
  flex: 2;
}
.modal.setting_pop02 .pop_con .attract_table {
  width: 100%;
  margin-top: 5px;
}
.modal.setting_pop02 .pop_con .attract_table:first-child {
  margin-top: 0;
}
.modal.setting_pop02 .pop_con .attract_table td {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 8px;
  padding: 8px 0;
  padding-right: 20px;
}
.modal.setting_pop02 .pop_con .attract_table td:last-child {
  padding-right: 0;
}
.modal.setting_pop02 .pop_con .attract_table td label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  font-size: 0.875rem;
  color: #333;
}
.modal.setting_pop02 .pop_con .attract_table td input {
  visibility: hidden;
  position: absolute;
}
.modal.setting_pop02 .pop_con .attract_table td input:checked + label {
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
}
.modal.setting_pop02 .pop_con .attract_table td input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  /* 원의 테두리 */
  border-radius: 50%;
  background-color: #fff;
  /* 원의 배경 색상 */
  box-sizing: border-box;
}
.modal.setting_pop02 .pop_con .attract_table td input[type=radio]:checked + label:before {
  border-color: #5145a8;
  /* 선택된 상태의 테두리 색상 */
  background-color: #5145a8;
  /* 선택된 상태의 배경 색상 */
}
.modal.setting_pop02 .pop_footer {
  margin-top: 20px;
  padding: 20px 0 24px 0 !important;
  border-top: none;
}
.modal.setting_pop02 .pop_footer p {
  margin-top: 8px;
  font-size: clamp(13px, 1.8vw, 15px);
  line-height: 1.4;
  color: #7B7881;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.setting_pop02 .pop_footer .sort {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px 6px;
  margin-top: 8px;
}
.modal.setting_pop02 .pop_footer .sort li {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 10px 5px;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  line-height: normal;
  font-size: 13px;
  text-align: center;
  color: #333;
}
.modal.setting_pop02 .pop_footer .sort li a {
  font-size: 12px;
  text-align: center;
  color: #333;
}
.modal.setting_pop02 .pop_footer .sort li.active {
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
  border-color: transparent;
}
.modal.setting_pop02 .pop_footer .btnArea.edtBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px 8px;
  margin-top: 24px;
  overflow: inherit;
}
.modal.setting_pop02 .pop_footer .btnArea.edtBtn .btn {
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.setting_pop02 .pop_footer .btnArea.edtBtn .btn:active {
  transform: translate(2px, 2px);
}
.modal.setting_pop02 .pop_footer .btnArea.edtBtn .btn {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  padding: 12px 25px;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
  border-color: transparent;
}
.modal.setting_pop02 .pop_footer .btnArea.edtBtn .btn.close, .modal.setting_pop02 .pop_footer .btnArea.edtBtn .btn.btn_cncl {
  background: var(--Font-disabled, #B0B8C1) !important;
}
.modal.setting_pop02 .pop_footer .btnArea.edtBtn .btn.btn_save {
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
}

.modal.setting_pop03 .pop_header,
.modal.setting_pop03_smartScore .pop_header {
  padding: 32px 24px 24px !important;
}
.modal.setting_pop03 .pop_header .pop_title,
.modal.setting_pop03_smartScore .pop_header .pop_title {
  justify-content: flex-start !important;
}
.modal.setting_pop03 .pop_header .reset_btn,
.modal.setting_pop03_smartScore .pop_header .reset_btn {
  cursor: pointer;
  color: var(--Semantic-Label-Alternative, var(--Neutral-600, #6B7684));
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.modal.setting_pop03 .pop_con,
.modal.setting_pop03_smartScore .pop_con {
  padding: 0 24px !important;
  margin: 0 !important;
}
.modal.setting_pop03 .pop_con .filter_btn_group,
.modal.setting_pop03_smartScore .pop_con .filter_btn_group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  margin-top: 8px;
}
.modal.setting_pop03 .pop_con .filter_btn_group .input_radio,
.modal.setting_pop03_smartScore .pop_con .filter_btn_group .input_radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.modal.setting_pop03 .pop_con .filter_btn_group .input_radio:checked + .filter_radio_btn,
.modal.setting_pop03_smartScore .pop_con .filter_btn_group .input_radio:checked + .filter_radio_btn {
  border-radius: var(--Radius-r-06, 32px);
  border: 1px solid var(--Tab-Segmented-Border-Selected, #4168F6);
  background: var(--Tab-Segmented-Bg-Selected, #F2F4FF);
  color: var(--Tab-Segmented-Text-Selected, #4168F6);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.setting_pop03 .pop_con .filter_btn_group .filter_radio_btn,
.modal.setting_pop03_smartScore .pop_con .filter_btn_group .filter_radio_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  border-radius: var(--Radius-r-06, 32px);
  border: 1px solid var(--Tab-Segmented-Border-Default, #E3E5E8);
  background: var(--Tab-Segmented-Bg-Default, #FFF);
  padding: 5px 11px;
  box-sizing: border-box;
  color: var(--Tab-Segmented-Text-Default, #4E5866);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-md, 22px); /* 157.143% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.setting_pop03 .pop_con .filter_btn_group .filter_radio_btn:hover,
.modal.setting_pop03_smartScore .pop_con .filter_btn_group .filter_radio_btn:hover {
  border-color: #404FC3;
  color: #404FC3;
}
.modal.setting_pop03 .pop_con span.title,
.modal.setting_pop03_smartScore .pop_con span.title {
  margin-top: 32px;
  display: block;
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.setting_pop03 .pop_con span.title:first-of-type,
.modal.setting_pop03_smartScore .pop_con span.title:first-of-type {
  margin-top: 0;
}
.modal.setting_pop03 .pop_con .filter_box,
.modal.setting_pop03_smartScore .pop_con .filter_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 24px;
  margin-bottom: 8px;
}
.modal.setting_pop03 .pop_con .filter_box span.title,
.modal.setting_pop03_smartScore .pop_con .filter_box span.title {
  width: 100%;
}
.modal.setting_pop03 .pop_con .filter_box .class_filter,
.modal.setting_pop03_smartScore .pop_con .filter_box .class_filter {
  flex: 3;
  flex-wrap: wrap;
  gap: 8px 3px;
}
.modal.setting_pop03 .pop_con .filter_box .class_filter .selectBoxList,
.modal.setting_pop03_smartScore .pop_con .filter_box .class_filter .selectBoxList {
  max-width: none;
  width: 100%;
}
.modal.setting_pop03 .pop_con .filter_box .class_filter:nth-child(2),
.modal.setting_pop03_smartScore .pop_con .filter_box .class_filter:nth-child(2) {
  flex: 2;
}
.modal.setting_pop03 .pop_con .attract_table,
.modal.setting_pop03_smartScore .pop_con .attract_table {
  width: 100%;
  margin-top: 5px;
}
.modal.setting_pop03 .pop_con .attract_table:first-child,
.modal.setting_pop03_smartScore .pop_con .attract_table:first-child {
  margin-top: 0;
}
.modal.setting_pop03 .pop_con .attract_table td,
.modal.setting_pop03_smartScore .pop_con .attract_table td {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 8px;
  padding: 8px 0;
  padding-right: 20px;
}
.modal.setting_pop03 .pop_con .attract_table td:last-child,
.modal.setting_pop03_smartScore .pop_con .attract_table td:last-child {
  padding-right: 0;
}
.modal.setting_pop03 .pop_con .attract_table td label,
.modal.setting_pop03_smartScore .pop_con .attract_table td label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  font-size: 0.875rem;
  color: #333;
}
.modal.setting_pop03 .pop_con .attract_table td input,
.modal.setting_pop03_smartScore .pop_con .attract_table td input {
  visibility: hidden;
  position: absolute;
}
.modal.setting_pop03 .pop_con .attract_table td input:checked + label,
.modal.setting_pop03_smartScore .pop_con .attract_table td input:checked + label {
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
}
.modal.setting_pop03 .pop_con .attract_table td input[type=radio] + label:before,
.modal.setting_pop03_smartScore .pop_con .attract_table td input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  /* 원의 테두리 */
  border-radius: 50%;
  background-color: #fff;
  /* 원의 배경 색상 */
  box-sizing: border-box;
}
.modal.setting_pop03 .pop_con .attract_table td input[type=radio]:checked + label:before,
.modal.setting_pop03_smartScore .pop_con .attract_table td input[type=radio]:checked + label:before {
  border-color: #5145a8;
  /* 선택된 상태의 테두리 색상 */
  background-color: #5145a8;
  /* 선택된 상태의 배경 색상 */
}
.modal.setting_pop03 .pop_footer,
.modal.setting_pop03_smartScore .pop_footer {
  border-top: none;
  padding: 0 0 32px 0 !important;
}
.modal.setting_pop03 .pop_footer p,
.modal.setting_pop03_smartScore .pop_footer p {
  margin-top: 8px;
  font-size: clamp(13px, 1.8vw, 15px);
  line-height: 1.4;
  color: #7B7881;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.setting_pop03 .pop_footer .sort,
.modal.setting_pop03_smartScore .pop_footer .sort {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px 6px;
  margin-top: 8px;
}
.modal.setting_pop03 .pop_footer .sort li,
.modal.setting_pop03_smartScore .pop_footer .sort li {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 10px 5px;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  line-height: normal;
  font-size: 13px;
  text-align: center;
  color: #333;
}
.modal.setting_pop03 .pop_footer .sort li a,
.modal.setting_pop03_smartScore .pop_footer .sort li a {
  font-size: 12px;
  text-align: center;
  color: #333;
}
.modal.setting_pop03 .pop_footer .sort li.active,
.modal.setting_pop03_smartScore .pop_footer .sort li.active {
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
  border-color: transparent;
}
.modal.setting_pop03 .pop_footer .btnArea.edtBtn,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px 8px;
  margin-top: 24px;
  overflow: inherit;
}
.modal.setting_pop03 .pop_footer .btnArea.edtBtn .btn,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn {
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.setting_pop03 .pop_footer .btnArea.edtBtn .btn:active,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn:active {
  transform: translate(2px, 2px);
}
.modal.setting_pop03 .pop_footer .btnArea.edtBtn .btn,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  padding: 12px 25px;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
  border-color: transparent;
}
.modal.setting_pop03 .pop_footer .btnArea.edtBtn .btn.close, .modal.setting_pop03 .pop_footer .btnArea.edtBtn .btn.btn_cncl,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn.close,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn.btn_cncl {
  background: var(--Font-disabled, #B0B8C1) !important;
}
.modal.setting_pop03 .pop_footer .btnArea.edtBtn .btn.btn_save,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn.btn_save {
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
}

.modal.premium_login_guide {
  top: 15%;
  border-radius: 16px;
  background-color: #161c40;
}
.modal.premium_login_guide * {
  background-color: #161c40;
}
.modal.premium_login_guide .pop_header {
  border: none;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom: none;
  background-color: #161c40;
  padding: 0 20px 15px;
}
.modal.premium_login_guide .pop_header .sub_top .h2_title {
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
  padding-top: 50px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.17;
  text-align: center;
  color: #c7cbe9;
}
.modal.premium_login_guide .pop_header .sub_top .period {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: var(--Font-primary-blue, #4168F6);
}
.modal.premium_login_guide .pop_con {
  background: #161c40 url("/img/first_month_3300.svg") no-repeat center top;
  padding-bottom: 20px;
}
.modal.premium_login_guide .pop_con ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 6px;
  margin-top: 210px;
}
.modal.premium_login_guide .pop_con ul li {
  display: flex;
  align-items: center;
  gap: 0 7px;
  font-size: 0.875rem;
  line-height: 1.14;
  color: #c7cbe9;
}
.modal.premium_login_guide .pop_con ul li b {
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
}
.modal.premium_login_guide .pop_con ul li .num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--Font-primary-blue, #4168F6);
  font-size: 11px;
  text-align: center;
  color: #161c40;
}

.modal.att_pop {
  border-radius: 24px;
}
.modal.att_pop.fav_group_manage_popup, .modal.att_pop.fav_group_move_popup, .modal.att_pop.fav_reg_popup {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border-radius: var(--Radius-r-05, 24px) var(--Radius-r-05, 24px) 0px 0px;
  background: #FFF;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: #fff;
  transition: all 0sease-in-out;
}
.modal.att_pop.fav_group_manage_popup .pop_header .pop_title, .modal.att_pop.fav_group_move_popup .pop_header .pop_title, .modal.att_pop.fav_reg_popup .pop_header .pop_title {
  justify-content: flex-start;
}
.modal.att_pop.fav_group_manage_popup .pop_header .clse, .modal.att_pop.fav_group_move_popup .pop_header .clse, .modal.att_pop.fav_reg_popup .pop_header .clse {
  top: 34px;
}
.modal.att_pop.fav_group_com_popup .pop_con .alt_txt, .modal.att_pop.fav_item_del_popup .pop_con .alt_txt, .modal.att_pop.fav_item_del_popup2 .pop_con .alt_txt, .modal.att_pop.fav_item_move_popup .pop_con .alt_txt, .modal.att_pop.fav_group_com_popup2 .pop_con .alt_txt, .modal.att_pop.fav_group_regname_popup .pop_con .alt_txt, .modal.att_pop.fav_item_reg_popup .pop_con .alt_txt, .modal.att_pop.fav_item_reg_popup2 .pop_con .alt_txt {
  color: var(--Font-primary-body, #24282C);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
  min-height: 44px;
}
.modal.att_pop.fav_group_manage_popup .pop_con .fav_item .label {
  gap: 3px 2px;
}
.modal.att_pop.fav_group_move_popup .pop_con .fav_item label {
  gap: 3px 2px;
}
.modal.att_pop.fav_group_move_popup .pop_con .fav_item label:before {
  margin-right: 8px;
}
.modal.att_pop .pop_header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  gap: 8px 8px;
  padding: 32px 24px 0;
  background-color: #fff;
  border: none;
}
.modal.att_pop .pop_header .pop_title {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  width: 100%;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.att_pop .pop_header .sum_txt {
  position: relative;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, 0.03px);
  padding-left: 9px;
  margin-top: 4px;
}
.modal.att_pop .pop_header .sum_txt:first-child {
  margin-top: 0;
}
.modal.att_pop .pop_header .sum_txt::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
  background: var(--Font-secondary-caption, #6B7684);
}
.modal.att_pop .pop_header .clse::before, .modal.att_pop .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}
.modal.att_pop .pop_con {
  padding: 0 24px 24px;
  margin-top: 24px;
}
.modal.att_pop .pop_con .group_edit_wrapper {
  display: flex;
  gap: 8px 8px;
}
.modal.att_pop .pop_con .group_edit_wrapper .btn_del {
  cursor: pointer;
  outline: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.modal.att_pop .pop_con .group_name_input {
  display: flex;
  align-items: center;
  gap: 0 6px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E0E4E9;
}
.modal.att_pop .pop_con .group_name_input:focus-within {
  border-color: var(--Font-primary-blue, #4168F6);
}
.modal.att_pop .pop_con .group_name_input {
  color: #D3D3D3;
  font-size: 14px;
  font-weight: 400;
  padding: 0 16px 0 13px;
  box-sizing: border-box;
}
.modal.att_pop .pop_con .group_name_input .name_input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  outline: none;
  width: 100%;
  height: 40px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.modal.att_pop .pop_con .group_name_input .name_input::-moz-placeholder {
  color: #D3D3D3;
  font-size: 16px;
  font-weight: 400;
}
.modal.att_pop .pop_con .group_name_input .name_input::placeholder {
  color: #D3D3D3;
  font-size: 16px;
  font-weight: 400;
}
.modal.att_pop .pop_con .group_name_input .input_count,
.modal.att_pop .pop_con .group_name_input .input_cunt {
  font-size: 13px;
  font-weight: 500;
}
.modal.att_pop .pop_con .group_name_input .input_count b,
.modal.att_pop .pop_con .group_name_input .input_cunt b {
  font-weight: 500;
  color: var(--Font-primary-blue, #4168F6);
}
.modal.att_pop .pop_con .group_select {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 16px;
  border-bottom: 1px solid #EDEEEF;
}
.modal.att_pop .pop_con .group_label {
  color: #939393;
  font-size: 12px;
  font-weight: 500;
}
.modal.att_pop .pop_con .group_add_btn,
.modal.att_pop .pop_con .group_reg_btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px 8px;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 15px;
  font-weight: 700;
}
.modal.att_pop .pop_con .group_add_btn span,
.modal.att_pop .pop_con .group_reg_btn span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.modal.att_pop .pop_con .fav_list {
  position: relative;
  max-height: 40vh;
  overflow-y: auto;
  list-style: none;
  padding: 8px 0 0;
}
.modal.att_pop .pop_con .fav_list::after {
  content: "";
  display: block;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0.6%, #FFF 100.6%);
}
.modal.att_pop .pop_con .fav_list .cunt {
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.att_pop .pop_con .fav_list .cunt .cunt_num {
  color: var(--Font-secondary-caption, #6B7684);
  font-size: var(--Size-sm, 14px);
  font-weight: 700;
}
.modal.att_pop .pop_con .fav_list .edit_btn {
  cursor: pointer;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  outline: none;
  background: none;
  border-radius: 4px;
  border: 1px solid #D9DCDF;
  height: 28px;
  padding: 8px 12px;
  color: #6A727B;
  font-size: 13px;
  font-weight: 500;
}
.modal.att_pop .pop_con .fav_list .handle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  padding-left: 8px;
}
.modal.att_pop .pop_con .alt_txt {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.modal.att_pop .pop_con .fav_item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.modal.att_pop .pop_con .fav_item:has(.edit_btn) {
  padding: 8px 0;
}
.modal.att_pop .pop_con .fav_item label,
.modal.att_pop .pop_con .fav_item .label {
  display: flex;
  align-items: center;
  gap: 3px 8px;
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.att_pop .pop_con input[type=checkbox].fav_checkbox {
  display: none;
}
.modal.att_pop .pop_con input[type=checkbox].fav_checkbox + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  background: #D9DCDF url("/img/checked_wh.svg") no-repeat center center;
}
.modal.att_pop .pop_con input[type=checkbox].fav_checkbox:checked + label:before {
  background-color: var(--color-primary, #4168F6);
}
.modal.att_pop .pop_con input[type=radio].fav_checkbox {
  display: none;
}
.modal.att_pop .pop_con input[type=radio].fav_checkbox + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background: #D9DCDF url("/img/checked_wh.svg") no-repeat center center;
}
.modal.att_pop .pop_con input[type=radio].fav_checkbox:checked + label:before {
  background-color: #404FC3;
}
.modal.att_pop .btnArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px 8px;
  margin-top: 24px;
  overflow: inherit;
}
.modal.att_pop .btnArea .btn {
  cursor: pointer;
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.att_pop .btnArea .btn:active {
  transform: translate(2px, 2px);
}
.modal.att_pop .btnArea .btn {
  margin: 0;
  width: 100%;
  padding: 14.5px 25px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-lg, 17px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  /* 123.529% */
  letter-spacing: -0.3px;
}
.modal.att_pop .btnArea .btn.close, .modal.att_pop .btnArea .btn.btn_cncl {
  background: var(--Font-disabled, #B0B8C1) !important;
}
.modal.att_pop .btnArea .btn.btn_save {
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
}
.modal.att_pop .recipe_area .area .stock_info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px 14px 8px;
}
.modal.att_pop .recipe_area .area .stock_info#btn_free .title_logo .logo {
  background: #F5F5F9 url("/img/signal_prm.svg") no-repeat center center;
  background-size: 64%;
}
.modal.att_pop .recipe_area .area .stock_info .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.modal.att_pop .recipe_area .area .stock_info .title_logo .logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F5F5F9;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.modal.att_pop .recipe_area .area .stock_info .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.modal.att_pop .recipe_area .area .stock_info .detail {
  flex: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px 5px;
  width: calc(100% - 54px);
}
.modal.att_pop .recipe_area .area .stock_info .detail .title {
  padding-right: 6px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  text-align: left;
  width: 480px;
}
@media (max-width: var(--bp-mobile-max)) {
  .modal.att_pop .recipe_area .area .stock_info .detail .title {
    max-width: 150px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  .modal.att_pop .recipe_area .area .stock_info .detail .title {
    max-width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modal.att_pop .recipe_area .area .stock_info .detail .title {
    max-width: 480px;
  }
}
.modal.att_pop .recipe_area .area .stock_info .detail .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal.att_pop .recipe_area .area .stock_info .detail > .num {
  margin-left: auto;
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}
.modal.att_pop .recipe_area .area .stock_info .detail > .num span b {
  font-weight: 500;
}
.modal.att_pop .recipe_area .area .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
.modal.att_pop .recipe_area .area .stock_info .detail_num .num {
  margin-left: 0;
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
}
.modal.att_pop .recipe_area .area .stock_info .detail_num .per {
  padding: 0;
  padding-top: 1px;
  padding-right: 10px;
  font-weight: normal;
}
.modal.att_pop .recipe_area .area .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
}
.modal.att_pop .recipe_area .area .stock_info .detail_num .per .increase b {
  color: #ff2929;
  font-weight: normal;
}
.modal.att_pop .recipe_area .area .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
}
.modal.att_pop .recipe_area .area .stock_info .trans_list {
  width: 100%;
}
.modal.att_pop .recipe_area .area .stock_info .trans_list ul {
  vertical-align: bottom;
}
.modal.att_pop .recipe_area .area .list {
  justify-content: flex-end;
  align-items: center;
  gap: 0 4px;
}
.modal.att_pop .recipe_area .area .list li.title_logo {
  flex-basis: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.modal.att_pop .recipe_area .area .list li.title_logo .logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F5F5F9;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.modal.att_pop .recipe_area .area .list li.title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
.modal.att_pop .recipe_area .area .list li.title {
  text-align: left;
}
.modal.att_pop .recipe_area .area .list li span {
  padding-right: 0 !important;
}
.modal.att_pop .recipe_area .area .list li span:first-child::after {
  display: none !important;
}
.modal.att_pop .recipe_area .area.rocket .chart_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 15px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .modal.att_pop .recipe_area .area.rocket .chart_list {
    gap: 10px 8px;
  }
}
.modal.att_pop .recipe_area .area.rocket .chart_list {
  margin-top: 8px;
  width: 100%;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list {
  flex: 1 1 45%;
  border-radius: 16px;
  padding: 16px 16px 16px;
  background: #FFF;
  max-width: calc(50% - 7.5px);
}
@media (min-width: 320px) and (max-width: 374px) {
  .modal.att_pop .recipe_area .area.rocket .chart_list .list {
    max-width: calc(50% - 4px);
    padding: 10px 8px 10px;
  }
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list {
  box-sizing: border-box;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list#btn_free .title_logo .logo {
  background: #F5F5F9 url("/img/signal_prm.svg") no-repeat center center;
  background-size: 64%;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list .stock_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 8px;
  width: 100%;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list .stock_info .title_logo {
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list .stock_info .title_logo .logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F5F5F9;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list .stock_info .title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list .stock_info .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px 5px;
  width: calc(100% - 48px);
}
.modal.att_pop .recipe_area .area.rocket .chart_list .list .stock_info .detail .title {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal.att_pop .recipe_area .area.rocket .stock_info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px 14px 8px;
}
.modal.att_pop .recipe_area .area.rocket .stock_info#btn_free .title_logo .logo {
  background: #F5F5F9 url("/img/signal_prm.svg") no-repeat center center;
  background-size: 64%;
}
.modal.att_pop .recipe_area .area.rocket .stock_info .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.modal.att_pop .recipe_area .area.rocket .stock_info .title_logo .logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F5F5F9;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.modal.att_pop .recipe_area .area.rocket .stock_info .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.modal.att_pop .recipe_area .area.rocket .stock_info .detail {
  flex: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px 5px;
  width: calc(100% - 54px);
}
.modal.att_pop .recipe_area .area.rocket .stock_info .detail .title {
  padding-right: 6px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  text-align: left;
  width: 480px;
}
@media (max-width: var(--bp-mobile-max)) {
  .modal.att_pop .recipe_area .area.rocket .stock_info .detail .title {
    max-width: 150px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  .modal.att_pop .recipe_area .area.rocket .stock_info .detail .title {
    max-width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .modal.att_pop .recipe_area .area.rocket .stock_info .detail .title {
    max-width: 480px;
  }
}
.modal.att_pop .recipe_area .area.rocket .stock_info .detail .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal.att_pop .recipe_area .area.rocket .stock_info .detail > .num {
  margin-left: auto;
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}
.modal.att_pop .recipe_area .area.rocket .stock_info .detail > .num span b {
  font-weight: 500;
}
.modal.att_pop .recipe_area .area.rocket .detail {
  flex: 5 !important;
}
@media (max-width: var(--bp-mobile-max)) {
  .modal.att_pop .recipe_area .area.rocket .detail {
    max-width: 110px;
  }
}
@media (min-width: 375px) and (max-width: 375px) {
  .modal.att_pop .recipe_area .area.rocket .detail {
    max-width: 120px;
  }
}
.modal.att_pop .recipe_area .area.rocket .detail + .num {
  margin-left: auto;
  flex: 7 !important;
  text-align: right;
}
.modal.att_pop .recipe_area .area.rocket .detail + .num span {
  letter-spacing: -1px;
  color: #ff2929;
  font-size: 0.9375rem;
  font-weight: normal;
}
.modal.att_pop .recipe_area .area.rocket .detail + .num span b {
  color: #ff2929;
  font-size: 0.9375rem;
  font-weight: normal;
}
.modal.att_pop .sale_deal span {
  display: flex;
  gap: 0 3px;
  font-size: 0.9375rem;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  position: relative;
}
.modal.att_pop .sale_deal span i {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("/img/icon_saledeal.svg") no-repeat center center;
}
.modal.att_pop .attention_box {
  display: flex;
  gap: 0 3px;
}
.modal.att_pop .attention_box .attention.on {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: 700;
}
.modal.att_pop .attention_box .attention.on i {
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url("/img/heart_attention_gray.svg") no-repeat 0 100%;
  background-size: 14px 25px;
}
.modal.att_pop .sub_mid.recipe_view .recipe_area .area .per span {
  display: inline-block;
}
.modal.att_pop .sub_mid.recipe_view .recipe_area .area .per .hit {
  color: #939393;
  font-size: 13px;
  font-weight: 500;
}
.modal.att_pop .data_opinion {
  margin-left: auto;
}
.modal.att_pop .data_opinion .ibox {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  padding: 4px 9px;
  border-radius: 16px;
  width: 20px;
}
.modal.att_pop .data_opinion .ibox.str {
  background-color: #dd5257;
}
.modal.att_pop .data_opinion .ibox.bas {
  background: #C7CCD1;
}
.modal.att_pop .data_opinion .ibox.weak {
  background-color: var(--Font-primary-blue, #4168F6);
}

.modal.tooltip_pop.score_pop02 {
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: #fff;
  transition: all 0sease-in-out;
}
.modal.tooltip_pop.score_pop02 .pop_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.modal.tooltip_pop.score_pop02 .pop_header .clse {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  left: auto;
  right: auto;
  top: auto;
  padding: 0;
  width: 36px;
  height: 36px;
}
.modal.tooltip_pop.score_pop02 .pop_header .clse::after, .modal.tooltip_pop.score_pop02 .pop_header .clse::before {
  display: none;
}
.modal.tooltip_pop.score_pop02 .pop_con {
  padding: 0;
}
.modal.tooltip_pop.score_pop02 .pop_con::after {
  content: "";
  display: block;
  width: 134px;
  height: 5px;
  margin: 0 auto 13px;
  border-radius: 16px;
  margin-top: 32px;
}
.modal.tooltip_pop.score_pop02 .pop_con .pop_title {
  padding: 16px 20px 0;
}
.modal.tooltip_pop.score_pop02 .pop_con .pop_title .title {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .pop_title .date {
  margin-top: 4px;
  display: block;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: flex-start;
  gap: 2px 2px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Beige-beige50, #FAF3EA);
  padding: 16px 38px 16px 44px;
  margin: 20px auto 0;
  box-sizing: border-box;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert:active {
  transform: translate(2px, 2px);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 1px solid #6B7684;
  border-right: 1px solid #6B7684;
  right: 24px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert .alert_title {
  position: relative;
  color: #E9835B;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-700, 700);
  line-height: 20px;
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: keep-all;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert .emoji {
  position: absolute;
  left: -28px;
  top: 0;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert .alert_text {
  display: none;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: 20px;
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.fear {
  background: var(--Red-red50, #FEF2F3);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.fear .alert_title {
  color: #F03E4C;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.anxiety {
  background: var(--Beige-beige50, #FAF3EA);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.anxiety .alert_title {
  color: #E9835B;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.normal {
  background: var(--Beige-beige50, #FAF3EA);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.normal .alert_title {
  color: #F4A031;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.greed {
  background: var(--Yellow-yellow50, #FFFAE9);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.greed .alert_title {
  color: #EFC31A;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.extreme {
  background: var(--green50, #E9FBF4);
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert.extreme .alert_title {
  color: #00A469;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert {
  margin: 12px 24px 0;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert .alert_text {
  display: block;
}
.modal.tooltip_pop.score_pop02 .pop_con .market_alert::after {
  display: none;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 {
  margin: 40px auto 0;
  width: 340px;
  height: 180px;
  background: url("/img/contaanalysis1_num.svg") no-repeat center 77px;
  background-size: auto 114px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .gauge-value .highcharts-label-box {
  stroke-width: 0;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .gauge-value span {
  font-size: 30px !important;
  color: #333 !important;
  font-weight: bold !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-pivot {
  fill: #FFF;
  filter: drop-shadow(0px -5px 6px rgba(199, 204, 209, 0.3));
  box-shadow: 0px -5px 6px rgba(199, 204, 209, 0.3);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(1) {
  fill: #D43F5D !important;
  color: #D43F5D !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(2) {
  fill: #E9835B !important;
  color: #E9835B !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(3) {
  fill: #F4A031 !important;
  color: #F4A031 !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(4) {
  fill: #F8D54E !important;
  color: #F8D54E !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(5) {
  fill: #5AA86B !important;
  color: #5AA86B !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text.active-label {
  fill: #fff !important;
  color: #fff !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 {
  display: none;
  position: absolute;
  width: 170px;
  height: 85px;
  top: 77px;
  left: 85px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element,
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-2,
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-3,
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-4,
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-5 {
  font-weight: 600;
  font-size: 10px;
  color: #939393;
  position: absolute;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  opacity: 0.7;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element {
  top: 20px;
  left: 29px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-2 {
  top: 20px;
  right: 29px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-3 {
  top: 0;
  left: 77px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-4 {
  bottom: 0;
  left: 0;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .group-4 .element-5 {
  bottom: 0;
  right: 0;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart .txt {
  font-weight: 500;
  font-size: 12px;
  color: #939393;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  opacity: 0.7;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart_info {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  margin-top: 40px;
  padding: 0 24px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart_info .title {
  margin-top: 48px;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart_info .sum_txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart_info .txt {
  position: relative;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
  padding-left: 9px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart_info .txt strong {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 157.143% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_chart_info .txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  background-color: #4E5866;
  width: 2px;
  height: 2px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_box {
  display: flex;
  flex-direction: column;
  gap: 16px 8px;
  margin-top: 8px;
}
.modal.tooltip_pop.score_pop02 .pop_con .score_box .item {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  padding: 24px 24px;
  border-radius: var(--Spacing-s-06, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_box .item .score_title {
  display: inline-flex;
  align-items: center;
  gap: 4px 8px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_box .item .score_txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .score_box .item .score_txt b {
  color: var(--Font-secondary-body, #4E5866);
  font-weight: var(--Weight-600, 600);
}
.modal.tooltip_pop.score_pop02 .pop_con .chart_wrap {
  margin-top: 40px;
  padding: 40px 20px 0;
  border-top: 8px solid #F7F8FA;
}
.modal.tooltip_pop.score_pop02 .pop_con .chart_wrap .scoreChart_style {
  margin-top: 16px;
  width: 100%;
  box-sizing: border-box;
  height: 300px;
}
.modal.tooltip_pop.score_pop02 .pop_con .chart_wrap .scoreChart_style .highcharts-label.highcharts-series-label {
  display: none !important;
}
.modal.tooltip_pop.score_pop02 .pop_con .chart_wrap .chart_txt_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px 8px;
}
.modal.tooltip_pop.score_pop02 .pop_con .chart_wrap .chart_txt {
  display: inline-flex;
  justify-content: center;
  gap: 4px 4px;
  position: relative;
  padding-left: 9px;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop02 .pop_con .chart_wrap .chart_txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--Gray-gray600, #6B7684);
}

.modal.past_score_pop::after {
  content: "";
  display: block;
  width: 134px;
  height: 5px;
  margin: 0 auto 13px;
  background-color: #000;
  border-radius: 16px;
}
.modal.past_score_pop .pop_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.modal.past_score_pop .pop_header .clse {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  left: auto;
  right: auto;
  top: auto;
  padding: 0;
  width: 36px;
  height: 36px;
}
.modal.past_score_pop .pop_header .clse::after, .modal.past_score_pop .pop_header .clse::before {
  display: none;
}
.modal.past_score_pop .pop_con {
  padding: 16px 0 0;
}
.modal.past_score_pop .pop_con .pop_title {
  padding: 0 20px;
}
.modal.past_score_pop .pop_con .pop_title .title {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .pop_title .date {
  margin-top: 8px;
  display: block;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area {
  margin-top: 40px;
  padding: 0;
}
.modal.past_score_pop .pop_con .score_box_area .score_box {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  padding: 0 20px;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area .score_box .score {
  border-radius: 6px;
  background: var(--Blue-blue100, #ECF0FF);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 6px;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
}
.modal.past_score_pop .pop_con .score_box_area .scorebox_chart_style {
  overflow: scroll;
  height: 220px;
  margin: 16px auto 0;
}
.modal.past_score_pop .pop_con .score_box_area .scorebox_chart_style .highcharts-label.highcharts-series-label {
  display: none !important;
}
.modal.past_score_pop .pop_con .score_box_area .score_box_content {
  margin: 25px 20px 0;
  border-radius: 16px;
  background: #F7F8FA;
  padding: 24px 24px;
  box-sizing: border-box;
}
.modal.past_score_pop .pop_con .score_box_area .score_box_content .score_box_title {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px 8px;
  margin-top: 24px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area .score_box_content .score_box_txt {
  margin-top: 8px;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area .sort_area {
  margin: 0;
  padding: 0 20px;
}
.modal.past_score_pop .pop_con .score_box_area .sort_area .sort {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px 8px;
  max-width: 460px;
}
.modal.past_score_pop .pop_con .score_box_area .sort_area .sort li {
  flex: 1 1 auto;
}
.modal.past_score_pop .pop_con .score_box_area .sort_area .sort li.active .sort_btn {
  border-radius: 16px;
  background: var(--Font-selected-primary, #4168F6);
  color: #fff;
  border-color: transparent;
}
.modal.past_score_pop .pop_con .score_box_area .sort_area .sort li .sort_btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid var(--Border-primary-border, #E3E5E8);
  width: 100%;
  max-width: 100px;
  min-width: 60px;
  height: 60px;
  box-sizing: border-box;
  color: var(--Gray-gray500, #8C98A7);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area .future_growth_list {
  margin-top: 24px;
  padding: 0 20px;
}
.modal.past_score_pop .pop_con .score_box_area .future_growth_list .list_item {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-s-04, 8px);
  align-self: stretch;
  border-radius: var(--Spacing-s-06, 16px);
  border: 1px solid var(--Border-primary-blue-border, #BFD1FE);
  padding: 16px 24px;
}
.modal.past_score_pop .pop_con .score_box_area .future_growth_list .list_item .item {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  width: 100%;
  justify-content: space-evenly;
}
.modal.past_score_pop .pop_con .score_box_area .future_growth_list .list_item .item .title {
  display: inline-flex;
  align-items: center;
  gap: 4px 4px;
  width: 100%;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area .future_growth_list .list_item .item .title::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
.modal.past_score_pop .pop_con .score_box_area .future_growth_list .list_item .item .value {
  width: 100%;
  color: var(--Font-primary-body, #24282C);
  text-align: right;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area.future_growth {
  border-top: 8px solid #F7F8FA;
  padding: 40px 0;
}
.modal.past_score_pop .pop_con .score_box_area.future_growth .score_box {
  margin-top: 32px;
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-top: 8px solid #F7F8FA;
  padding: 40px 20px;
  margin-top: 0;
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list .list_box {
  display: flex;
  align-items: center;
  gap: 16px 16px;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 24px 20px;
  width: 100%;
  box-sizing: border-box;
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list .list_box .list_img {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: #fff;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list .list_box .list_img img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list .list_box .list_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list .list_box .list_content .title {
  color: var(--Gray-gray600, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.past_score_pop .pop_con .score_box_area.recipe_list .list_box .list_content .txt {
  color: var(--Gray-gray800, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.modal.tooltip_pop.score_pop03.fix_data_style {
  padding-top: 54px !important;
}
.modal.tooltip_pop.score_pop03 {
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: #fff;
  transition: all 0sease-in-out;
}
.modal.tooltip_pop.score_pop03 .pop_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.modal.tooltip_pop.score_pop03 .pop_header .clse {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  left: auto;
  right: auto;
  top: auto;
  padding: 0;
  width: 36px;
  height: 36px;
}
.modal.tooltip_pop.score_pop03 .pop_header .clse::after, .modal.tooltip_pop.score_pop03 .pop_header .clse::before {
  display: none;
}
.modal.tooltip_pop.score_pop03 .pop_con {
  padding: 0;
}
.modal.tooltip_pop.score_pop03 .pop_con::after {
  content: "";
  display: block;
  width: 134px;
  height: 5px;
  margin: 0 auto 13px;
  border-radius: 16px;
  margin-top: 32px;
}
.modal.tooltip_pop.score_pop03 .pop_con .pop_title {
  padding: 16px 20px 0;
}
.modal.tooltip_pop.score_pop03 .pop_con .pop_title .title {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop03 .pop_con .pop_title .date {
  margin-top: 4px;
  display: block;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop03 .pop_con .pop_info {
  margin-top: 8px;
}
.modal.tooltip_pop.score_pop03 .pop_con .pop_info .txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop03 .pop_con .dividend_rating {
  margin-top: 48px;
}
.modal.tooltip_pop.score_pop03 .pop_con .dividend_rating .title {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop03 .pop_con .dividend_rating .rating_item {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  margin-top: 16px;
  padding: 24px 24px;
  border-radius: var(--Spacing-s-06, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
}
.modal.tooltip_pop.score_pop03 .pop_con .dividend_rating .rating_item .title {
  display: inline-flex;
  align-items: center;
  gap: 8px 8px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop03 .pop_con .dividend_rating .rating_item .rating_txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.score_pop03 .pop_con .dividend_rating .rating_item .rating_txt b {
  color: var(--Font-secondary-body, #4E5866);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.modal.tooltip_pop.why_rise_pop.fix_data_style {
  padding-top: 54px !important;
}
.modal.tooltip_pop.why_rise_pop {
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: #fff;
  transition: all 0sease-in-out;
}
.modal.tooltip_pop.why_rise_pop .pop_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.modal.tooltip_pop.why_rise_pop .pop_header .clse {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  left: auto;
  right: auto;
  top: auto;
  padding: 0;
  width: 36px;
  height: 36px;
}
.modal.tooltip_pop.why_rise_pop .pop_header .clse::after, .modal.tooltip_pop.why_rise_pop .pop_header .clse::before {
  display: none;
}
.modal.tooltip_pop.why_rise_pop .pop_con {
  padding: 38px 0 0;
}
.modal.tooltip_pop.why_rise_pop .pop_con .top_box {
  padding: 0 24px;
  max-width: 480px;
  margin: 0 auto;
  box-sizing: border-box;
}
.modal.tooltip_pop.why_rise_pop .pop_con .top_box .h1_title {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
  background: linear-gradient(90deg, var(--Blue-blue500, #4168F6) 0%, var(--Mint-mint600, #08BDAF) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal.tooltip_pop.why_rise_pop .pop_con .top_box .h1_title .title_icon {
  width: 24px;
  height: 24px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .top_box .h2_title {
  padding: 0;
  margin: 0;
  margin-top: 8px;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: 40px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 52px;
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .top_box .title_sume {
  margin-top: 8px;
  color: var(--Font-teriary-body, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .video_box {
  margin-top: 120px;
  background-color: #fff;
}
.modal.tooltip_pop.why_rise_pop .pop_con .video_box video {
  margin: 0 auto;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box {
  padding: 120px 0;
  background: linear-gradient(180deg, var(--Blue-blue100, #ECEFFD) 0%, #FFF 100%);
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_listSwiper {
  visibility: hidden;
  box-sizing: border-box;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_listSwiper.swiper-container-initialized {
  visibility: visible;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_listSwiper .swiper-wrapper {
  transition-timing-function: linear;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_listSwiper .swiper-slide {
  display: block;
  width: auto;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_box {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_box .logo_list {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_box .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  border-radius: 26px;
  overflow: hidden;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .logo_box .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .txt_list {
  display: flex;
  flex-direction: column;
  gap: 24px 24px;
  max-width: 480px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 40px;
  padding: 0 24px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .txt_box .txt_list .txt {
  padding: 0;
  color: var(--Font-teriary-body, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box {
  padding: 0 24px 120px;
  max-width: 480px;
  margin: 0 auto;
  box-sizing: border-box;
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .h1_title {
  /* Light/Title/Medium/700 */
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
  background: linear-gradient(90deg, var(--Blue-blue500, #4168F6) 0%, var(--Mint-mint600, #08BDAF) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .h2_title {
  padding: 0;
  margin: 0;
  margin-top: 8px;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: 36px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 48px;
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .guide_list {
  display: flex;
  flex-direction: column;
  gap: 32px 24px;
  padding: 40px 24px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .guide_list .box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px 20px;
  padding-left: 60px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .guide_list .box .img_box {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .guide_list .box .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .guide_list .guide_title {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .mid_box .guide_list .txt {
  padding: 0;
  color: var(--Font-teriary-body, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-01, 24px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box {
  padding: 0 24px 80px;
  max-width: 480px;
  margin: 0 auto;
  box-sizing: border-box;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .h1_title {
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
  background: linear-gradient(90deg, var(--Blue-blue500, #4168F6) 0%, var(--Mint-mint600, #08BDAF) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .h2_title {
  padding: 0;
  margin: 0;
  margin-top: 8px;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: 36px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 48px;
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box {
  margin: 40px auto 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px 12px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item {
  position: relative;
  padding-left: 44px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-02, 28px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
  counter-increment: list-counter;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item:before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 16px;
  background: var(--Background-tertiary-background, #E3E5E8);
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item::after {
  content: "";
  display: block;
  position: absolute;
  top: 42px;
  bottom: 0;
  left: 14px;
  width: 3px;
  height: calc(100% - 42px);
  background: var(--Background-tertiary-background, #E3E5E8);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item:last-child {
  padding-bottom: 0;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item:last-child .list_sub {
  padding-bottom: 0;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item:last-child::after {
  display: none;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_title {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-02, 28px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item > .img_box {
  margin-top: 16px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item > .img_box img {
  display: inline-block;
  width: 283px;
  max-width: 100%;
  height: 217px;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub {
  padding-bottom: 48px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub li {
  position: relative;
  padding-top: 16px;
  padding-left: 56px;
  color: var(--Font-teriary-body, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-01, 24px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub li b {
  color: var(--Font-teriary-body, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub li .increase {
  color: var(--Font-up-red, #F03E4C);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub li .decrease {
  color: var(--Font-down-blue, #097DF3);
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub li .img_box {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 15px;
}
.modal.tooltip_pop.why_rise_pop .pop_con .foot_box .list_box .list_item .list_sub li .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.loading-modal {
  display: none;
  /* 초기에는 숨김 */
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
}
.loading-modal .loading-spinner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  z-index: 99;
  width: calc(100% - 32px);
  height: calc(100% - 48px);
  box-sizing: border-box;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
}
.loading-modal .pop_con {
  padding: 0 24px 200px;
  max-width: 700px;
  margin: 0 auto;
  box-sizing: border-box;
}
.loading-modal .txt {
  display: block;
  padding-bottom: 7px;
  font-size: 15px;
  line-height: 1.62;
  color: #656d7e;
  word-break: break-all;
  word-wrap: break-word;
}
.loading-modal .txt b {
  font-size: 16px;
}
.loading-modal {
  /* 로딩 아이콘 */
}
.loading-modal .loading-icon {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.loading-modal .lottie-container {
  width: 120px;
  /* 적절한 크기로 조절 */
  height: 120px;
}

.modal.modal_popup {
  border-radius: var(--Radius-r-05, 24px);
  background: #FFF;
  max-width: 700px;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 94%;
  box-sizing: border-box;
}
.modal.modal_popup .pop_header {
  background-color: #fff;
  padding: 24px 24px 0;
  border: none;
}
.modal.modal_popup .pop_header .clse {
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.modal_popup .pop_header .clse:active {
  transform: translate(2px, 2px);
}
.modal.modal_popup .pop_header .clse {
  padding: 6px 6px;
  width: auto;
  height: auto;
  right: 8px;
  top: 8px;
  box-sizing: border-box;
}
.modal.modal_popup .pop_header .clse::before, .modal.modal_popup .pop_header .clse::after {
  display: none;
}
.modal.modal_popup .pop_header .pop_title {
  box-sizing: border-box;
  color: var(--Font-primary-title, #1F242B);
  text-align: right;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_header .pop_title.txt_c {
  justify-content: center;
}
.modal.modal_popup .pop_header .clse::before,
.modal.modal_popup .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}
.modal.modal_popup .pop_con {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px 12px;
  padding: 24px 24px;
}
.modal.modal_popup .pop_con .title_txt {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .title_txt b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: var(--Weight-600, 600);
}
.modal.modal_popup .pop_con .title_txt.align_c {
  text-align: center;
}
.modal.modal_popup .pop_con .txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .txt.align_c {
  text-align: center;
}
.modal.modal_popup .pop_con .txt b {
  color: var(--Font-primary-body, #24282C);
  font-weight: var(--Weight-600, 600);
}
.modal.modal_popup .pop_con .txt u {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.modal.modal_popup .pop_con .guide_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 4px;
}
.modal.modal_popup .pop_con .guide_list .guide_txt {
  display: flex;
  justify-content: center;
  gap: 4px 4px;
  text-align: left;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .guide_list .guide_txt.align_c {
  text-align: center;
}
.modal.modal_popup .pop_con .guide_list .guide_txt b {
  color: var(--Font-secondary-caption, #6B7684);
  font-weight: var(--Weight-400, 400);
}
.modal.modal_popup .pop_con .guide_list .guide_txt .dot {
  position: relative;
  top: 7.5px;
  display: block;
  width: 4px;
  height: 4px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
  color: var(--Font-secondary-caption, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .discount_banner {
  background: url("/img/discount_banner_bg.svg") no-repeat left top;
  background-size: cover;
  width: 260px;
  height: 150px;
  margin: 0 auto 20px;
}
.modal.modal_popup .pop_con .discount_banner .discount_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
}
.modal.modal_popup .pop_con .discount_banner .discount_info .discount_label {
  color: #FFF;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-3xl, 22px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 118.182% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .discount_banner .discount_info .discount_rate {
  margin-top: 2px;
  color: #FFF;
  font-family: var(--Title, Pretendard);
  font-size: 48px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 52px;
  /* 108.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .discount_banner .discount_info .price_info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
}
.modal.modal_popup .pop_con .discount_banner .discount_info .price_info .original_price {
  position: relative;
  color: var(--Blue-blue100, #ECF0FF);
  font-family: var(--Title, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .discount_banner .discount_info .price_info .discounted_price {
  position: relative;
  color: var(--Yellow-yellow500, #FFD120);
  font-family: var(--Title, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_con .discount_banner .discount_info .price_info .strike_line {
  position: absolute;
  left: -5px;
  top: 3px;
}
.modal.modal_popup .pop_con .discount_banner .discount_info .monthly_price {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 117px;
  height: 66px;
  position: absolute;
  bottom: -55px;
  border-radius: 8px;
  background: url("/img/discount_popup.svg") no-repeat center calc(50% + 2px);
  background-size: cover;
  color: var(--Font-primary-body, #24282C);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xs-12, 14px);
  /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_footer {
  padding: 0 24px 32px;
  box-sizing: border-box;
}
.modal.modal_popup .pop_footer .btnArea.payBtn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px 12px;
  overflow: inherit;
}
.modal.modal_popup .pop_footer .btnArea.payBtn .btn {
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.modal_popup .pop_footer .btnArea.payBtn .btn:active {
  transform: translate(2px, 2px);
}
.modal.modal_popup .pop_footer .btnArea.payBtn .btn {
  margin: 0;
  width: 100%;
  padding: 14.5px 25px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  color: var(--Label-Disable, #B0B8C1);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.modal_popup .pop_footer .btnArea.payBtn .btn.btn_save {
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: var(--Button-Primary-Solid-Text-Default, #FFF);
  font-size: var(--Size-lg, 17px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 129.412% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_3_popup .pop_con, .modal.cancel_10_popup .pop_con {
  gap: 8px 8px;
}
.modal.cancel_3_popup .pop_con .txt b, .modal.cancel_10_popup .pop_con .txt b {
  color: var(--Primary-Default, #4168F6);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_3_popup .pop_con .discount_banner, .modal.cancel_10_popup .pop_con .discount_banner {
  margin-top: 12px;
  margin-bottom: 0;
}
.modal.cancel_3_popup .pop_con .discount_banner .discount_info .price_info, .modal.cancel_10_popup .pop_con .discount_banner .discount_info .price_info {
  gap: 8px 12px;
}
.modal.cancel_3_popup .pop_con .guide_list .guide_txt, .modal.cancel_10_popup .pop_con .guide_list .guide_txt {
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_10_popup .pop_con .discount_banner {
  margin-bottom: 20px;
}
.modal.cancel_10_popup .pop_con .discount_banner .discount_info .price_info {
  gap: 8px 16px;
}
.modal.cancel_card_popup .pop_header, .modal.cancel_virtual_popup .pop_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.modal.cancel_card_popup .pop_header .pop_title, .modal.cancel_virtual_popup .pop_header .pop_title {
  color: var(--Label-Strong, #1F242B);
  font-size: var(--Size-2xl, 20px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px); /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_header .pop_date, .modal.cancel_virtual_popup .pop_header .pop_date {
  color: var(--Semantic-Label-Alternative, var(--Neutral-600, #6B7684));
  font-size: var(--Size-xs, 13px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_header .clse, .modal.cancel_virtual_popup .pop_header .clse {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 6px;
  cursor: pointer;
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.cancel_card_popup .pop_header .clse:active, .modal.cancel_virtual_popup .pop_header .clse:active {
  transform: translate(2px, 2px);
}
.modal.cancel_card_popup .pop_con, .modal.cancel_virtual_popup .pop_con {
  gap: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 72vh;
}
.modal.cancel_card_popup .pop_con .service_info_list, .modal.cancel_virtual_popup .pop_con .service_info_list {
  width: 100%;
}
.modal.cancel_card_popup .pop_con .service_info_list .info_item, .modal.cancel_virtual_popup .pop_con .service_info_list .info_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px;
}
.modal.cancel_card_popup .pop_con .service_info_list .info_item .info_label, .modal.cancel_virtual_popup .pop_con .service_info_list .info_item .info_label {
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .service_info_list .info_item .info_value, .modal.cancel_virtual_popup .pop_con .service_info_list .info_item .info_value {
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl, 24px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .cancel_notice, .modal.cancel_virtual_popup .pop_con .cancel_notice {
  width: 100%;
  box-sizing: border-box;
  margin-top: 16px;
  padding: 16px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-Neutral, #F7F8FA);
}
.modal.cancel_card_popup .pop_con .cancel_notice .notice_title, .modal.cancel_virtual_popup .pop_con .cancel_notice .notice_title {
  color: var(--Label-Strong, #1F242B);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .cancel_notice .notice_list, .modal.cancel_virtual_popup .pop_con .cancel_notice .notice_list {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
  margin-top: 4px;
}
.modal.cancel_card_popup .pop_con .cancel_notice .notice_list li, .modal.cancel_virtual_popup .pop_con .cancel_notice .notice_list li {
  position: relative;
  color: var(--Semantic-Label-Alternative, var(--Neutral-600, #6B7684));
  font-size: var(--Size-xs, 13px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
  padding-left: 7px;
}
.modal.cancel_card_popup .pop_con .cancel_notice .notice_list li .dot, .modal.cancel_virtual_popup .pop_con .cancel_notice .notice_list li .dot {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  border: 100%;
  background-color: var(--Neutral-600, #6B7684);
}
.modal.cancel_card_popup .pop_con .cancel_notice .notice_list li a, .modal.cancel_virtual_popup .pop_con .cancel_notice .notice_list li a {
  color: var(--Label-Assistive, #8C98A7);
  font-size: var(--Size-xs, 13px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.modal.cancel_card_popup .pop_con .cancel_notice .notice_list li a.channel_link, .modal.cancel_virtual_popup .pop_con .cancel_notice .notice_list li a.channel_link {
  color: var(--Semantic-Label-Alternative, var(--Primary-Default, #4168F6));
  font-size: var(--Size-xs, 13px);
  font-weight: var(--Weight-400, 500);
  line-height: var(--Line-height-xs, 16px);
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.modal.cancel_card_popup .pop_con .refund_method_form .selectbox, .modal.cancel_virtual_popup .pop_con .refund_method_form .selectbox {
  width: 100%;
  height: 40px;
}
.modal.cancel_card_popup .pop_con .refund_method_form .selectbox:before, .modal.cancel_virtual_popup .pop_con .refund_method_form .selectbox:before {
  background: none;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 16px;
  right: 12px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
  transform: rotate(135deg);
}
.modal.cancel_card_popup .pop_con .refund_method_form .selectbox select, .modal.cancel_virtual_popup .pop_con .refund_method_form .selectbox select {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  box-sizing: border-box;
  border: 1px solid #E0E4E9;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .refund_method_form .selectbox .t_label, .modal.cancel_virtual_popup .pop_con .refund_method_form .selectbox .t_label {
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .refund_method_form .selectbox label, .modal.cancel_virtual_popup .pop_con .refund_method_form .selectbox label {
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .refund_method_form .selectbox option, .modal.cancel_virtual_popup .pop_con .refund_method_form .selectbox option {
  display: block;
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
}
.modal.cancel_card_popup .pop_con .refund_method_form .cardNumber, .modal.cancel_virtual_popup .pop_con .refund_method_form .cardNumber {
  width: 100%;
  height: 40px;
  padding: 6px 12px 10px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .refund_method_form .cardNumber input, .modal.cancel_virtual_popup .pop_con .refund_method_form .cardNumber input {
  width: 100%;
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  outline: none;
}
.modal.cancel_card_popup .pop_con .refund_method_form .cardNumber input::-moz-placeholder, .modal.cancel_virtual_popup .pop_con .refund_method_form .cardNumber input::-moz-placeholder {
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.cancel_card_popup .pop_con .refund_method_form .cardNumber input::placeholder, .modal.cancel_virtual_popup .pop_con .refund_method_form .cardNumber input::placeholder {
  color: var(--Semantic-Label-Disable, var(--Label-Disable, #B0B8C1));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.change_payment_popup .pop_con {
  gap: 8px 8px;
  padding-bottom: 40px;
}
.modal.change_payment_popup .pop_con .txt b {
  color: var(--Primary-Default, #4168F6);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.change_payment_popup .pop_con .discount_banner {
  margin-top: 12px;
  margin-bottom: 0;
}
.modal.change_payment_popup .pop_con .discount_banner .discount_info .price_info {
  gap: 8px 16px;
}
.modal.change_payment_popup .pop_footer .btnArea.payBtn {
  flex-direction: row;
  gap: 8px 8px;
}
.modal.change_payment_popup .pop_footer .btnArea.payBtn .btn {
  padding: 14.5px 10px;
}
.modal.change_payment_popup .pop_footer .btnArea.payBtn .btn.btn_save {
  color: var(--Button-Button-Primary-Solid-Text-Default, #FFF);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl, 24px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.change_payment_popup .pop_footer .btnArea.payBtn .btn.btn_cncl {
  color: var(--Button-Button-Secondary-Solid-Text-Default, #FFF);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl, 24px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  background: var(--Button-Button-Secondary-Solid-Bg-Default, #B0B8C1);
}
.modal.indicator_popup .pop_con {
  gap: 0 12px;
}
.modal.indicator_popup .pop_con .txt {
  display: block;
  font-size: 15px;
  line-height: 1.62;
  color: #656d7e;
  word-break: break-all;
  word-wrap: break-word;
}
.modal.center_popup .pop_header {
  padding-top: 24px;
}
.modal.center_popup .pop_header .clse {
  right: 15px;
  top: 10px;
}
.modal.center_popup .pop_con {
  gap: 8px 12px;
  margin-top: 24px;
  padding: 0 24px 32px;
}
.modal.center_popup .pop_con .txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.modal.center_popup .pop_con .txt_list {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
}
.modal.center_popup .pop_con .txt_list .list {
  position: relative;
  padding-left: 7px;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.modal.center_popup .pop_con .txt_list .list::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  min-width: 3px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
.modal.alert_popup {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 340px;
  margin: 0 auto;
}
.modal.alert_popup .pop_header {
  padding-top: 24px;
}
.modal.alert_popup .pop_header .clse {
  right: 15px;
  top: 10px;
}
.modal.alert_popup .pop_con {
  gap: 8px 12px;
  margin-top: 24px;
  padding: 0 24px 24px;
}
.modal.alert_popup .pop_con .txt,
.modal.alert_popup .pop_con .alt_txt {
  color: var(--Font-primary-body, #24282C);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.alert_popup .pop_con .txt_list {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
}
.modal.alert_popup .pop_con .txt_list .list {
  position: relative;
  padding-left: 7px;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.modal.alert_popup .pop_con .txt_list .list::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  min-width: 3px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
.modal.alert_popup .pop_footer .btnArea.payBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px 8px;
}
.modal.alert_popup .pop_footer .btnArea.payBtn .btn {
  padding: 12px 25px;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
  border-color: transparent;
}
.modal.alert_popup .pop_footer .btnArea.payBtn .btn.btn_cncl {
  background: var(--Font-disabled, #B0B8C1);
}
.modal.bottom_popup {
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  transform: translate(0%, 0%);
  border: none;
  width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.modal.bottom_popup .pop_header {
  padding-top: 32px;
}
.modal.bottom_popup .pop_header .clse {
  right: 19px;
  top: 27px;
}
.modal.bottom_popup .pop_con {
  gap: 8px 12px;
  padding: 0 24px 32px;
  margin-top: 21px;
}
.modal.bottom_popup .pop_con .txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.modal.bottom_popup .pop_con .txt_list {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
}
.modal.bottom_popup .pop_con .txt_list .list {
  position: relative;
  padding-left: 7px;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.modal.bottom_popup .pop_con .txt_list .list::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  min-width: 3px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
.modal.bottom_popup .pop_con .ticker_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 8px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 246px;
  /* 자식 요소가 4개를 넘지 않도록 높이 제한 */
}
.modal.bottom_popup .pop_con .ticker_list .item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px 2px;
  padding: 7px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  background: var(--Background-primary-light-background, #F1F4F6);
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup .pop_con .ticker_list .item .ticker {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14ch;
}
.modal.bottom_popup .pop_con .ticker_list .item .increase,
.modal.bottom_popup .pop_con .ticker_list .item .decrease,
.modal.bottom_popup .pop_con .ticker_list .item .same {
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup .pop_con .ticker_list .item .increase {
  color: var(--Red-red500, #F03E4C);
}
.modal.bottom_popup .pop_con .ticker_list .item .decrease {
  color: #097DF3;
}
.modal.bottom_popup .pop_con .ticker_list .item .same {
  color: #6B7684;
}
.modal.bottom_popup.why_rise_popup .pop_header {
  padding: 24px 0 16px;
  margin: 0 24px;
  border-bottom: 1px solid var(--Border-primary-border, #E3E5E8);
}
.modal.bottom_popup.why_rise_popup .pop_header .clse {
  top: 15px;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 8px;
  width: 100%;
  box-sizing: border-box;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .title_logo {
  width: 32px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .title_logo .logo {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background-color: #f1f4f6;
  border-radius: 100%;
  box-sizing: border-box;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .title_logo .logo img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  overflow: hidden;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2px 2px;
  width: calc(100% - 48px);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail .title {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-align: left;
  max-width: calc(100% - 40px);
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail .title a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 6px;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .num {
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  /* 131.25% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .num span {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .per {
  display: inline-flex;
  align-items: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .per > span {
  display: inline-flex;
  align-items: center;
  gap: 4px 4px;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .per .increase {
  color: var(--Font-up-red, #F03E4C);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .per .decrease {
  color: var(--Font-down-blue, #097DF3);
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .detail_num .per .same {
  color: #6B7684;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion {
  margin-left: auto;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion .signal {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  border-radius: 16px;
  width: 20px;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion .signal.buy {
  background-color: #FF4500;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion .signal.sell {
  background-color: #1E90FF;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion .signal.hold {
  background-color: #4DC589;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion .signal.waitting {
  background-color: #a1a1a1;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .data_opinion .signal.prm_lock {
  min-width: 40px;
  height: 23px;
  box-sizing: border-box;
  background-color: #C7CCD1;
}
.modal.bottom_popup.why_rise_popup .pop_con {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  margin-top: 0;
  padding-top: 16px;
  overflow-y: auto;
  max-height: 72vh;
}
.modal.bottom_popup.why_rise_popup .pop_con .why_up {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px 8px 8px;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Red-red50, #FEF2F3);
  background: linear-gradient(90deg, var(--Orange-orange50, #FFF2EA) 1.49%, var(--Red-red50, #FEF2F3) 98.51%);
  color: var(--Red-red500, #F03E4C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_con .why_down {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px 8px 8px;
  border-radius: var(--Radius-r-02, 8px);
  border: 1px solid var(--Skyblue-skyblue50, #E2F5FF);
  background: linear-gradient(90deg, var(--Skyblue-skyblue50, #E2F5FF) 1.49%, var(--Mint-mint50, #EAFAF9) 98.51%);
  color: var(--Font-down-blue, #097DF3);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_con .title {
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-4xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-3xl, 32px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_con .txt {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_con .date {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  margin-top: 16px;
  width: 100%;
  box-sizing: border-box;
  color: var(--Font-secondary-caption, #6B7684);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.bottom_popup.why_rise_popup .pop_con .date:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.56882 1.03124C10.1601 1.19037 11.6444 1.90524 12.7608 3.05024C13.9771 4.28583 14.6962 5.9258 14.7811 7.65754C14.8659 9.38927 14.3105 11.0917 13.2208 12.4402C12.2186 13.686 10.8121 14.542 9.24506 14.8598C7.67804 15.1776 6.04922 14.9372 4.64082 14.1802C3.2294 13.4069 2.12755 12.1709 1.52082 10.6802C0.911378 9.18194 0.83026 7.52078 1.29082 5.97024C1.75039 4.42573 2.72877 3.08708 4.06082 2.18024C5.38167 1.27915 6.9778 0.872326 8.56882 1.03124ZM9.04082 13.8802C10.3833 13.6071 11.589 12.8752 12.4508 11.8102C13.3834 10.6512 13.8579 9.18999 13.7842 7.70414C13.7104 6.21829 13.0936 4.81126 12.0508 3.75024C11.0957 2.77525 9.82828 2.16696 8.47013 2.03169C7.11198 1.89642 5.74949 2.24279 4.62082 3.01024C3.77126 3.59563 3.08522 4.38824 2.62769 5.31296C2.17017 6.23769 1.95632 7.26392 2.00639 8.29442C2.05646 9.32493 2.36881 10.3256 2.91383 11.2016C3.45885 12.0776 4.2185 12.8 5.12082 13.3002C6.31887 13.9478 7.70658 14.1531 9.04082 13.8802ZM7.37582 6.00024H8.62582V5.00024H7.37582V6.00024ZM8.62582 7.00024V11.0002H7.37582V7.00024H8.62582Z" fill="%238C98A7"/></svg>') no-repeat center center;
}
.modal .select_area {
  display: flex;
  align-items: center;
  gap: 12px 12px;
}
.modal .select_area .selectBoxList {
  position: relative;
  width: 100%;
}
.modal .select_area .selectBoxList::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13 6L7.8 11.2L3 6.4" stroke="%238C98A7" stroke-width="1.4" stroke-linecap="round"/></svg>');
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 17px;
  z-index: 81;
}
.modal .select_area select {
  cursor: pointer;
  width: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-01, 24px);
  letter-spacing: var(--Tracking-md, -0.3px);
  height: 48px;
  padding: 0 24px 0 12px;
  opacity: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.modal .select_area select:disabled {
  background-color: red;
  cursor: not-allowed;
  opacity: 0.7;
}
.modal .select_area select:focus {
  outline: none;
}
.modal .select_area .noData_title {
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal .select_area .noData_title b {
  color: var(--Font-primary-title, #1F242B);
  font-weight: var(--Weight-600, 600);
}
.modal .select_area .sort_manage {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  margin-left: auto;
}
.modal .select_area .sort_manage a,
.modal .select_area .sort_manage button {
  cursor: pointer;
  color: #6A727B;
  font-size: 14px;
  font-weight: 500;
  padding: 0 4px;
  border: none;
  background: none;
  outline: none;
}
.modal .select_area .sort_manage .btn_manage_group {
  position: relative;
  padding-right: 0;
}
.modal .select_area .sort_manage .btn_manage_group::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #E0E4E9;
}

.modal.first_month_3300 {
  max-width: 700px;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 94%;
  box-sizing: border-box;
  background: linear-gradient(169deg, #FEE2E4 9.83%, #F4EDF5 18.07%, #BFD1FE 60.87%);
}
.modal.first_month_3300 .pop_header {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  text-align: left;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  list-style: none;
  transform: none;
  transition: none;
  animation: none;
  opacity: 1;
  visibility: visible;
  z-index: auto;
  pointer-events: auto;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 48px 37px 0;
  border: none;
}
.modal.first_month_3300 .pop_header .clse {
  padding: 6px 6px;
  width: auto;
  height: auto;
  right: 8px;
  top: 8px;
  box-sizing: border-box;
}
.modal.first_month_3300 .pop_header .clse::before, .modal.first_month_3300 .pop_header .clse::after {
  display: none;
}
.modal.first_month_3300 .pop_header .clse::before, .modal.first_month_3300 .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}
.modal.first_month_3300 .pop_header .pop_title {
  justify-content: center;
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.first_month_3300 .pop_header .period {
  padding-top: 2px;
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-5xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 42px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.first_month_3300 .bot_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 0 0;
  max-width: 420px;
  margin: 2px auto;
}
.modal.first_month_3300 .bot_box img {
  width: 100%;
  height: 160px;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal.first_month_3300 .bot_box .bubble_img {
  position: absolute;
  top: -80px;
  left: calc(50% - 116px);
  width: 92px;
  height: 92px;
  opacity: 0;
  transform: rotate(-15deg);
  animation: bubbleDrop 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.4s;
}
.modal.first_month_3300 .bot_box .bubble_img img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes bubbleDrop {
  0% {
    top: -80px;
    opacity: 0;
    transform: rotate(-15deg) scale(0.8);
  }
  50% {
    transform: rotate(5deg) scale(1.1);
  }
  100% {
    top: 0;
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
.modal.first_month_3300 .pop_con {
  padding: 0 37px;
  margin: 0 auto;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-s-05, 12px);
  align-self: stretch;
}
.modal.first_month_3300 .pop_con ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px 4px;
  align-self: stretch;
  margin: 0;
}
.modal.first_month_3300 .pop_con ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 4px;
  position: relative;
  color: var(--Font-primary-body, #24282C);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
  counter-increment: list-counter;
}
.modal.first_month_3300 .pop_con ul li b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: var(--Weight-700, 700);
}
.modal.first_month_3300 .pop_con ul li:before {
  content: counter(list-counter);
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 50%;
  background: #FFF;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.first_month_3300 .pop_footer {
  margin-top: 24px;
  padding: 0 24px 24px;
  box-sizing: border-box;
}
.modal.first_month_3300 .pop_footer .btnArea.payBtn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px 12px;
}
.modal.first_month_3300 .pop_footer .btnArea.payBtn .btn {
  margin: 0;
  width: 100%;
  padding: 14.5px 25px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-lg, 17px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  /* 123.529% */
  letter-spacing: -0.3px;
}
.modal.first_month_3300 .pop_footer .btnArea.payBtn .btn.btn_apply {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px 8px;
  border-color: transparent;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.first_month_3300 .pop_footer .btnArea.payBtn .btn.btn_apply b {
  color: var(--Yellow-yellow400, #FFDA4D);
  font-weight: var(--Weight-600, 600);
}
.modal.first_month_3300 .pop_footer .btnArea.payBtn .btn.btn_apply::before {
  content: "";
  display: inline-flex;
  align-items: center;
  background: url("/img/glory.png") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 50%;
  background-size: 100% 100%;
}

.modal.system-maintenance-notice {
  padding: 48px 24px 0;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 94%;
  border-radius: 16px;
}
.modal.system-maintenance-notice .clse {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 6px 6px;
  width: auto;
  height: auto;
  right: 8px;
  top: 8px;
  box-sizing: border-box;
}
.modal.system-maintenance-notice .notice-title {
  text-align: center;
}
.modal.system-maintenance-notice .notice-title img {
  width: 209px;
  height: 38px;
}
.modal.system-maintenance-notice .maintenance-headline {
  margin-top: 8px;
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-5xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 42px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.system-maintenance-notice .notice-img {
  margin-top: 6px;
  text-align: center;
  min-height: 208px;
}
@media (max-width: var(--bp-mobile-max)) {
  .modal.system-maintenance-notice .notice-img {
    height: 180px;
    min-height: auto;
  }
}
.modal.system-maintenance-notice .notice-img img {
  width: 100%;
  max-width: 310px;
}
@media (max-width: var(--bp-mobile-max)) {
  .modal.system-maintenance-notice .notice-img img {
    height: 160px;
    width: auto;
    min-height: auto;
  }
}
.modal.system-maintenance-notice .notice-detail {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px 4px;
  padding: 20px 24px;
  margin: 8px auto 0;
  max-width: 310px;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
}
.modal.system-maintenance-notice .notice-detail .notice-date {
  color: var(--Red-red600, #DD2533);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
@media (max-width: var(--bp-mobile-max)) {
  .modal.system-maintenance-notice .notice-detail .notice-date {
    letter-spacing: var(--Tracking-md, -1px);
  }
}
.modal.system-maintenance-notice .notice-detail .notice-date b {
  color: var(--Red-red600, #DD2533);
  font-weight: 600;
}
.modal.system-maintenance-notice .notice-detail .notice-desc {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-md, 22px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.system-maintenance-notice .notice-detail .notice-desc b {
  color: var(--Font-primary-body, #24282C);
  font-weight: 600;
}
.modal.system-maintenance-notice .ftr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 19px;
  margin-top: 12px;
  height: auto;
  background-color: #fff;
}
.modal.system-maintenance-notice .ftr input[type=checkbox] {
  display: none;
  position: relative;
  top: -1px;
  left: -3px;
}
.modal.system-maintenance-notice .ftr .btn_day {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px 5px;
  padding-left: 5px;
  font-size: 13px;
  color: #939393;
}
.modal.system-maintenance-notice .ftr .ftr_close {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
  font-size: 0;
}

.toast_popup,
.toast_popup_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px 8px;
  padding: 16px 30px;
  border-radius: var(--Radius-r-07, 100px) !important;
  background: rgba(49, 59, 72, 0.9) !important;
  margin: 0 auto !important;
  position: fixed;
  left: 50%;
  bottom: 55px;
  transform: translate(-50%, -50%);
  z-index: 99;
  max-width: 84%;
  box-sizing: border-box;
  display: none;
}
.toast_popup.slideUp,
.toast_popup_btn.slideUp {
  animation: fadeIn 0.8s, slideIn 0.4s linear;
  margin: 0 auto;
  margin-left: 3%;
  border-radius: 10px;
}
.toast_popup.slideUp50,
.toast_popup_btn.slideUp50 {
  animation: fadeIn 0.8s, slideIn50 0.4s linear;
  margin: 0 auto;
  margin-left: 3%;
  border-radius: 10px;
}
.toast_popup.btn_type,
.toast_popup_btn.btn_type {
  gap: 8px 16px;
  padding: 10px 24px;
}
.toast_popup.btn_type .txt,
.toast_popup_btn.btn_type .txt {
  gap: 8px 16px;
}
.toast_popup:has(.txt:nth-child(2)),
.toast_popup_btn:has(.txt:nth-child(2)) {
  gap: 4px 8px;
  border-radius: var(--Radius-r-04, 16px) !important;
}
.toast_popup .txt,
.toast_popup_btn .txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 8px;
  width: 100%;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.toast_popup .txt span,
.toast_popup_btn .txt span {
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: flex;
  gap: 4px 4px;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.toast_popup .txt .group_name,
.toast_popup_btn .txt .group_name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 40ch;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
@media (min-width: 480px) and (max-width: 480px) {
  .toast_popup .txt .group_name,
  .toast_popup_btn .txt .group_name {
    max-width: 10ch;
  }
}
@media (min-width: 375px) and (max-width: 375px) {
  .toast_popup .txt .group_name,
  .toast_popup_btn .txt .group_name {
    max-width: 16ch;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .toast_popup .txt .group_name,
  .toast_popup_btn .txt .group_name {
    max-width: 20ch;
  }
}
@media (min-width: 768px) and (max-width: 9999px) {
  .toast_popup .txt .group_name,
  .toast_popup_btn .txt .group_name {
    max-width: 38ch;
  }
}
.toast_popup .txt i,
.toast_popup_btn .txt i {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.toast_popup .toast_btn,
.toast_popup_btn .toast_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Background-primary-dark-background, #24282C);
  padding: 10px 12px;
  box-sizing: border-box;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.balloon_popup {
  display: none;
  position: absolute;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
  background: #FFF;
  padding: 16px 32px 16px 20px;
  box-sizing: border-box;
  min-width: 324px;
  z-index: 9998;
}
.balloon_popup .clse {
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.08s cubic-bezier(0.4, 0, 0.2, 1);
}
.balloon_popup .clse:active {
  transform: translate(2px, 2px);
}
.balloon_popup .clse {
  padding: 6px 6px;
  width: auto;
  height: auto;
  right: 0px;
  top: 0px;
  box-sizing: border-box;
}
.balloon_popup .clse::before, .balloon_popup .clse::after {
  display: none;
}
.balloon_popup .txt {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 280px;
  text-align: left !important;
  color: var(--Font-secondary-body, #4E5866) !important;
  font-size: var(--Size-sm, 14px) !important;
  font-weight: var(--Weight-400, 400) !important;
  line-height: var(--Line-height-lg, 21px) !important;
  letter-spacing: var(--Tracking-md, -0.3px) !important;
}
.balloon_popup .txt strong {
  color: var(--Font-primary-body, #24282C) !important;
  font-size: var(--Size-sm, 14px) !important;
  line-height: var(--Line-height-lg, 21px) !important;
  letter-spacing: var(--Tracking-md, -0.3px) !important;
  font-weight: var(--Weight-600, 600) !important;
}

.modal.push_alarm_popup .pop_header .pop_title {
  color: var(--Label-Strong, #1F242B);
  font-size: var(--Size-3xl, 22px);
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-3xl, 32px);
  /* 145.455% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.push_alarm_popup .pop_header .pop_title b {
  color: var(--Primary-Normal, #4168F6);
  font-weight: var(--Weight-700, 700);
}
.modal.push_alarm_popup .pop_con {
  margin-top: 20px;
}
.modal.push_alarm_popup .pop_con .bg_box {
  position: relative;
  padding: 16px 16px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
}
.modal.push_alarm_popup .pop_con .txt {
  display: flex;
  padding-left: 44px;
  color: var(--Label-primary-body, #24282C);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 146.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.push_alarm_popup .pop_con .txt .icon {
  position: absolute;
  left: 16px;
  top: 14px;
}
.modal.push_alarm_popup .pop_con .txt_info_area {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
  gap: 8px 8px;
}
.modal.push_alarm_popup .pop_con .txt_info_area .txt_info {
  position: relative;
  padding-left: 7px;
  color: var(--Label-Alternative-Subtle, #8C98A7);
  font-size: var(--Size-xs-13, 13px);
  font-weight: 500;
  line-height: var(--Line-height-sm, 18px);
  /* 138.462% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.modal.push_alarm_popup .pop_con .txt_info_area .txt_info::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #8C98A7;
  border-radius: 100%;
}
.modal.push_alarm_popup .btnArea {
  margin-top: 20px;
}
.modal.push_alarm_popup .btnArea.edtBtn .btn {
  padding: 12.5px 25px;
}
.modal.push_alarm_popup .btnArea.edtBtn .btn.btn_cncl {
  color: #FFF;
}

.v_signalStreng.globalStock .event2024_payment_sub a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.v_signalStreng.globalStock .event2024_payment_sub a img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.v_signalStreng.globalStock .alarm_noti_banner {
  background: #161C40;
  padding: 2px 24px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock .alarm_noti_banner .width_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 12px;
  width: 100%;
  height: 68px;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
.v_signalStreng.globalStock .alarm_noti_banner .width_box .link_banner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2px 2px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock .alarm_noti_banner .width_box .link_banner b {
  display: block;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock .alarm_noti_banner .width_box .link_banner b i {
  color: var(--Yellow-yellow400, #FFDA4D);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock .alarm_noti_banner .width_box .banner_bg {
  display: inline-flex;
  width: 64px;
  height: auto;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.v_signalStreng.globalStock .alarm_noti_banner .width_box .banner_bg img {
  width: 100%;
  height: 100%;
}

.app_install_banner {
  padding: 14px 20px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--Border-primary-border, #E3E5E8);
  background: transparent;
}
.app_install_banner .w_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px 12px;
  box-sizing: border-box;
}
.app_install_banner .icon_area img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0 0 15px 0 rgba(96, 140, 250, 0.3);
}
.app_install_banner .text_area .title {
  color: var(--Label-primary-body, #24282C);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.app_install_banner .text_area .desc {
  color: var(--Label-Alternative-Subtle, #8C98A7);
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.app_install_banner .btn_install {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 6px 8px;
  min-width: 52px;
  height: 28px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Primary-Normal, #4168F6);
  color: #FFF;
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.top_alarm_banner {
  padding: 14px 20px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--Border-primary-border, #E3E5E8);
  background: transparent;
}
.top_alarm_banner .w_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px 12px;
  box-sizing: border-box;
}
.top_alarm_banner .icon_area img {
  display: inline-block;
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_alarm_banner .text_area .title {
  color: var(--Label-primary-body, #24282C);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.top_alarm_banner .text_area .desc {
  color: var(--Label-Alternative-Subtle, #8C98A7);
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.top_alarm_banner .btn_alarm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 6px 8px;
  min-width: 66px;
  height: 28px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Primary-Normal, #4168F6);
  color: #FFF;
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.main_live_banner {
  position: relative;
  margin-top: 20px;
  padding: 24px 20px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Common-100, #FFF);
}
.main_live_banner .close_btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 14px;
}
.main_live_banner .banner_content .banner_title {
  color: var(--Label-primary-body, #24282C);
  font-size: var(--Size-3xl, 22px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-3xl, 32px); /* 145.455% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_live_banner .banner_content .banner_desc {
  margin-top: 2px;
  color: var(--Label-Normal-Medium, #4E5866);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_live_banner .banner_content .banner_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Blue-blue50, #F2F4FF);
  color: var(--Primary-Normal, #4168F6);
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_live_banner .banner_content .banner_thumb {
  position: absolute;
  right: 20px;
  bottom: 24px;
}
.main_live_banner .banner_content .banner_thumb .youtube_icon {
  display: inline-block;
  width: 88px;
  height: 88px;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_notice_banner {
  position: relative;
  margin-top: 20px;
  padding: 24px 20px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Common-100, #FFF);
}
.main_notice_banner .close_btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 16px;
}
.main_notice_banner .banner_content .banner_title {
  color: var(--Label-primary-body, #24282C);
  font-size: var(--Size-3xl, 22px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-3xl, 32px); /* 145.455% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_notice_banner .banner_content .banner_desc {
  margin-top: 2px;
  color: var(--Label-Normal-Medium, #4E5866);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_notice_banner .banner_content .banner_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Blue-blue50, #F2F4FF);
  color: var(--Primary-Normal, #4168F6);
  font-size: var(--Size-xs-13, 13px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.main_notice_banner .banner_content .banner_thumb {
  position: absolute;
  right: 19px;
  bottom: 16px;
}
.main_notice_banner .banner_content .banner_thumb .notice_icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}

.alarm_setting_banner {
  padding: 16px 20px;
  background: var(--Blue-100, #ECEFFD);
}
.alarm_setting_banner .w_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.alarm_setting_banner .w_box p {
  position: relative;
  padding-left: 22px;
  color: var(--Label-Normal-Medium, #4E5866);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.alarm_setting_banner .w_box p b {
  color: var(--Primary-Normal, #4168F6);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.alarm_setting_banner .w_box p i {
  position: absolute;
  left: 0;
  top: 4px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*
// 🎯 기본 사용법
.container {
  padding: 20px;

  @include mobile-only {
    padding: 10px;
  }

  @include tablet-up {
    padding: 30px;
  }

  @include desktop-up {
    padding: 40px;
  }
}

// 🎯 아이폰 특화 대응
.iphone-specific {
  font-size: 16px;

  @include iphone-se-1st {
    font-size: 14px; // iPhone SE 1st gen용 작은 폰트
  }

  @include iphone-12-15-pro-max {
    font-size: 18px; // Pro Max용 큰 폰트
  }
}

// 🎯 범위별 대응
.custom-range {
  @include range(400px, 600px) {
    // 400px ~ 600px 범위에서만 적용
    background: red;
  }
}

// 🎯 방향별 대응
.orientation-aware {
  @include portrait {
    // 세로 모드
    flex-direction: column;
  }

  @include landscape {
    // 가로 모드
    flex-direction: row;
  }
}

// 🎯 접근성 고려
.accessible-animation {
  animation: fadeIn 0.3s ease-in;

  @include reduced-motion {
    animation: none; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
.globalStock .service_wrap {
  display: flex;
  flex-direction: column;
}
.globalStock .service_wrap .header {
  position: relative !important;
  background-color: #141931 !important;
}
.globalStock .service_wrap .header .headerTop .go_back {
  border-color: #fff !important;
}
.globalStock .service_wrap .header .headerTop .headerLogo span {
  color: #fff !important;
}
.globalStock .service_wrap .premium_applybtn {
  margin-top: 0;
  box-shadow: none;
}
.globalStock .service_wrap .box {
  background-color: #fff;
  padding: 120px 0;
  opacity: 0;
  transform: translateY(0);
  transition: transform 0.6s ease-out;
}
.globalStock .service_wrap .box .miju_50 {
  margin: 0 auto;
  margin-bottom: 60px;
  max-width: 420px;
}
.globalStock .service_wrap .box.bg {
  background-color: #F4F4F5;
}
.globalStock .service_wrap .box.bg_blue {
  background-image: linear-gradient(to bottom, rgba(77, 110, 228, 0), rgba(77, 110, 228, 0.2) 100%, #4d6ee4);
}
.globalStock .service_wrap .box.scrolled {
  transform: translateY(200px);
}
.globalStock .service_wrap .box.visible {
  opacity: 1;
  transform: translateY(0);
}
.globalStock .service_wrap .box.fade_wrap {
  background-color: transparent;
  padding: 8px 0;
}
.globalStock .service_wrap .box.fade_wrap .repre {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  width: 90%;
  padding: 18px 32px;
  box-sizing: border-box;
  max-width: 420px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(77, 110, 228, 0.1);
  border-radius: 16px;
}
.globalStock .service_wrap .box.fade_wrap .repre .title {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  color: #6a727b;
}
.globalStock .service_wrap .box.fade_wrap .repre .txt {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.15;
  color: #333;
}
.globalStock .service_wrap .box.premium_box {
  padding: 32px 0;
  background-image: linear-gradient(to bottom, #141931, #161c40 54%, #161c40);
}
.globalStock .service_wrap .box.premium_box .title_box {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.globalStock .service_wrap .box.premium_box .title_box h1 {
  width: 90%;
  max-width: 420px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  color: #c7cbe9;
  text-align: center;
}
.globalStock .service_wrap .box.premium_box .title_box h1 b {
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .service_wrap .box.premium_box .title_box .event_txt {
  position: relative;
  border-radius: 16px;
  margin: 18px auto 8px;
  padding: 12px 24px 12px 50px;
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  background-color: var(--Font-primary-blue, #4168F6);
  color: #c7cbe9;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.globalStock .service_wrap .box.premium_box .title_box .event_txt::before {
  content: "⏰";
  position: absolute;
  left: 16px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  font-size: 20px;
}
.globalStock .service_wrap .box.premium_box .bg_img {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 330px;
  margin: 0 auto;
  background: url("/img/service/first_month_3300.png") no-repeat center 60%;
  background-size: auto 336px;
}
.globalStock .service_wrap .box.premium_box .bg_img .bell {
  position: absolute;
  right: calc(50% - 102px);
  top: 11px;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("/img/service/bell.svg") no-repeat center center;
  background-size: cover;
  animation: shake 0.5s ease infinite; /* 떨리는 애니메이션 적용 */
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(3px);
  }
}
.globalStock .service_wrap .box.premium_box .benefits_guide {
  display: flex;
  gap: 0 15px;
  width: 90%;
  box-sizing: border-box;
  max-width: 420px;
  padding: 20px 16px 20px 15%;
  border-radius: 16px;
  margin: 8px auto;
  background-color: #13182e;
  opacity: 0;
  transform: translateY(150px);
  transition: transform 0.6s ease-out;
}
.globalStock .service_wrap .box.premium_box .benefits_guide.visible {
  opacity: 1;
  transform: translateY(0);
}
.globalStock .service_wrap .box.premium_box .benefits_guide .benefits_img {
  display: inline-block;
  width: 45px;
  height: 45px;
}
.globalStock .service_wrap .box.premium_box .benefits_guide .benefits_img.img01 {
  background: url("/img/service/benefits_img01.svg") no-repeat center center;
}
.globalStock .service_wrap .box.premium_box .benefits_guide .benefits_img.img02 {
  background: url("/img/service/benefits_img02.svg") no-repeat center center;
}
.globalStock .service_wrap .box.premium_box .benefits_guide .benefits_img.img03 {
  background: url("/img/service/benefits_img03.svg") no-repeat center center;
}
.globalStock .service_wrap .box.premium_box .benefits_guide .title_box h2 {
  line-height: 1.4;
  color: #c7cbe9;
  font-weight: normal;
  font-size: 0.9375rem;
}
.globalStock .service_wrap .box.premium_box .benefits_guide .title_box h2 b {
  color: #7983d5;
}
.globalStock .service_wrap .box .review_box {
  background: transparent;
  padding: 110px 20px 0;
  width: 90%;
  max-width: 480px;
  margin: 0 auto;
}
.globalStock .service_wrap .box .review_box .review_title {
  color: #C7CBE9;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-5xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 42px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .service_wrap .box .review_box .review_title b {
  color: #FFF;
  font-weight: var(--Weight-700, 700);
}
.globalStock .service_wrap .box .review_box .review_list {
  display: flex;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.globalStock .service_wrap .box .review_box .review_list .review_item {
  flex: 1 1 45%;
  border-radius: 24px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  padding: 20px 20px;
  box-sizing: border-box;
}
.globalStock .service_wrap .box .review_box .review_list .review_item p {
  color: var(--Gray-gray700, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-wrap: break-word;
  word-break: break-word;
}
.globalStock .service_wrap .box .review_box .review_list .review_item p b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: var(--Weight-700, 700);
}
.globalStock .service_wrap .box .review_box .review_list .review_item p svg {
  margin-top: 8px;
}
.globalStock .service_wrap .box.user_review {
  display: flex;
  flex-direction: column;
  gap: 24px 15px;
  padding-top: 192px;
  padding-bottom: 0;
  background: #fff url("/img/service/bg_user_review.svg") no-repeat center 80px;
  background-size: 375px auto;
}
.globalStock .service_wrap .box.user_review .bell {
  position: absolute;
  right: calc(50% - 157px);
  top: 141px;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("/img/service/bell_big.svg") no-repeat center center;
  background-size: cover;
  animation: shake 0.5s ease infinite;
  z-index: 90;
}
.globalStock .service_wrap .box.user_review .benefits_guide {
  position: relative;
  display: flex;
  gap: 24px 15px;
  width: 90%;
  box-sizing: border-box;
  max-width: 420px;
  padding: 16px 24px;
  border-radius: 16px;
  margin: 0 auto;
  background: #21295C;
  box-shadow: 0px 0px 10px 0px rgba(77, 110, 228, 0.25);
  opacity: 0;
  transform: translateY(250px);
  transition: transform 0.6s ease-out;
}
.globalStock .service_wrap .box.user_review .benefits_guide.visible {
  opacity: 1;
  transform: translateY(0);
}
.globalStock .service_wrap .box.user_review .benefits_guide::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 43px;
  top: 16px;
  width: 20px;
  height: 16px;
  background: url("/img/quotation.svg") no-repeat left top;
}
.globalStock .service_wrap .box.user_review .benefits_guide .title_box {
  padding: 16px 20px;
}
.globalStock .service_wrap .box.user_review .benefits_guide .title_box h2 {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
}
.globalStock .service_wrap .box.user_review .benefits_guide .title_box h2 b {
  color: #7983D5;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.globalStock .service_wrap .box .con_img {
  position: relative;
  width: 90%;
  box-sizing: border-box;
  max-width: 420px;
  margin: 0 auto;
}
.globalStock .service_wrap .box .con_img img {
  display: block;
  width: 100%;
}
.globalStock .service_wrap .box .con_img .gradient {
  display: none;
}
.globalStock .service_wrap .box .tabsArea {
  margin: 64px auto 0;
  width: 90%;
  box-sizing: border-box;
  max-width: 420px;
  overflow: hidden;
}
.globalStock .service_wrap .box .tabsArea .tabs {
  margin-bottom: 5px;
  justify-content: flex-start;
  gap: 0 30px;
}
.globalStock .service_wrap .box .tabsArea .tab_content {
  position: relative;
  padding: 10px;
  background-color: #F4F4F5;
  overflow: hidden;
  border-radius: 16px;
}
.globalStock .service_wrap .box .tabsArea .tab_content .gradient {
  display: none;
}
.globalStock .service_wrap .box .tabsArea li {
  width: auto;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.35;
  color: #d3d3d3;
}
.globalStock .service_wrap .box .tabsArea li.active {
  border: none;
  color: #333;
}
.globalStock .service_wrap .box img {
  display: block;
  width: 100%;
}
.globalStock .service_wrap .box .prm_btn {
  width: 85%;
  max-width: 420px;
  margin: 15px auto 0;
}
.globalStock .service_wrap .box .title_box {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.globalStock .service_wrap .box .title_box h1 {
  width: 90%;
  max-width: 420px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
}
.globalStock .service_wrap .box .title_box h1 b {
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .service_wrap .box .title_box h1 i {
  display: inline-block;
  height: 40px;
  vertical-align: text-bottom;
}
.globalStock .service_wrap .box .title_box .sum_txt {
  width: 90%;
  margin-top: 10px;
  max-width: 420px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
  justify-content: flex-start;
}
.globalStock .service_wrap .box .sum_txt {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.globalStock .service_wrap .box .sum_txt p {
  width: 80%;
  max-width: 420px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
}
.globalStock .service_wrap .box .sum_txt p b {
  color: #333;
}
.globalStock .service_wrap .phone_wrap {
  position: relative;
  width: 100%;
  margin: 40px auto 0;
  max-width: 420px;
}
.globalStock .service_wrap .phone_wrap .phone_bg {
  width: 100%;
  position: relative;
  z-index: 100;
}
.globalStock .service_wrap .phone_wrap .img_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.globalStock .service_wrap .phone_wrap .img_list ul {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 56%;
  height: 83%;
  left: 0;
  top: 5.4%;
}
.globalStock .service_wrap .phone_wrap .img_list ul li {
  width: 100%;
  height: 100%;
}
.globalStock .service_wrap .phone_wrap .img_list ul li img {
  position: relative;
  display: inline-block;
  width: 100%;
  top: 0%;
}
.globalStock .service_wrap .fade_list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  width: 90%;
  max-width: 420px;
  margin: 0 auto;
}
.globalStock .service_wrap .fade_list .logo_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 12px;
  width: 100%;
  background-color: #f7f8f9;
  box-sizing: border-box;
  padding: 15px 16px;
  border-radius: 16px;
}
.globalStock .service_wrap .fade_list .logo_list .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.globalStock .service_wrap .fade_list .logo_list .title_logo .logo {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.globalStock .service_wrap .fade_list .logo_list .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.globalStock .service_wrap .fade_list .logo_list#btn_free .title_logo .logo {
  background: #fff url("/img/signal_prm.svg") no-repeat center center;
  background-size: 70%;
}
.globalStock .service_wrap .fade_list .logo_list .detail {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 5px;
  max-width: calc(100% - 150px);
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.19;
  color: #363F4B;
}
.globalStock .service_wrap .fade_list .logo_list .detail .title {
  width: 100%;
}
.globalStock .service_wrap .fade_list .logo_list .detail .per {
  padding: 0;
}
.globalStock .service_wrap .fade_list .logo_list .detail .per .increase {
  color: #FF2929;
  font-weight: normal;
}
.globalStock .service_wrap .fade_list .logo_list .detail .per .decrease {
  color: #26ABFF;
  font-weight: normal;
}
.globalStock .service_wrap .fade_list .logo_list .detail .per span {
  font-size: 0.9375rem;
}
.globalStock .service_wrap .fade_list .logo_list .charm_num {
  margin-left: auto;
}
.globalStock .service_wrap .fade_list .logo_list .charm_num .signal {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  flex-basis: 45px;
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #333;
  background-color: #fff;
}
.globalStock .service_wrap .fade_list .logo_list .charm_num .signal.hold {
  /* 보유 */
  color: #333;
}
.globalStock .service_wrap .fade_list .logo_list .charm_num .signal.buy {
  /* 매수 */
  color: #E1305A;
}
.globalStock .service_wrap .fade_list .logo_list .charm_num .signal.sell {
  /* 매도 */
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .service_wrap .fade_list .logo_list .charm_num .signal.waitting {
  /* 관망 */
  color: #6A727B;
}

.globalStock .sub_service .sub_top {
  padding: 25px 15px 55px;
}

.globalStock .sub_service .sub_top.service_t01 {
  background: #f7f8f9 url("/img/bg_service.png") no-repeat calc(100% + 70px) calc(100% - 8px);
  background-size: 202px 148px;
}

.globalStock .sub_service .sub_top .h2_title {
  color: #333;
  font-size: 1.9rem;
  line-height: 2.2rem;
  padding-left: 0;
}

.globalStock .sub_service .sub_top .h2_title strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_service .sub_top .sum {
  color: #939393;
  font-size: 0.9375rem;
  line-height: 1.4rem;
  word-break: keep-all;
}

.globalStock .sub_service .sub_mid .sub_con {
  padding-top: 0;
}

.globalStock .sub_service .sub_mid .sub_con .box_01,
.globalStock .sub_service .sub_mid .sub_con .box_01 img,
.globalStock .sub_service .sub_mid .sub_con .box_02,
.globalStock .sub_service .sub_mid .sub_con .box_02 img,
.globalStock .sub_service .sub_mid .sub_con .box_03,
.globalStock .sub_service .sub_mid .sub_con .box_03 img,
.globalStock .sub_service .sub_mid .sub_con .box_04,
.globalStock .sub_service .sub_mid .sub_con .box_04 img,
.globalStock .sub_service .sub_mid .sub_con .box_05,
.globalStock .sub_service .sub_mid .sub_con .box_05 img {
  background: #fff;
  display: inline-block;
  width: 100%;
}

.globalStock .sub_service .sub_mid .sub_con .bg_box {
  padding: 38px 0 40px;
  position: relative;
  background-color: #F4F4F5;
}

.globalStock .sub_service .sub_mid .sub_con .bg_box:first-child {
  padding-top: 0;
  padding-bottom: 0;
}

.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(2) {
  background: #fff;
  padding-top: 44px;
}

.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(4) {
  background: #404fc3;
  padding-top: 51px;
}

.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(4)::before {
  content: "";
  position: absolute;
  left: calc(50% - 2px);
  top: 0;
  display: inline-block;
  width: 5px;
  height: 28px;
  background-color: #ffda0d;
}

.globalStock .sub_service .sub_mid .sub_con .sub_con_img {
  display: block;
  width: 100%;
}

.globalStock .sub_service .sub_mid .sub_con .service_txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
  padding: 15px 15px 30px;
  background-color: #F4F4F5;
}

.globalStock .sub_service .sub_mid .sub_con .service_txt strong {
  color: #333;
  font-weight: normal;
}

.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(4) .service_title {
  color: #fff;
  text-align: center;
  margin-bottom: 37px;
}

.globalStock .sub_service .sub_mid .sub_con .service_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 0;
}

.globalStock .sub_service .sub_mid .sub_con .table_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1rem;
  padding-left: 15px;
  margin-top: 44px;
}

.globalStock .sub_service .sub_mid .sub_con .service_img {
  margin: 10px 0 5px;
}

.globalStock .sub_service .sub_mid .sub_con .service_img,
.globalStock .sub_service .sub_mid .sub_con .service_img img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.globalStock .sub_service .sub_mid .sub_con .service_box {
  border-left: 6px solid #e6e7f4;
  margin-top: 35px;
  padding-left: 23px;
  margin-left: 15px;
}

.globalStock .sub_service .sub_mid .sub_con .service_box .service_title {
  color: #333;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.43;
}

.globalStock .sub_service .sub_mid .sub_con .service_box .box_title {
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .service_box .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free {
  min-height: 180px;
  box-sizing: border-box;
  padding-top: 20px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box {
  margin: 20px auto 0;
  width: calc(100% - 30px);
  box-sizing: border-box;
  border-radius: 10px;
  background-color: var(--Font-primary-blue, #4168F6);
  padding: 30px 15px;
  text-align: center;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .title {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  padding-left: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .title .weeks_free2 {
  color: #FFDA0D;
  text-decoration: underline;
  font-weight: normal;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .title strong {
  color: #1ee8be;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .left {
  display: inline-block;
  width: calc(50% + 10px);
  text-align: left;
  vertical-align: top;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .right {
  display: inline-block;
  width: calc(50% - 15px);
  vertical-align: top;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .txt {
  margin-top: 9px;
  color: #fff;
  opacity: 0.5;
  font-size: 0.75rem;
  line-height: 1rem;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .btn_free {
  display: inline-block;
  background: #FFDA0D;
  border-radius: 15px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
  font-weight: bold;
  padding: 8px 12px;
  margin-top: 14px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .btn_free i {
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("/img/more_white.png") no-repeat 0 0;
  background-size: 6px 10px;
  margin-left: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .go_link {
  display: inline-block;
  color: #fff;
  opacity: 0.5;
  font-size: 0.75rem;
  text-decoration: underline;
  margin-top: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass {
  margin-top: 35px;
  padding: 24px 24px;
  background: #404fc3 url("/img/banner/bg_1yearevent03.png") no-repeat right 50px;
  background-size: 106px 142px;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  /* padding: 25px 18px; */
  /* background-color: #4f5cc7;	 */
  border-radius: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .monpay {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -0.48px;
  color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .monpay b {
  color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .title {
  color: #ffda0d;
  font-size: 0.9375rem;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .title span {
  color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .list {
  width: 100%;
  margin-top: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .list li {
  color: #c3c9ff;
  font-size: 0.82rem;
  line-height: 1.54;
}

.globalStock .sub_service .sub_mid .sub_con .box_serviceClass .box.ser_premium .list li b {
  font-weight: bold;
  color: #c3c9ff;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 10px;
  margin-top: 35px;
  padding: 0 16px;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .p_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1.25rem;
  font-weight: bold;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .txt {
  color: #333;
  font-size: 11px;
  line-height: 1.43;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 80px;
  padding: 13px 13px;
  border-radius: 10px;
  background: #404FC3;
  border: 1px solid #126fbe;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.active {
  background: #404FC3;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .title {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.63px;
  color: #fff;
  border: none;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .title span {
  padding-left: 7px;
  font-size: 10px;
  color: #fff;
  font-weight: 400;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight {
  flex: 1.5;
  position: relative;
  padding: 0 0 12px 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  text-align: left;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01 {
  position: relative;
  margin-right: 0;
  padding-right: 20px;
  padding-left: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #c3c9ff;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01 b {
  color: #c3c9ff;
  padding-left: 3px;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay02 {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  color: #d9dfe7;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight {
    padding: 0 0 12px 10px;
  }
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01,
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01 b,
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay02,
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay02 b {
    font-size: 12px;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01,
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01 b,
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay02,
  .globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay02 b {
    font-size: 14px;
  }
}
.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay02 b {
  padding-left: 3px;
  color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay_sale {
  position: absolute;
  left: -3px;
  top: -14px;
  width: 100px;
  font-size: 10px;
  letter-spacing: -0.25px;
  color: #d9dfe7;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .month_dvsion {
  position: absolute;
  right: 0;
  bottom: -16px;
  width: 140px;
  font-size: 12px;
  text-align: right;
  letter-spacing: -0.25px;
  color: #d9dfe7;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .month_dvsion b {
  color: #f94b4d;
  font-size: 12px;
  opacity: 1;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.active .title {
  color: #fff;
  border: none;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.active .title span {
  color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: 0;
  width: 90%;
  height: 2px;
  background-color: #ff4e4e;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .payRight .pay01::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: calc(50% - 3.7px);
  right: 14px;
  border-top: 2px solid #ff4e4e;
  border-right: 2px solid #ff4e4e;
  transform: rotate(45deg);
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box .title {
  text-align: left;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay {
  background-color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .title,
.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .title span {
  color: #444;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .payRight {
  border-left: 1px solid #E0E4E9;
  padding-bottom: 0;
  padding-top: 6px;
  min-height: 28px;
  box-sizing: border-box;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .payRight .pay01 {
  color: #444;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .payRight .pay01 b {
  color: #444;
  opacity: 0.7;
}

.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .payRight .pay01::before,
.globalStock .sub_service .sub_mid .sub_con .payment_area .step_box.period_pay .payRight .pay01::after {
  display: none;
}

.globalStock .sub_service .sub_mid .sub_con .comment {
  margin: 0 24px 10px;
  border-radius: 10px;
  background-color: #4f5cc7;
  padding: 33px 35px 29px;
  box-sizing: border-box;
}

.globalStock .sub_service .sub_mid .sub_con .comment .com_title {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
}

.globalStock .sub_service .sub_mid .sub_con .comment .com_title span {
  color: #ffda0d;
  font-weight: bold;
}

.globalStock .sub_service .sub_mid .sub_con .comment .txt {
  color: #c3c9ff;
  font-size: 0.82rem;
  line-height: 1.54;
  margin-top: 14px;
}

/* 서비스소개 제휴사이트 */
/* 서비스소개 프리미엄 */
.globalStock .sub_service .sub_top.service_t02 {
  background: #404fc3 url("/img/bg_service_2.png") no-repeat calc(100% + 16px) calc(100% + 4px);
  background-size: 172px 196px;
}

.globalStock .sub_service .sub_top.service_t02 .h2_title {
  color: #fff;
}

.globalStock .sub_service .sub_top.service_t02 .h2_title strong {
  color: #1ee8be;
}

.globalStock .sub_service .sub_top.service_t02 .sum {
  color: #fff;
  opacity: 0.5;
}

.globalStock .sub_service .sub_con .prm_title {
  color: #333;
  font-size: 1.9rem;
  text-align: center;
  line-height: 1.3;
  padding-top: 25px;
  padding-bottom: 15px;
  background-color: #F4F4F5;
}

.globalStock .sub_service .sub_con .prm_title strong {
  color: var(--Font-primary-blue, #4168F6);
  display: block;
}

.globalStock .sub_service .sub_con .w_box {
  background: #fff;
  padding: 40px 24px 15px;
  margin: 20px 0 0;
}

.globalStock .sub_service .sub_con .w_box .box_title {
  color: #333;
  font-size: 1rem;
  background: url("/img/bg_line.png") repeat-x 0 calc(100% + 10px);
  padding: 0 2px 5px 2px;
  display: inline-block;
  letter-spacing: -0.075rem;
}

.globalStock .sub_service .sub_con .w_box .txt {
  margin-top: 10px;
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
  padding-bottom: 18px;
  margin-bottom: 17px;
}

.globalStock .sub_service .sub_con .w_box .txt:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.globalStock .sub_service .sub_con .s_box {
  padding: 30px 24px;
}

.globalStock .sub_service .sub_con .s_box .box_title {
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_service .sub_con .s_box dl {
  margin-top: 15px;
}

.globalStock .sub_service .sub_con .s_box dl dt {
  color: #333;
  font-size: 0.9rem;
  padding-left: 8px;
  position: relative;
}

.globalStock .sub_service .sub_con .s_box dl dt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #939393;
  border-radius: 50%;
}

.globalStock .sub_service .sub_con .s_box dl dd {
  margin-top: 8px;
  color: #939393;
  font-size: 0.9rem;
  line-height: 20px;
}

.globalStock .sub_service .sub_con .step_box {
  padding: 35px 15px 15px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}

.globalStock .sub_service .sub_con .step_box .title {
  display: inline-block;
  padding: 0 2px 3px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #C7CBE9;
}

.globalStock .sub_service .sub_con .step_box .payRight {
  padding-top: 25px;
}

.globalStock .sub_service .sub_con .step_box .payRight .pay01 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  margin-right: 20px;
  padding: 0 15px;
  position: relative;
}

.globalStock .sub_service .sub_con .step_box .payRight .pay01 b {
  color: #333;
  font-size: 0.875rem;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_service .sub_con .step_box .payRight .pay01 .pay_sale {
  position: absolute;
  right: -33px;
  top: -15px;
  color: #FF2929;
  font-weight: bold;
  font-size: 0.84rem;
  display: inline-block;
  width: 80px;
}

.globalStock .sub_service .sub_con .step_box .payRight .pay02 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
}

.globalStock .sub_service .sub_con .step_box .payRight .pay02 b {
  color: #333;
  font-size: 0.875rem;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_service .sub_con .step_box .payRight .guide_txt {
  color: #939393;
  font-size: 0.84rem;
  margin-top: 15px;
}

.globalStock .sub_service .sub_con .step_box .banner_prm {
  width: 100% !important;
}

.globalStock .sub_service .sub_con .compare_box {
  padding: 30px 15px 20px;
}

.globalStock .sub_service .sub_con .compare_box .box_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1rem;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare {
  border-top: 2px solid #404fc3;
  margin-top: 10px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare tr {
  border-bottom: 1px solid #E6E7F4;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare th,
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare td {
  vertical-align: top;
  text-align: center;
  padding: 0 5px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare th span,
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare td span {
  color: #939393;
  font-size: 0.82rem;
  line-height: 2.15;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare td span {
  color: #b3b3b3;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .top_th {
  background: #ececef;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .top_th span {
  color: var(--Font-primary-blue, #4168F6);
  line-height: 2.86;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .line_th {
  text-align: left;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .line_th span {
  color: #333;
  font-weight: bold;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .pdiT_th {
  padding-top: 25px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td {
  text-align: left;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td span {
  color: #939393;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td.line_2 {
  padding: 6px 5px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td.line_2 span {
  display: block;
  line-height: 1.23;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td.line_2 span:last-child {
  padding-left: 5px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .com_select {
  vertical-align: middle;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .com_select span {
  display: inline-block;
  background: url("/img/com_select.png") no-repeat 50% 50%;
  background-size: 14px 11px;
  width: 14px;
  height: 11px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .not_select span {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 11px;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .not_select span::before,
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .not_select span::after {
  content: "";
  width: 14px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 12px;
  border-radius: 1px;
  background: #b3b3b3;
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .not_select span::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .not_select span::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.globalStock .sub_service .sub_con .prm_box {
  margin-top: 35px;
  padding: 0 15px;
}

.globalStock .sub_service .sub_con .prm_box .box_title {
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}

.globalStock .sub_service .sub_con .prm_box .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
  padding-left: 10px;
}

.globalStock .sub_service .sub_con .prm_box .sum_title {
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm {
  min-height: 180px;
  box-sizing: border-box;
  padding-top: 20px;
  position: relative;
  margin-bottom: 30px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm::before {
  content: "";
  position: absolute;
  right: 25px;
  bottom: -20px;
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url("/img/bg_service_prm.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm .box {
  margin: 20px auto 0;
  width: calc(100% - 30px);
  box-sizing: border-box;
  border-radius: 10px;
  background-color: var(--Font-primary-blue, #4168F6);
  padding: 20px 15px;
  text-align: center;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm .box .txt {
  color: #a4abe2;
  font-size: 0.9rem;
  line-height: 1.4;
  opacity: 1;
  margin-top: 0;
  text-align: left;
  font-weight: normal;
  margin-top: 10px;
  padding-left: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm .box .txt strong {
  font-weight: bold;
  color: #fff;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm .box .btn_free {
  display: block;
  background: none;
  color: #1ee8be;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 20px;
  text-align: left;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.service_prm .box .btn_free strong {
  color: #1ee8be;
}

.globalStock .sub_service .sub_mid .sub_con .banner_prm {
  width: calc(100% - 30px);
  background: #404FC3;
  border-radius: 5px;
  margin: 25px auto 10px;
  padding: 9px 0 11px;
  text-align: center;
}

.globalStock .sub_service .sub_mid .sub_con .banner_prm .cho_prm {
  color: #fff;
  font-size: 0.75rem;
}

.globalStock .sub_service .sub_mid .sub_con .banner_prm .cho_prm i {
  display: inline-block;
  background: url("/img/Icon_lock.svg") no-repeat;
  width: 10px;
  height: 13px;
  background-size: 10px 13px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.globalStock .sub_service .sub_mid .sub_con .banner_prm .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 5px;
  padding-top: 0;
}

.globalStock .sub_service .sub_mid .sub_con .banner_prm.prm_service .weeks_free {
  color: #FFDA0D;
}

.globalStock .sub_service .sub_mid .sub_con .swiper_service {
  display: none;
}

.globalStock .sub_service .sub_mid .sub_con .att_service {
  width: calc(100% - 30px);
  background: #e6e7f4;
  padding: 10px 15px;
  text-align: center;
  margin: 45px auto 30px;
  box-sizing: border-box;
}

.globalStock .sub_service .sub_mid .sub_con .att_service .service_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  display: inline-block;
  font-weight: normal;
  padding: 0 3px 5px;
  line-height: 1.3;
  margin-top: 0;
}

.globalStock .sub_service .sub_mid .sub_con .att_service .service_title strong {
  display: block;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.globalStock .sub_service .sub_mid .sub_con .att_service .guide_txt {
  text-align: left;
  margin-top: 10px;
  padding-bottom: 10px;
}

.globalStock .sub_service .sub_mid .sub_con .att_service .guide_txt li {
  color: #939393;
  font-size: 0.75rem;
  padding-left: 10px;
  line-height: 1rem;
}

.globalStock .sub_service .sub_mid .sub_con .att_service .guide_txt li.title {
  color: #939393;
  font-size: 0.82rem;
  padding-left: 0;
  margin-top: 5px;
  line-height: 1.4;
}

/* 서비스소개 가이드 */
.globalStock .sub_service .sub_top.service_t03 {
  background: #fff url("/img/bg_service_3.png") no-repeat calc(100% + 70px) calc(100% + 40px);
  background-size: 235px 175px;
}

.globalStock .sub_service .sub_mid .sub_guide .sum {
  background: #ECECEF;
  padding: 20px 15px;
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.globalStock .sub_service .sub_mid .sub_guide .h3_title {
  color: #333;
  font-size: 1.25rem;
  padding: 40px 15px 20px;
}

/* 서비스소개 가입안내 */
.globalStock .sub_service .sub_mid .sub_guide .guide_join {
  padding: 0 23px;
  background-color: #fff;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_service .sub_mid .sub_guide .guide_join {
    padding: 0 15px;
  }
}
.globalStock .sub_service .sub_mid .sub_guide .guide_join dt,
.globalStock .sub_service .sub_mid .sub_guide .guide_join dd,
.globalStock .sub_service .sub_mid .sub_guide .guide_join dd strong,
.globalStock .sub_service .sub_mid .sub_guide .guide_join dd span {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.64;
  letter-spacing: -0.7px;
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join dt {
  padding-top: 20px;
  color: #333;
  font-size: 0.75rem;
  font-weight: bold;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join dd {
  padding: 12px 0 15px;
  border-bottom: 1px solid #E0E4E9;
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join dd:last-child {
  border-bottom: none;
  padding-bottom: 30px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join dd strong {
  display: block;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: normal;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join dd span.remark {
  margin-top: 10px;
  font-size: 12px;
  display: block;
  line-height: 16px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join dd b {
  color: #ff0000;
  font-weight: normal;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join .guide_table {
  width: 100%;
  border-top: 1px solid #939393;
  margin-top: 5px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join .guide_table th,
.globalStock .sub_service .sub_mid .sub_guide .guide_join .guide_table td {
  color: #939393;
  font-size: 0.9rem;
  padding: 7px 3px 7px 7px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join .guide_table th {
  text-align: left;
  font-weight: normal;
  color: #333;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join .guide_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_join .guide_table tr {
  border-bottom: 1px solid #E0E4E9;
}

/* 서비스 신청안내 */
.globalStock .sub_service .sub_mid .sub_guide .guide_apply {
  background: #fff;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box {
  background: #f4f4f5;
  padding: 19px 23px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box h3 {
  line-height: 1.45;
  letter-spacing: -1px;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  font-size: 0.9em;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box h3 span {
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box h3 span::before {
  content: "";
  display: inline-block;
  width: 68px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -6px;
  background: #b7bde8;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box h4 {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  font-size: 0.8em;
  margin-top: 20px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box:last-child h4 {
  color: #333;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box p {
  color: #333;
  font-size: 0.75rem;
  margin-top: 6px;
  line-height: 1.47;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box:last-child {
  background: #e2e2f4;
  margin-top: 20px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .ff_box {
  background: #fff;
  margin-top: 20px;
  padding: 15px 15px;
  border: solid 3px #cfcfe8;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .ff_box h4 {
  margin-top: 5px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .ff_box .reqs {
  border-bottom: 1px solid #e6e7f4;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .ff_box .reqs:last-child {
  border: none;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .reqs {
  margin-top: 7px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .reqs li {
  position: relative;
  line-height: 1.47;
  letter-spacing: -0.75px;
  color: #939393;
  padding-left: 6px;
  font-size: 0.75rem;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .reqs li i {
  position: absolute;
  left: 0px;
  top: 1.5px;
  color: #939393;
  font-style: normal;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .reqs:nth-child(6) li {
  padding-left: 13px;
  margin-bottom: 10px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .reqs li b {
  color: #ff0000;
  font-weight: normal;
  display: inline-block;
  line-height: 1.27;
  text-indent: 0;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .reqs li b i {
  color: #ff0000;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .scr {
  margin-top: 20px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  color: #333;
  font-style: 0.75rem;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .scr_txt {
  line-height: 1.43;
  letter-spacing: -0.7px;
  color: #939393;
  font-size: 0.75rem;
  position: relative;
  padding-left: 17px;
}

.globalStock .sub_service .sub_mid .sub_guide .guide_apply .box .scr_txt i {
  position: absolute;
  left: 0;
  top: 3.5px;
  color: #939393;
  font-style: normal;
}

/* faq */
.globalStock .sub_service .sub_mid .sub_guide .faqArea {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .article.show {
  background: #f3f3f3;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .q {
  margin: 0;
  border-top: 1px solid #e5e5e5;
  padding: 0 15px;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .article:last-child .q {
  border-bottom: 1px solid #e5e5e5;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .article:last-child .a {
  border-top: none;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .q i {
  margin-bottom: 19px;
  margin-left: 10px;
  display: inline-block;
  background: url("/img/icon_faq.png") no-repeat center top;
  width: 10px;
  height: 5px;
  background-size: 100% auto;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .article.show .q i {
  background-position: center bottom;
  background-size: 100% auto;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .q a.trigger {
  width: calc(100% - 30px);
  line-height: 1.2rem;
  color: #939393;
  font-size: 0.9rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 14px 3px;
  text-align: left;
  text-decoration: none !important;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .hide .q a.trigger {
  font-weight: normal;
  background: none;
}

.globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .a {
  background: #fff;
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.4rem;
  padding: 15px 15px;
}

.service_wrap.mijooeun_toppick .box.premium_box .title_box h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px 5px;
  color: #C7CBE9;
  font-size: 20px;
  font-weight: 700;
}
.service_wrap.mijooeun_toppick .box.premium_box .title_box h1 + .year {
  display: inline-block;
  width: auto;
  height: 36px;
  margin-top: 20px;
  margin-bottom: 8px;
}
.service_wrap.mijooeun_toppick .box.premium_box .title_box .h2_title {
  padding: 0;
  margin: 0;
  color: #70EFFA;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}
.service_wrap.mijooeun_toppick .box.premium_box .bg_img {
  background: url("/img/2025_snake.png") no-repeat center 30px;
  background-size: contain;
}
.service_wrap.mijooeun_toppick .txt_ai {
  margin-top: 100px;
}
.service_wrap.mijooeun_toppick .txt_ai p {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
}
.service_wrap.mijooeun_toppick .txt_ai p b {
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  line-height: 27px;
}
.service_wrap.mijooeun_toppick .box {
  padding: 100px 0;
}
.service_wrap.mijooeun_toppick .box.video_eyes {
  padding-bottom: 0;
}
.service_wrap.mijooeun_toppick .box .iframe_video {
  position: relative;
  margin: 15px auto 32px;
  width: 90%;
  border-radius: 16px;
  background: #F6F6F6;
  overflow: hidden;
  min-height: 177px;
  box-sizing: border-box;
  padding-bottom: 48%;
}
.service_wrap.mijooeun_toppick .box .iframe_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.service_wrap.mijooeun_toppick .box .go_youtube {
  display: block;
  margin: 15px auto 32px;
  width: 90%;
  border-radius: 16px;
  background: #F6F6F6;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 56.25%; /* 16:9 비율에 맞춘 패딩 */
  background: #F5F6FC url("/img/free_video.svg") no-repeat 0 0;
  background-size: cover;
}
.service_wrap.mijooeun_toppick .box.toppick_list {
  padding: 0 0 100px 0;
  background: none;
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  overflow: hidden;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 12px;
  width: 90%;
  box-sizing: border-box;
  max-width: 420px;
  margin: 0 auto;
  padding: 17px 16px;
  border-radius: 16px;
  background: #F7F8F9;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list.visible {
  opacity: 1;
  transform: translateY(0);
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list::before {
  display: none;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .title_logo .logo {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list#btn_free .title_logo .logo {
  background: #fff url("/img/signal_prm.svg") no-repeat center center;
  background-size: 70%;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .detail {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9.5px 6px;
  width: 100%;
  max-width: calc(100% - 64px);
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .detail .title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .detail .txt_filter i {
  width: 8px;
  height: 8px;
  background-color: #D9D9D9;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .num, .service_wrap.mijooeun_toppick .box.toppick_list .logo_list .per {
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .num .increase, .service_wrap.mijooeun_toppick .box.toppick_list .logo_list .per .increase {
  color: #D43F5D;
  font-weight: 500;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .num .decrease, .service_wrap.mijooeun_toppick .box.toppick_list .logo_list .per .decrease {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: 500;
}
.service_wrap.mijooeun_toppick .box.toppick_list .logo_list .num .same, .service_wrap.mijooeun_toppick .box.toppick_list .logo_list .per .same {
  color: #363F4B;
  font-weight: 500;
}
.service_wrap.mijooeun_toppick .할인혜택 {
  padding: 48px 24px;
  box-sizing: border-box;
  background: var(--mian_color1, #404FC3);
}
.service_wrap.mijooeun_toppick .할인혜택 .txt p {
  color: #FFF;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
}
.service_wrap.mijooeun_toppick .할인혜택 .txt p b {
  color: #F8D54E;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px; /* 122.727% */
}
.service_wrap.mijooeun_toppick .할인혜택 .group {
  display: flex;
  flex-direction: column;
  gap: 21px 0;
  margin-top: 16px;
}
.service_wrap.mijooeun_toppick .할인혜택 .group .step_box {
  border-radius: 16px;
  border: 1px solid #DFE0EF;
  background: #FFF url("/img/service/bg_wallet.png") no-repeat calc(100% - 15px) center;
  background-size: 64px 68px;
  padding: 25px 24px 29px;
  box-sizing: border-box;
}
.service_wrap.mijooeun_toppick .할인혜택 .group .step_box .top .title {
  color: #333;
  font-size: 14px;
  font-weight: 800;
}
.service_wrap.mijooeun_toppick .할인혜택 .group .step_box .payRight .pay01 {
  position: relative;
  display: block;
  margin-top: 14px;
  color: #999;
  font-size: 16px;
  font-weight: normal;
}
.service_wrap.mijooeun_toppick .할인혜택 .group .step_box .payRight .del_img {
  display: inline-block;
  position: absolute;
  left: -5px;
  right: 0;
  top: 2px;
  width: 100%;
}
.service_wrap.mijooeun_toppick .할인혜택 .group .step_box .payRight .pay02 {
  display: block;
  margin-top: 2px;
  color: var(--mian_color1, #404FC3);
  font-size: 22px;
  font-weight: bold;
}
.service_wrap.mijooeun_toppick .할인혜택 .group .step_box .payRight .pay_sale strong {
  color: #7983D5;
  font-size: 14px;
  font-weight: 700;
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale {
  margin-top: 21px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale a {
  position: relative;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1rem !important;
  padding: 20px 20px 20px 0;
  padding-right: 8px;
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale a::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 136px);
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-top: 2px solid rgba(199, 203, 233, 0.7019607843);
  border-right: 2px solid rgba(199, 203, 233, 0.7019607843);
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale.domestic {
  margin-top: 21px;
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale.domestic a {
  color: var(--mian_color1, #404FC3);
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale.domestic a::after {
  border-color: var(--Font-primary-blue, #4168F6);
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale.overseas {
  background: #161C40;
  margin-top: 10px;
}
.service_wrap.mijooeun_toppick .할인혜택 .year_sale.overseas a {
  color: #C7CBE9;
}

.service_wrap.event2025 {
  display: flex;
  flex-direction: column;
}
.service_wrap.event2025 .header {
  position: relative !important;
  background-color: #141931 !important;
}
.service_wrap.event2025 .header .headerTop .go_back {
  border-color: #fff !important;
}
.service_wrap.event2025 .header .headerTop .headerLogo span {
  color: #fff !important;
}
.service_wrap.event2025 .premium_applybtn {
  margin-top: 0;
}
.service_wrap.event2025 .box {
  background-color: #fff;
  padding: 120px 0;
  opacity: 0;
  transform: translateY(0);
  transition: transform 0.6s ease-out;
}
.service_wrap.event2025 .box .miju_50 {
  margin: 0 auto;
  margin-bottom: 60px;
  max-width: 420px;
}
.service_wrap.event2025 .box.bg {
  background-color: #F4F4F5;
}
.service_wrap.event2025 .box.bg_blue {
  background-image: linear-gradient(to bottom, rgba(77, 110, 228, 0), rgba(77, 110, 228, 0.2) 100%, #4d6ee4);
}
.service_wrap.event2025 .box.scrolled {
  transform: translateY(200px);
}
.service_wrap.event2025 .box.visible {
  opacity: 1;
  transform: translateY(0);
}
.service_wrap.event2025 .box.fade_wrap {
  background-color: transparent;
  padding: 8px 0;
}
.service_wrap.event2025 .box.fade_wrap .repre {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  width: 90%;
  padding: 18px 32px;
  box-sizing: border-box;
  max-width: 420px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(77, 110, 228, 0.1);
  border-radius: 16px;
}
.service_wrap.event2025 .box.fade_wrap .repre .title {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  color: #6a727b;
}
.service_wrap.event2025 .box.fade_wrap .repre .txt {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.15;
  color: #333;
}
.service_wrap.event2025 .box.premium_box {
  padding: 32px 0;
  background-image: linear-gradient(to bottom, #141931, #161c40 54%, #161c40);
}
.service_wrap.event2025 .box.premium_box .title_box {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.service_wrap.event2025 .box.premium_box .title_box h1 {
  width: 90%;
  max-width: 420px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}
.service_wrap.event2025 .box.premium_box .title_box h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px 5px;
  color: #C7CBE9;
  font-size: 20px;
  font-weight: 700;
}
.service_wrap.event2025 .box.premium_box .title_box h1 + .year {
  display: inline-block;
  width: auto;
  height: 36px;
  margin-top: 20px;
  margin-bottom: 8px;
}
.service_wrap.event2025 .box.premium_box .title_box .h2_title {
  padding: 0;
  margin: 0;
  color: #70EFFA;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}
.service_wrap.event2025 .box.premium_box .bg_img {
  background: url("/img/2025_snake.png") no-repeat center 30px;
  background-size: contain;
}
.service_wrap.event2025 .txt_ai {
  margin-top: 100px;
}
.service_wrap.event2025 .txt_ai p {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
}
.service_wrap.event2025 .txt_ai p b {
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  line-height: 27px;
}
.service_wrap.event2025 .box {
  padding: 100px 0;
}
.service_wrap.event2025 .box.video_eyes {
  padding-bottom: 0;
}
.service_wrap.event2025 .box .iframe_video {
  position: relative;
  margin: 15px auto 32px;
  width: 90%;
  border-radius: 16px;
  background: #F6F6F6;
  overflow: hidden;
  min-height: 177px;
  box-sizing: border-box;
  padding-bottom: 48%;
}
.service_wrap.event2025 .box .iframe_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.service_wrap.event2025 .box .go_youtube {
  display: block;
  margin: 15px auto 32px;
  width: 90%;
  border-radius: 16px;
  background: #F6F6F6;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 56.25%; /* 16:9 비율에 맞춘 패딩 */
  background: #F5F6FC url("/img/free_video.svg") no-repeat 0 0;
  background-size: cover;
}
.service_wrap.event2025 .box.toppick_list {
  padding: 0 0 100px 0;
  background: none;
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  overflow: hidden;
}
.service_wrap.event2025 .box.toppick_list .logo_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 12px;
  width: 90%;
  box-sizing: border-box;
  max-width: 420px;
  margin: 0 auto;
  padding: 17px 16px;
  border-radius: 16px;
  background: #F7F8F9;
}
.service_wrap.event2025 .box.toppick_list .logo_list.visible {
  opacity: 1;
  transform: translateY(0);
}
.service_wrap.event2025 .box.toppick_list .logo_list::before {
  display: none;
}
.service_wrap.event2025 .box.toppick_list .logo_list .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.service_wrap.event2025 .box.toppick_list .logo_list .title_logo .logo {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.service_wrap.event2025 .box.toppick_list .logo_list#btn_free .title_logo .logo {
  background: #fff url("/img/signal_prm.svg") no-repeat center center;
  background-size: 70%;
}
.service_wrap.event2025 .box.toppick_list .logo_list .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.service_wrap.event2025 .box.toppick_list .logo_list .detail {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9.5px 6px;
  width: 100%;
  max-width: calc(100% - 64px);
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.service_wrap.event2025 .box.toppick_list .logo_list .detail .title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.service_wrap.event2025 .box.toppick_list .logo_list .detail .txt_filter i {
  width: 8px;
  height: 8px;
  background-color: #D9D9D9;
}
.service_wrap.event2025 .box.toppick_list .logo_list .num, .service_wrap.event2025 .box.toppick_list .logo_list .per {
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.service_wrap.event2025 .box.toppick_list .logo_list .num .increase, .service_wrap.event2025 .box.toppick_list .logo_list .per .increase {
  color: #D43F5D;
  font-weight: 500;
}
.service_wrap.event2025 .box.toppick_list .logo_list .num .decrease, .service_wrap.event2025 .box.toppick_list .logo_list .per .decrease {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: 500;
}
.service_wrap.event2025 .box.toppick_list .logo_list .num .same, .service_wrap.event2025 .box.toppick_list .logo_list .per .same {
  color: #363F4B;
  font-weight: 500;
}
.service_wrap.event2025 .box.premium_box .title_box .year {
  height: 48px;
}
.service_wrap.event2025 .box.premium_box .title_box .year img {
  width: 100%;
  height: 100%;
}
.service_wrap.event2025 .box.premium_box .title_box .h2_title {
  margin-top: 12px;
  padding: 0 16px;
  color: #70EFFA;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.72px;
}
.service_wrap.event2025 .box.premium_box .title_box .h2_title b {
  color: #FFF;
}
.service_wrap.event2025 .box.ai_timing {
  padding-bottom: 0;
}
.service_wrap.event2025 .box.ai_timing .title_box h1 {
  color: #333;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px; /* 126.667% */
}
.service_wrap.event2025 .box.ai_timing .title_box h1 b {
  color: var(--Font-primary-blue, #4168F6);
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px 15px;
  margin-top: 32px;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs {
  position: relative;
  margin: 0 auto;
  width: 90%;
  padding: 32px 24px 32px;
  box-sizing: border-box;
  max-width: 420px;
  border-radius: 16px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs strong {
  display: block;
  margin: 8px 0 8px;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs::before {
  content: "";
  display: block;
  width: 100%;
  height: 180px;
  background-size: auto 180px !important;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs.ai {
  background-color: #769DE7;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs.ai::before {
  background: #769DE7 url("/img/robot00.png") no-repeat center top;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs.goldenCross {
  background-color: #E36B6D;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs.goldenCross::before {
  background: #E36B6D url("/img/cross_arrow.png") no-repeat center top;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs.growthDiscovery {
  background-color: #E79366;
}
.service_wrap.event2025 .box.ai_timing .layout_wrapper .box_tabs.growthDiscovery::before {
  background: #E79366 url("/img/locket_men.png") no-repeat center top;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*
// 🎯 기본 사용법
.container {
  padding: 20px;

  @include mobile-only {
    padding: 10px;
  }

  @include tablet-up {
    padding: 30px;
  }

  @include desktop-up {
    padding: 40px;
  }
}

// 🎯 아이폰 특화 대응
.iphone-specific {
  font-size: 16px;

  @include iphone-se-1st {
    font-size: 14px; // iPhone SE 1st gen용 작은 폰트
  }

  @include iphone-12-15-pro-max {
    font-size: 18px; // Pro Max용 큰 폰트
  }
}

// 🎯 범위별 대응
.custom-range {
  @include range(400px, 600px) {
    // 400px ~ 600px 범위에서만 적용
    background: red;
  }
}

// 🎯 방향별 대응
.orientation-aware {
  @include portrait {
    // 세로 모드
    flex-direction: column;
  }

  @include landscape {
    // 가로 모드
    flex-direction: row;
  }
}

// 🎯 접근성 고려
.accessible-animation {
  animation: fadeIn 0.3s ease-in;

  @include reduced-motion {
    animation: none; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
.gdn_typeWrap .box {
  padding: 80px 20px 80px;
  background-color: #fff;
}
.gdn_typeWrap .box.top {
  padding-top: 100px;
  padding-left: 32px;
  padding-right: 32px;
  background: linear-gradient(169deg, var(--Red-red100, #FEE2E4) 9.83%, #F4EDF5 18.07%, var(--Blue-blue200, #BFD1FE) 60.87%);
}
.gdn_typeWrap .box.top .navigation_buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.gdn_typeWrap .box.top .navigation_buttons .go_back {
  position: relative;
  top: -6px;
  left: 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transform: rotate(-135deg);
  border-color: #161b23;
  font-size: 0;
}
.gdn_typeWrap .box.top .top_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.gdn_typeWrap .box.top .h1_title {
  display: inline-flex;
  align-items: center;
  gap: 6px 6px;
  margin: 0;
  padding: 0;
  color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-2xl, 26px);
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.top .event_txt {
  display: inline-flex;
  align-items: center;
  gap: 6px 6px;
  padding: 8px 8px;
  margin-bottom: 24px;
  border-radius: 100px;
  background: var(--Red-red200, #FBCED2);
  color: var(--Font-up-red, #F03E4C);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.gdn_typeWrap .box.top .h2_title {
  margin: 0;
  padding: 0;
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: 40px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 52px;
  /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.top .bot_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}
.gdn_typeWrap .box.top .bot_box img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gdn_typeWrap .box.top .bot_box .bubble_img {
  position: absolute;
  top: -80px;
  left: calc(50% - 136px);
  width: 106px;
  height: 106px;
  opacity: 0;
  transform: rotate(-15deg);
  /* 
  bubbleDrop 애니메이션을 2초 동안 실행
  cubic-bezier(0.34, 1.56, 0.64, 1)는 부드러운 바운스 효과를 주는 이징 함수
  forwards는 애니메이션이 끝난 후 마지막 상태를 유지
  animation-delay로 2초 후에 애니메이션 시작
  */
  animation: bubbleDrop 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.5s;
}
.gdn_typeWrap .box.top .bot_box .bubble_img img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes bubbleDrop {
  0% {
    top: -80px;
    opacity: 0;
    transform: rotate(-15deg) scale(0.8);
  }
  50% {
    transform: rotate(5deg) scale(1.1);
  }
  100% {
    top: 0;
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
.gdn_typeWrap .box.top .list_box {
  margin: 40px auto 0;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-s-05, 12px);
  align-self: stretch;
}
.gdn_typeWrap .box.top .list_box .list_item {
  position: relative;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-02, 28px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
  min-height: 56px;
  padding-left: 38px;
  padding-bottom: 32px;
  counter-increment: list-counter;
}
.gdn_typeWrap .box.top .list_box .list_item:before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FFF;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.top .list_box .list_item::after {
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  bottom: 0;
  width: 2px;
  height: 48px;
  background: var(--Blue-blue50, #F6F8FF);
}
.gdn_typeWrap .box.top .list_box .list_item:last-child {
  padding-bottom: 0;
}
.gdn_typeWrap .box.top .list_box .list_item:last-child::after {
  display: none;
}
.gdn_typeWrap .box.top .app_download {
  max-width: 480px;
  margin: var(--spacing-xxl) auto 0;
  padding: var(--spacing-xl) var(--spacing-l) 28px;
  box-sizing: border-box;
  border-radius: var(--radius-xl);
  background: var(--color-primary-light);
}
.gdn_typeWrap .box.top .app_download .appdown_box {
  display: flex;
  gap: var(--spacing-s);
  width: 100%;
}
.gdn_typeWrap .box.top .app_download .appdown_box .app_box {
  width: 100%;
}
.gdn_typeWrap .box.top .app_download .app_title {
  color: var(--color-primary-lighter);
  font-family: var(--font-family-body);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-normal);
  line-height: normal;
  letter-spacing: var(--letter-spacing-tight);
}
.gdn_typeWrap .box.top .app_download .app_sum {
  margin-top: var(--spacing-xs);
  color: var(--color-bg-primary);
  font-family: var(--font-family-title);
  font-size: var(--font-size-3xl);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-3xl);
  letter-spacing: var(--letter-spacing-tight);
}
.gdn_typeWrap .box.top .app_download .appdown_img {
  width: 72px;
  height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
.gdn_typeWrap .box.top .app_download .app_download_btn {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: var(--spacing-l);
}
.gdn_typeWrap .box.top .app_download .app_download_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gdn_typeWrap .box.top .app_download .app_download_btn a img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gdn_typeWrap .box.top .review_box {
  margin-top: 160px;
}
.gdn_typeWrap .box.top .review_box .review_title {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-4xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 42px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.top .review_box .review_list {
  display: flex;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.gdn_typeWrap .box.top .review_box .review_list .review_item {
  flex: 1 1 45%;
  border-radius: 24px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  padding: 20px 20px;
  box-sizing: border-box;
}
.gdn_typeWrap .box.top .review_box .review_list .review_item p {
  color: var(--Gray-gray700, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-wrap: break-word;
  word-break: break-word;
}
.gdn_typeWrap .box.top .review_box .review_list .review_item p b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap .box.top .review_box .review_list .review_item p svg {
  margin-top: 8px;
}
.gdn_typeWrap .box.mid.mid01 {
  padding-top: 160px;
}
.gdn_typeWrap .box.mid.bg_blue {
  background-image: linear-gradient(to bottom, rgba(77, 110, 228, 0), rgba(77, 110, 228, 0.2) 100%, #4d6ee4);
}
.gdn_typeWrap .box.mid.bg_blue .box {
  padding: 0;
  background-color: transparent;
}
.gdn_typeWrap .box.mid .txt_box {
  padding: 0 12px;
}
.gdn_typeWrap .box.mid .category_title {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
  padding-left: 28px;
}
.gdn_typeWrap .box.mid .category_title .num_cunt {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.mid .h2_title {
  padding: 0;
  margin: 0;
  margin-top: 8px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: 38px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 50px; /* 131.579% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.mid .title_txt {
  width: 100%;
  margin-top: 12px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.mid .title_txt .title_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.gdn_typeWrap .box.mid .title_txt svg {
  vertical-align: text-bottom;
}
.gdn_typeWrap .box.mid .img_box {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 480px;
  margin: 32px auto 0;
  padding: 32px 32px 0;
  box-sizing: border-box;
  border-radius: var(--Radius-r-05, 24px);
  background: var(--Background-primary-light-background, #F1F4F6);
}
.gdn_typeWrap .box.mid .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gdn_typeWrap .box.mid .img_box.no_bg {
  padding: 0;
  background-color: transparent;
}
.gdn_typeWrap .box.mid .img_box.slideshow_img {
  position: relative;
  min-height: 370px;
  background: var(--Background-primary-light-background, #F1F4F6) url("/img/mid01.png") no-repeat center bottom;
  background-size: 220px 328px;
}
.gdn_typeWrap .box.mid .img_box.slideshow_img .slide_img {
  display: inline-block;
  width: 300px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.gdn_typeWrap .box.mid .typing_box {
  position: absolute;
  left: 11%;
  top: 30%;
}
@media (min-width: 424px) and (max-width: 764px) {
  .gdn_typeWrap .box.mid .typing_box {
    top: 32%;
  }
}
@media (min-width: 765px) and (max-width: 9999px) {
  .gdn_typeWrap .box.mid .typing_box {
    top: 33%;
  }
}
.gdn_typeWrap .box.mid .typing_box {
  display: inline-flex;
  align-items: center;
  align-content: center;
  gap: var(--Spacing-s-02, 4px);
  padding: 8px 24px 8px 10px;
  border-radius: 16px;
  background-color: #181e43;
}
.gdn_typeWrap .box.mid .typing_box::after {
  content: "";
  position: absolute;
  left: 22px;
  bottom: -12px;
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, #181e43 0 70%, transparent 70% 100%), linear-gradient(135deg, #181e43 0 100%, transparent 100% 100%);
  background-repeat: no-repeat;
  background-size: 12px 12px, 14px 14px;
  background-position: left bottom, left bottom;
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.gdn_typeWrap .box.mid .typing_box .title_icon {
  width: 24px;
  height: 24px;
}
.gdn_typeWrap .box.mid .typing_box .typing_txt {
  color: #FFF;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 120% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.mid .typing_box .typing_txt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  animation: blink 0.8s infinite;
  margin-left: 6px;
  background-color: #fff;
  color: #fff; /* 커서 색상, 필요시 변경 */
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.gdn_typeWrap .box.mid .worry_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  margin-top: 26px;
}
.gdn_typeWrap .box.mid .worry_list .list_item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px 16px;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xl-01, 24px); /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.mid .worry_list .list_item svg {
  width: 28px;
  height: 28px;
}
.gdn_typeWrap .box.mid .repre {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
  padding: 18px 32px;
  box-sizing: border-box;
  max-width: 420px;
  margin: 16px auto 0;
  background-color: #fff;
  border: 1px solid rgba(77, 110, 228, 0.1);
  border-radius: 16px;
}
.gdn_typeWrap .box.mid .repre .title {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  color: #6a727b;
}
.gdn_typeWrap .box.mid .repre .txt {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box.mid .repre .txt b {
  color: var(--Font-primary-body, #24282C);
  font-weight: var(--Weight-500, 500);
}
.gdn_typeWrap .box .recipeSwiper {
  visibility: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}
.gdn_typeWrap .box .recipeSwiper.swiper-container-initialized {
  visibility: visible;
}
.gdn_typeWrap .box .recipeSwiper .swiper-wrapper {
  transition-timing-function: linear;
}
.gdn_typeWrap .box .recipeSwiper .swiper-slide {
  display: block;
  width: auto;
}
.gdn_typeWrap .box .list_masonry {
  margin-top: 32px;
}
.gdn_typeWrap .box .list_masonry .figure {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 24px;
  width: 160px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .gdn_typeWrap .box .list_masonry .figure {
    width: 154px;
  }
}
.gdn_typeWrap .box .list_masonry .figure {
  height: 226px;
  box-sizing: border-box;
  padding: 24px 12px;
}
.gdn_typeWrap .box .list_masonry .figure p {
  color: #FFF;
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-600, 600);
  line-height: 21px; /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .box .list_masonry .figure p strong {
  color: #FFF;
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap .box .list_masonry .figure.jump {
  background: #646FCD url("/img/jump.png") no-repeat center 14px;
  background-size: auto 132px;
}
.gdn_typeWrap .box .list_masonry .figure.growthDiscovery {
  background: #E79366 url("/img/growthDiscovery.png") no-repeat center 14px;
  background-size: auto 132px;
}
.gdn_typeWrap .box .list_masonry .figure.dividend {
  background: #87CD64 url("/img/dividend.png") no-repeat center 14px;
  background-size: auto 132px;
}
.gdn_typeWrap .box .list_masonry .figure.growth {
  background: #79D5A9 url("/img/growth.png") no-repeat center 14px;
  background-size: auto 132px;
}
.gdn_typeWrap .box .list_masonry .figure.top50 {
  background: #F8D95F url("/img/top50.png") no-repeat center 14px;
  background-size: auto 132px;
}
.gdn_typeWrap .box .bg_dot {
  height: 156px;
  background: url("/img/bg_dot.png") no-repeat center top;
  background-size: contain;
}
.gdn_typeWrap .btn_banner {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  border-radius: var(--Radius-r-05, 24px) var(--Radius-r-05, 24px) 24px 24px;
  background: var(--Blue-blue400, #608CFA) url("/img/angel_man.png") no-repeat bottom center;
  background-size: auto 125px;
  padding: 60px 32px 150px;
  margin: 40px 32px 0;
}
.gdn_typeWrap .btn_banner a {
  color: #FFF;
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px 8px;
  padding: 15px 12px 0;
  margin-top: 8px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: top;
}
.gdn_typeWrap .area .stock_info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 8px;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  width: 100%;
  padding: 16px 16px;
  box-sizing: border-box;
}
.gdn_typeWrap .area .stock_info .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.gdn_typeWrap .area .stock_info .title_logo .logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
.gdn_typeWrap .area .stock_info .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.gdn_typeWrap .area .stock_info .detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px 12px;
}
.gdn_typeWrap .area .stock_info .detail .title {
  width: 100%;
}
.gdn_typeWrap .area .stock_info .detail .title span, .gdn_typeWrap .area .stock_info .detail .title a {
  color: var(--Gray-gray750, #313B48);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.gdn_typeWrap .area .stock_info .detail .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
.gdn_typeWrap .area .stock_info .detail .detail_num .num span {
  color: var(--Gray-gray750, #313B48);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.gdn_typeWrap .area .stock_info .detail .detail_num .per span {
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  color: var(--Gray-gray750, #313B48);
  font-weight: 600;
  line-height: normal;
}
.gdn_typeWrap .area .stock_info .detail .detail_num .per span.increase {
  color: var(--Red-red500, #F03E4C);
}
.gdn_typeWrap .area .stock_info .detail .detail_num .per span.decrease {
  color: var(--Skyblue-skyblue500, #27AFFF);
}
.gdn_typeWrap .area .stock_info .data_opinion {
  margin-left: auto;
}
.gdn_typeWrap .area .stock_info .data_opinion .ibox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.gdn_typeWrap .area .stock_info .data_opinion .ibox.increase {
  color: var(--Red-red500, #F03E4C);
}
.gdn_typeWrap .area .stock_info .data_opinion .ibox.decrease {
  color: var(--Skyblue-skyblue600, #1093FF);
}
.gdn_typeWrap .area .stock_info .data_opinion .ibox.same {
  color: var(--Gray-gray750, #313B48);
}
.gdn_typeWrap .img_box_tr {
  margin: 40px auto 0;
  max-width: 480px;
}
.gdn_typeWrap .img_box_tr img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gdn_typeWrap .recommend_list {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  margin-top: 40px;
}
.gdn_typeWrap .recommend_list .recommend_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 24px 20px;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.gdn_typeWrap .recommend_list .recommend_item .recommend_item_txt {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
}
.gdn_typeWrap .recommend_list .recommend_item .recommend_title {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .recommend_list .recommend_item .recommend_txt {
  color: var(--Gray-gray750, #313B48);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .recommend_list .recommend_item .show_item_txt {
  opacity: 0;
  display: none;
  width: 100%;
  padding: 24px 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.gdn_typeWrap .recommend_list .recommend_item .show_item_txt.active {
  opacity: 1;
  display: block;
  max-height: 1000px;
}
.gdn_typeWrap .recommend_list .recommend_item .show_item_txt .txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .recommend_list .recommend_item .show_item_txt .img_box_show {
  display: flex;
  flex-direction: column;
  gap: 48px 8px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  margin: 24px auto 0;
}
.gdn_typeWrap .recommend_list .recommend_item .show_item_txt .img_box_show img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gdn_typeWrap .recommend_list .recommend_item .arrow {
  position: absolute;
  top: 37px;
  right: 36px;
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
  content: "";
  width: 5px;
  height: 5px;
  margin: auto;
  display: inline-block;
}
.gdn_typeWrap .recommend_list .recommend_item.active .arrow svg {
  transform: rotate(175deg);
  transition: transform 0.2s ease-in-out;
}
.gdn_typeWrap .할인혜택 {
  margin-top: 120px;
  padding: 64px 20px;
  box-sizing: border-box;
  background: #608CFA;
}
.gdn_typeWrap .할인혜택 .txt p {
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-3xl, 22px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-3xl, 32px); /* 145.455% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .할인혜택 .txt p b {
  color: var(--Yellow-yellow500, #FFD120);
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap .할인혜택 .group {
  display: flex;
  flex-direction: column;
  gap: 21px 0;
  margin-top: 16px;
}
.gdn_typeWrap .할인혜택 .group .step_box {
  border-radius: 16px;
  border: 1px solid #DFE0EF;
  background: #FFF url("/img/service/bg_wallet_blue.png") no-repeat calc(100% - 15px) center;
  background-size: 62px 67px;
  padding: 24px 20px;
  box-sizing: border-box;
}
.gdn_typeWrap .할인혜택 .group .step_box .top .title {
  color: var(--Gray-gray700, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .할인혜택 .group .step_box .payRight .pay01 {
  position: relative;
  display: block;
  margin-top: 4px;
  color: var(--Font-disabled, #B0B8C1);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .할인혜택 .group .step_box .payRight .del_img {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
  width: 100%;
}
.gdn_typeWrap .할인혜택 .group .step_box .payRight .pay02 {
  display: flex;
  align-items: stretch;
  gap: 8px 8px;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-4xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-3xl, 32px); /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .할인혜택 .group .step_box .payRight .pay_sale strong {
  border-radius: 4px;
  background: var(--Blue-blue100, #ECF0FF);
  padding: 5px 6px;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
}
.gdn_typeWrap .할인혜택 .year_sale {
  margin-top: 21px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.gdn_typeWrap .할인혜택 .year_sale a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  text-align: center;
  font-weight: bold;
  font-size: 1rem !important;
  padding: 20px 20px 20px 0;
  padding-right: 8px;
}
.gdn_typeWrap .할인혜택 .year_sale a::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 136px);
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-top: 2px solid rgba(199, 203, 233, 0.7019607843);
  border-right: 2px solid rgba(199, 203, 233, 0.7019607843);
}
.gdn_typeWrap .할인혜택 .year_sale.domestic {
  margin-top: 21px;
}
.gdn_typeWrap .할인혜택 .year_sale.domestic a {
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 131.25% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap .할인혜택 .year_sale.domestic a::after {
  display: none;
}
.gdn_typeWrap .할인혜택 .year_sale.overseas {
  background: #161C40;
  margin-top: 10px;
}
.gdn_typeWrap .할인혜택 .year_sale.overseas a {
  color: #C7CBE9;
}
.gdn_typeWrap .할인혜택 .year_sale.overseas a::after {
  display: none;
}
.gdn_typeWrap.type_c .box.top .list_box .list_item {
  min-height: auto;
}
.gdn_typeWrap.type_c .box.top .list_box .list_item::after {
  height: 20px;
}
.gdn_typeWrap.type_c .btn_banner {
  margin-bottom: 80px;
}
.gdn_typeWrap.type_c .box.mid .h2_title {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Title, Pretendard);
  font-size: 36px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: 48px;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_c .box.mid .h2_title b {
  font-weight: var(--Weight-600, 600);
  color: var(--Font-primary-blue, #4168F6);
}
.gdn_typeWrap.type_c .box.mid .title_txt {
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_d .type_d_box {
  padding: 54px 16px 0;
}
.gdn_typeWrap.type_d .type_d_box .navigation_buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.gdn_typeWrap.type_d .type_d_box .navigation_buttons .go_back {
  position: relative;
  top: -6px;
  left: 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transform: rotate(-135deg);
  border-color: #161b23;
  font-size: 0;
}
.gdn_typeWrap.type_d .type_d_box .top_box {
  margin-top: 24px;
  text-align: center;
}
.gdn_typeWrap.type_d .type_d_box .top_box .h1_title {
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-5xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 42px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_d .type_d_box .top_box .h1_title b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap.type_d .type_d_box .top_box .txt {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  box-sizing: border-box;
  margin-top: 12px;
  background: var(--Blue-blue100, #ECF0FF);
  color: var(--Font-secondary-body, #4E5866);
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-2xl, 26px); /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_d .type_d_box .banner_box {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  width: 100%;
  max-width: 480px;
  margin: 40px auto 0;
  padding: 0 12px 0 8px;
  box-sizing: border-box;
  border-radius: 16px;
  background: var(--Blue-blue100, #ECF0FF);
}
.gdn_typeWrap.type_d .type_d_box .banner_box .img {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
}
@media (max-width: var(--bp-mobile-max)) {
  .gdn_typeWrap.type_d .type_d_box .banner_box .img {
    width: 78px;
    height: 78px;
  }
}
.gdn_typeWrap.type_d .type_d_box .banner_box .img img {
  display: inline-flex;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.gdn_typeWrap.type_d .type_d_box .banner_box .txt_flx {
  width: 100%;
  padding: 24px 0;
}
.gdn_typeWrap.type_d .type_d_box .banner_box .txt_flx .banner_title {
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_d .type_d_box .banner_box .txt_flx .banner_text {
  margin-top: 4px;
  color: var(--Font-secondary-body, #4E5866);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_d .type_d_box .banner_box .txt_flx .banner_text b {
  color: var(--Font-secondary-body, #4E5866);
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap.type_d .type_d_box .service_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-top: 32px;
}
.gdn_typeWrap.type_d .type_d_box .service_list .item {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-left: 1px solid var(--Border-primary-border, #E3E5E8);
}
.gdn_typeWrap.type_d .type_d_box .service_list .item:first-child {
  border-left: none;
}
.gdn_typeWrap.type_d .type_d_box .service_list .item .img {
  display: inline-flex;
  height: 40px;
  width: 40px;
}
.gdn_typeWrap.type_d .type_d_box .service_list .item .img.bot {
  width: 42px;
}
.gdn_typeWrap.type_d .type_d_box .service_list .item .img img {
  width: 100%;
  height: 100%;
}
.gdn_typeWrap.type_d .type_d_box .service_list .title {
  color: var(--Font-secondary-body, #4E5866);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.gdn_typeWrap.type_d .type_d_box .service_list .title b {
  display: block;
  color: var(--Font-secondary-body, #4E5866);
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap.type_d .type_d_box .service_list .service_txt {
  margin-top: 32px;
  width: 100%;
  position: relative;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  padding-left: 8px;
}
.gdn_typeWrap.type_d .type_d_box .service_list .service_txt b {
  color: var(--Font-tertiary-caption, #8C98A7);
  font-weight: var(--Weight-700, 700);
}
.gdn_typeWrap.type_d .type_d_box .service_list .service_txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--Gray-gray500, #8C98A7);
}
.gdn_typeWrap.type_moneyne .box.top .h1_title {
  color: var(--Gray-gray750, #313B48);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.new_member_discount {
  background: var(--Blue-blue50, #F6F8FF);
  padding: 80px 32px 45px;
}
.new_member_discount .discount_title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 32px;
  border-radius: 24px 24px 0px 0px;
  background: var(--Font-primary-blue, #4168F6);
  box-shadow: 0px 10px 20px 0px rgba(65, 104, 246, 0.1);
  color: #FFF;
  text-align: center;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.new_member_discount .discount_box {
  padding: 24px 24px;
  border-radius: 0px 0px 24px 24px;
  border-right: 3px solid var(--Blue-blue500, #4168F6);
  border-bottom: 3px solid var(--Blue-blue500, #4168F6);
  border-left: 3px solid var(--Blue-blue500, #4168F6);
  background: #FFF;
  box-shadow: 0px 10px 20px 0px rgba(65, 104, 246, 0.1);
}
.new_member_discount .discount_box .discount_item_title h4 {
  color: var(--Gray-gray750, #313B48);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.new_member_discount .discount_box .discount_item_title span {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-4xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: normal;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.new_member_discount .discount_box .discount_item_title span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-primary, #4168F6);
  border-right: 2px solid var(--color-primary, #4168F6);
  transform: rotate(45deg) translateY(-50%);
}
.new_member_discount .discount_box .discount_item_txt {
  border-top: 1px solid var(--Blue-blue200, #BFD1FE);
  margin-top: 16px;
  padding-top: 12px;
}
.new_member_discount .discount_box .discount_item_txt p {
  color: var(--Gray-gray600, #6B7684);
  /* Global Styles/Body/Small */
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  text-decoration-line: strikethrough;
}
.new_member_discount .discount_box .discount_item_txt p .through {
  color: var(--Gray-gray600, #6B7684);
  text-decoration: line-through;
}

.premium_gdnbtn {
  position: sticky;
  bottom: 26px;
  z-index: 9999;
  opacity: 1;
  margin: 45px auto 55px;
  transition: all 0.3s ease;
}
.premium_gdnbtn.type_c {
  bottom: -15px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 32px;
  background: transparent;
}
.premium_gdnbtn.type_c.is-bottom {
  bottom: 0;
  margin-top: 0;
  padding: 0;
  padding-bottom: 32px;
  background: var(--Blue-blue50, #F6F8FF);
}
.premium_gdnbtn.type_d {
  position: static !important;
}
.premium_gdnbtn.type_d .btn.btn_apply {
  width: 100%;
  color: #FFF;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-2xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-2xl, 26px); /* 130% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.premium_gdnbtn.type_d .btn.btn_apply:before {
  display: none;
}
.premium_gdnbtn .txt_premium {
  margin-top: 16px;
  color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl-02, 28px); /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.premium_gdnbtn .btn.btn_apply {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 40px);
  padding: 17px 5px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-lg, 17px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 123.529% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.premium_gdnbtn .btn.btn_apply b {
  color: var(--Yellow-yellow400, #FFDA4D);
  font-weight: var(--Weight-700, 700);
}
.premium_gdnbtn .btn.btn_apply::before {
  content: "";
  display: inline-flex;
  align-items: center;
  background: url("/img/glory.png") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 50%;
  background-size: 100% 100%;
}/*# sourceMappingURL=choicestock_v1.5.css.map */