@charset "UTF-8";
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
: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; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
:root {
  --color-primary: #4168F6;
  --color-primary-dark: #4168F6;
  --color-primary-light: #608CFA;
  --color-primary-lighter: #ECF0FF;
  --color-success: #08BDAF;
  --color-success-light: #26ABFF;
  --color-danger: #F03E4C;
  --color-danger-dark: #ff2929;
  --color-warning: #FFDA4D;
  --color-info: #097DF3;
  --recipe-jump: #646FCD;
  --recipe-rocket-booster: #646FCD;
  --recipe-top50: #F8D95F;
  --recipe-sale: #76BCE7;
  --recipe-earnings: #2E3848;
  --recipe-dividend: #87CD64;
  --recipe-growth: #79D5A9;
  --recipe-super-stocks: #E7B676;
  --recipe-consumer-monopoly: #D6E0EA;
  --recipe-profit-turnaround: #7694E7;
  --recipe-golden-cross: #E36B6D;
  --recipe-growth-discovery: #E79366;
  --recipe-ai-signal-trade: #608CFA;
  --recipe-meme-trend: #F8D95F;
  --recipe-n-dollar-penny: #87CD64;
  --recipe-investment-master: #79D5A9;
  --recipe-undervalued-stocks: #975F47;
  --recipe-attractive-blue-chips: #E79366;
  --recipe-ai-attractive-stocks: #76BCE7;
  --recipe-peg-growth-stocks: #D6E0EA;
  --recipe-dead-cross-check: #E7B676;
  --color-text-primary: #24282C;
  --color-text-secondary: #6B7684;
  --color-text-tertiary: #939393;
  --color-text-disabled: #B0B8C1;
  --color-text-caption: #4E5866;
  --color-text-subtitle: #8C98A7;
  --Font-primary-blue: #4168F6;
  --Font-down-blue: #097DF3;
  --Font-disabled: #B0B8C1;
  --Font-secondary-body: #4E5866;
  --Font-tertiary-caption: #8C98A7;
  --Font-teriary-title: #4E5866;
  --Font-primary-title: #1F242B;
  --Font-secondary-title: #24282C;
  --Font-secondary-caption: #6B7684;
  --Font-primary-body: #24282C;
  --Font-primary-subtitle: #6B7684;
  --Font-primary-caption: #4E5866;
  --Font-selected-secondary: #24282C;
  --Font-selected-primary: #4168F6;
  --Font-primary-numbertext: #24282C;
  --Font-default: #6B7684;
  --Gray-gray500: #8C98A7;
  --Gray-gray600: #6B7684;
  --Red-red500: #F03E4C;
  --Yellow-yellow700: #DFB513;
  --green500: #00D186;
  --Mint-mint600: #08BDAF;
  --Blue-blue100: #ECF0FF;
  --Blue-blue500: #4168F6;
  --Background-fill-background: #F7F8FA;
  --Background-primary-light-background: #F1F4F6;
  --Border-primary-border: #E3E5E8;
  --Border-secondary-border: #F1F4F6;
  --Border-dark-border: #24282C;
  --Border-thumb-border: rgba(0, 0, 0, 0.10);
  --Body: Pretendard;
  --Title: Pretendard;
  --Size-xxs: 11px;
  --Size-xs-12: 12px;
  --Size-xs-13: 13px;
  --Size-sm: 14px;
  --Size-md-15: 15px;
  --Size-md-16: 16px;
  --Size-xl-01: 18px;
  --Size-xl-02: 20px;
  --Size-2xl: 20px;
  --Size-3xl: 22px;
  --Size-5xl: 30px;
  --Weight-400: 400;
  --Weight-500: 500;
  --Weight-600: 600;
  --Weight-700: 700;
  --Line-height-xs-12: 14px;
  --Line-height-xs-13: 16px;
  --Line-height-sm: 18px;
  --Line-height-lg: 21px;
  --Line-height-md: 22px;
  --Line-height-xl-01: 24px;
  --Line-height-2xl: 26px;
  --Tracking-md: -0.3px;
  --Radius-r-01: 4px;
  --Radius-r-02: 8px;
  --Radius-r-03: 12px;
  --Radius-r-04: 16px;
  --Radius-r-05: 24px;
  --Radius-r-06: 32px;
  --Spacing-s-06: 16px;
  --colbar: var(--color-primary, #4168F6);
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #F7F8FA;
  --color-bg-tertiary: #F1F4F6;
  --color-bg-quaternary: #F4F4F5;
  --color-bg-light-blue: #DBE5FF;
  --color-bg-light-gray: #E3E5E8;
  --color-border-primary: #E3E5E8;
  --color-border-secondary: #F1F4F6;
  --color-border-dark: #24282C;
  --color-border-light: #c3c3c3;
  --color-border-divider: #E0E4E9;
  --color-highlight: #1AE5D6;
  --color-accent: #FFDA0D;
  --color-overlay: rgba(0, 0, 0, 0.5);
  --color-shadow: rgba(134, 138, 147, 0.10);
}

:root {
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 40px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 24px;
  --radius-xxl: 32px;
  --radius-round: 50%;
  --bp-mobile-s: 320px;
  --bp-mobile: 375px;
  --bp-mobile-l: 480px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
}

:root {
  --font-family-primary: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-family-body: var(--font-family-primary);
  --font-family-title: var(--font-family-primary);
  --font-size-xs: 11px;
  --font-size-s: 12px;
  --font-size-sm: 13px;
  --font-size-m: 14px;
  --font-size-md: 15px;
  --font-size-l: 16px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-3xl: 22px;
  --font-size-4xl: 30px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-xs: 14px;
  --line-height-s: 16px;
  --line-height-sm: 18px;
  --line-height-m: 21px;
  --line-height-l: 22px;
  --line-height-xl: 24px;
  --line-height-xxl: 26px;
  --line-height-3xl: 28px;
  --line-height-4xl: 42px;
  --letter-spacing-tight: -0.3px;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.5px;
}

:root {
  --z-index-dropdown: 10;
  --z-index-sticky: 20;
  --z-index-fixed: 30;
  --z-index-modal-backdrop: 40;
  --z-index-modal: 50;
  --z-index-popover: 60;
  --z-index-tooltip: 70;
  --z-index-toast: 80;
  --z-index-max: 999;
}

:root {
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  --transition-bounce: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

:root {
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-s: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-m: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-l: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-custom: 0px 5px 10px 0px rgba(134, 138, 147, 0.10);
}

:root {
  --bp-mobile-xs: 320px;
  --bp-mobile-s: 375px;
  --bp-mobile: 390px;
  --bp-mobile-l: 414px;
  --bp-mobile-xl: 428px;
  --bp-tablet-s: 768px;
  --bp-tablet: 834px;
  --bp-tablet-l: 1024px;
  --bp-desktop-s: 1280px;
  --bp-desktop: 1440px;
  --bp-desktop-l: 1920px;
  --bp-mobile-max: 767px;
  --bp-tablet-max: 1023px;
  --bp-desktop-min: 1024px;
}

/**
 * 디자인 토큰 - CSS 변수 정의
 * design-tokens-flat.json에서 자동 생성
 * 
 * ⚠️ 이 파일은 자동 생성됩니다. 직접 수정하지 마세요!
 * 토큰을 변경하려면 JSON 파일을 수정한 후 스크립트를 다시 실행하세요.
 * 
 * 생성일: 2025. 11. 27. 오후 3:24:17
 * 
 * 사용법:
 *   color: var(--color-primary-default);
 *   font-size: var(--font-size-md-16);
 *   padding: var(--spacing-s-06);
 */
:root {
  --color-beige-100: #ede0d4;
  --color-beige-200: #dfccbc;
  --color-beige-300: #cdb7a0;
  --color-beige-400: #bea388;
  --color-beige-50: #faf3ea;
  --color-beige-500: #af9070;
  --color-beige-600: #a28468;
  --color-beige-700: #90755c;
  --color-beige-800: #826753;
  --color-beige-900: #5e4939;
  --color-beige-alt: #e7b676;
  --color-beige-alt2: #975f47;
  --color-blue-100: #eceffd;
  --color-blue-150: #dbe5ff;
  --color-blue-200: #bfd1fe;
  --color-blue-300: #93b4fd;
  --color-blue-400: #608cfa;
  --color-blue-50: #f2f4ff;
  --color-blue-500: #4168f6;
  --color-blue-600: #2542eb;
  --color-blue-700: #1d2fd8;
  --color-blue-800: #1e28af;
  --color-blue-900: #1e288a;
  --color-blue-950: #1a2145;
  --color-common-0: #ffffff;
  --color-common-100: #000000;
  --color-green-100: #beefd4;
  --color-green-200: #91e4b8;
  --color-green-300: #58da9b;
  --color-green-400: #00d186;
  --color-green-50: #e4f9ee;
  --color-green-500: #00c86d;
  --color-green-600: #00b762;
  --color-green-700: #00a455;
  --color-green-800: #009348;
  --color-green-900: #007232;
  --color-green-alt: #4dc589;
  --color-llime-100: #d5eec8;
  --color-llime-200: #b9e2a5;
  --color-llime-300: #9dd680;
  --color-llime-400: #87cd64;
  --color-llime-50: #eef8e9;
  --color-llime-500: #72c449;
  --color-llime-600: #63b441;
  --color-llime-700: #4fa036;
  --color-llime-800: #3c8b2d;
  --color-llime-900: #13691c;
  --color-mint-100: #d2f8f5;
  --color-mint-200: #a3f5ef;
  --color-mint-300: #76efe6;
  --color-mint-400: #48eade;
  --color-mint-50: #eafaf9;
  --color-mint-500: #1ae5d6;
  --color-mint-600: #08bdaf;
  --color-mint-700: #06a69a;
  --color-mint-800: #0a5c56;
  --color-mint-900: #052e2b;
  --color-mint-alt: #79d5a9;
  --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;
  --color-neutral-alt: #d6e0ea;
  --color-neutral-alt2: #2e3848;
  --color-orange-100: #ffedd4;
  --color-orange-200: #ffd7a8;
  --color-orange-300: #ffba71;
  --color-orange-400: #ff8f33;
  --color-orange-50: #fff2ea;
  --color-orange-500: #fe7211;
  --color-orange-600: #ef5707;
  --color-orange-700: #c63f08;
  --color-orange-800: #9d330f;
  --color-orange-900: #7e2c10;
  --color-orange-alt: #e79366;
  --color-orange-alt2: #e9835b;
  --color-purple-100: #c8ccee;
  --color-purple-200: #a4abe2;
  --color-purple-300: #7694e7;
  --color-purple-400: #646fcd;
  --color-purple-50: #e9ebf8;
  --color-purple-500: #4a54c3;
  --color-purple-600: #444cb9;
  --color-purple-700: #3b41ad;
  --color-purple-800: #3337a1;
  --color-purple-900: #27248b;
  --color-red-100: #ffc9d1;
  --color-red-200: #f09298;
  --color-red-300: #e66770;
  --color-red-400: #f03e4c;
  --color-red-50: #fdecef;
  --color-red-500: #d83844;
  --color-red-600: #c0323d;
  --color-red-700: #b42f39;
  --color-red-800: #90252e;
  --color-red-900: #6c1c22;
  --color-red-alt: #e36b6d;
  --color-yellow-100: #fff6d2;
  --color-yellow-200: #ffeda6;
  --color-yellow-300: #ffd05d;
  --color-yellow-400: #ffda4d;
  --color-yellow-50: #fffae9;
  --color-yellow-500: #ffd120;
  --color-yellow-600: #efc31a;
  --color-yellow-700: #dfb513;
  --color-yellow-800: #cfa70d;
  --color-yellow-900: #bf9906;
  --color-yellow-alt: #f8d95f;
  --color-sky-blue-100: #b9dbff;
  --color-sky-blue-200: #8bc5ff;
  --color-sky-blue-300: #59aeff;
  --color-sky-blue-400: #2f9dff;
  --color-sky-blue-50: #e2f5ff;
  --color-sky-blue-500: #008cff;
  --color-sky-blue-600: #097df3;
  --color-sky-blue-700: #146cdf;
  --color-sky-blue-800: #185acc;
  --color-sky-blue-900: #1a3aad;
  --color-sky-blue-alt: #76bce7;
  --color-accent-beige-50: var(--color-beige-50);
  --color-accent-beige-600: var(--color-beige-600);
  --color-accent-beige-alt: var(--color-beige-alt);
  --color-accent-blue-100: var(--color-blue-100);
  --color-accent-blue-300: var(--color-blue-300);
  --color-accent-brown-alt: var(--color-beige-alt2);
  --color-accent-gray-500: var(--color-neutral-500);
  --color-accent-gray-alt: var(--color-neutral-alt);
  --color-accent-gray-alt2: var(--color-neutral-alt2);
  --color-accent-green-50: var(--color-green-50);
  --color-accent-green-600: var(--color-green-600);
  --color-accent-green-alt: var(--color-green-alt);
  --color-accent-llime-400: var(--color-llime-400);
  --color-accent-llime-50: var(--color-llime-50);
  --color-accent-mint-50: var(--color-mint-50);
  --color-accent-mint-600: var(--color-mint-600);
  --color-accent-mint-alt: var(--color-mint-alt);
  --color-accent-orange-50: var(--color-orange-50);
  --color-accent-orange-alt: var(--color-orange-alt);
  --color-accent-orange-alt2: var(--color-orange-alt2);
  --color-accent-purple-50: var(--color-purple-50);
  --color-accent-purple-500: var(--color-purple-500);
  --color-accent-red-400: var(--color-red-400);
  --color-accent-red-50: var(--color-red-50);
  --color-accent-red-alt: var(--color-red-alt);
  --color-accent-sky-blue-50: var(--color-sky-blue-50);
  --color-accent-sky-blue-600: var(--color-sky-blue-600);
  --color-accent-sky-blue-alt: var(--color-sky-blue-alt);
  --color-accent-yellow-100: var(--color-yellow-100);
  --color-accent-yellow-400: var(--color-yellow-400);
  --color-accent-yellow-700: var(--color-yellow-700);
  --color-accent-yellow-alt: var(--color-yellow-alt);
  --color-background-brand: var(--color-blue-50);
  --color-background-default: var(--color-common-0);
  --color-background-neutral: var(--color-neutral-50);
  --color-background-overlay: #00000080;
  --color-background-storng: var(--color-neutral-200);
  --color-background-subtle: var(--color-neutral-100);
  --color-button-primary-outline-bg-default: var(--color-common-0);
  --color-button-primary-outline-border-default: var(--color-blue-500);
  --color-button-primary-outline-border-hover: var(--color-blue-400);
  --color-button-primary-outline-border-pressed: var(--color-blue-600);
  --color-button-primary-outline-text-default: var(--color-blue-500);
  --color-button-primary-solid-bg-default: var(--color-blue-500);
  --color-button-primary-solid-bg-hover: var(--color-blue-400);
  --color-button-primary-solid-bg-pressed: var(--color-blue-600);
  --color-button-primary-solid-text-default: var(--color-common-0);
  --color-button-secondary-outline-bg-default: var(--color-common-0);
  --color-button-secondary-outline-border-default: var(--color-neutral-200);
  --color-button-secondary-outline-border-hover: var(--color-neutral-300);
  --color-button-secondary-outline-border-pressed: var(--color-neutral-500);
  --color-button-secondary-outline-text-default: var(--color-neutral-700);
  --color-button-secondary-solid-bg-default: var(--color-neutral-400);
  --color-button-secondary-solid-bg-hover: var(--color-neutral-300);
  --color-button-secondary-solid-bg-pressed: var(--color-neutral-500);
  --color-button-secondary-solid-text-default: var(--color-common-0);
  --color-button-tertiary-outline-bg-default: var(--color-common-0);
  --color-button-tertiary-outline-border-default: var(--color-neutral-200);
  --color-button-tertiary-outline-border-hover: var(--color-neutral-200);
  --color-button-tertiary-outline-border-pressed: var(--color-neutral-200);
  --color-button-tertiary-outline-text-default: var(--color-neutral-600);
  --color-button-tertiary-solid-bg-default: var(--color-neutral-700);
  --color-button-tertiary-solid-bg-hover: var(--color-neutral-600);
  --color-button-tertiary-solid-bg-pressed: var(--color-neutral-800);
  --color-button-tertiary-solid-text-default: var(--color-common-0);
  --color-button-utility-bg-default: #ffffff;
  --color-button-utility-text-default: #ffffff;
  --color-checkbox-bg-default: var(--color-neutral-250);
  --color-checkbox-bg-disabled: var(--color-neutral-250);
  --color-checkbox-bg-selected: var(--color-blue-500);
  --color-graph-graph1: var(--color-blue-500);
  --color-graph-graph1-text: var(--color-blue-400);
  --color-graph-graph2: var(--color-mint-600);
  --color-graph-graph3: #4dc589;
  --color-graph-graph4: #93b4fd;
  --color-graph-graph5: var(--color-neutral-300);
  --color-graph-graph6: var(--color-red-400);
  --color-graph-graph7: var(--color-sky-blue-600);
  --color-interaction-active: var(--color-neutral-100);
  --color-interaction-selected: var(--color-blue-500);
  --color-label-alternative: var(--color-neutral-600);
  --color-label-assistive: var(--color-neutral-500);
  --color-label-blue-dark-bg: var(--color-blue-500);
  --color-label-blue-dark-text: var(--color-common-0);
  --color-label-blue-light-bg: #eceffd;
  --color-label-blue-light-text: var(--color-blue-500);
  --color-label-disable: var(--color-neutral-400);
  --color-label-gray-dark-bg: #8c98a7;
  --color-label-gray-dark-text: var(--color-common-0);
  --color-label-gray-light-bg: var(--color-neutral-100);
  --color-label-gray-light-text: var(--color-neutral-600);
  --color-label-gray-light-text-disabled: var(--color-neutral-400);
  --color-label-green-dark-bg: #4dc589;
  --color-label-green-dark-text: var(--color-common-0);
  --color-label-green-light-bg: #e4f9ee;
  --color-label-green-light-text: #00b762;
  --color-label-inverse: var(--color-common-0);
  --color-label-mint-dark-bg: #08bdaf;
  --color-label-mint-dark-text: var(--color-common-0);
  --color-label-mint-light-bg: #eafaf9;
  --color-label-mint-light-text: #08bdaf;
  --color-label-normal: var(--color-neutral-800);
  --color-label-orange-dark-bg: #e79366;
  --color-label-orange-dark-text: var(--color-common-0);
  --color-label-orange-light-bg: #fff2ea;
  --color-label-orange-light-text: #e9835b;
  --color-label-red-dark-bg: #f03e4c;
  --color-label-red-dark-text: var(--color-common-0);
  --color-label-red-light-bg: #fdecef;
  --color-label-red-light-text: #f03e4c;
  --color-label-secondary: var(--color-neutral-700);
  --color-label-sky-blue-dark-bg: #097df3;
  --color-label-sky-blue-dark-text: var(--color-common-0);
  --color-label-sky-blue-light-bg: #e2f5ff;
  --color-label-sky-blue-light-text: #097df3;
  --color-label-strong: var(--color-neutral-900);
  --color-label-yellow-dark-bg: #ffda4d;
  --color-label-yellow-dark-text: var(--color-neutral-800);
  --color-label-yellow-light-bg: #fff6d2;
  --color-label-yellow-light-text: #dfb513;
  --color-line-alternative: var(--color-neutral-300);
  --color-line-brand: var(--color-blue-500);
  --color-line-neutral: var(--color-neutral-100);
  --color-line-normal: var(--color-neutral-200);
  --color-line-strong: var(--color-neutral-800);
  --color-line-thumbnail: #0000001a;
  --color-primary-border: var(--color-blue-150);
  --color-primary-default: var(--color-blue-500);
  --color-primary-hover: var(--color-blue-400);
  --color-primary-pressed: var(--color-blue-600);
  --color-radio-bg-default: var(--color-neutral-250);
  --color-radio-bg-disabled: var(--color-neutral-250);
  --color-radio-bg-selected: var(--color-blue-500);
  --color-secondary-default: var(--color-mint-600);
  --color-secondary-down: var(--color-sky-blue-600);
  --color-secondary-up: var(--color-red-400);
  --color-status-disabled-background: var(--color-neutral-250);
  --color-status-disabled-border: var(--color-neutral-250);
  --color-status-disabled-text: var(--color-common-0);
  --color-status-error-background: var(--color-red-50);
  --color-status-error-border: var(--color-red-300);
  --color-status-error-text: var(--color-red-500);
  --color-status-success-background: var(--color-blue-50);
  --color-status-success-border: var(--color-blue-300);
  --color-status-success-text: var(--color-blue-500);
  --color-status-warning-background: var(--color-yellow-50);
  --color-status-warning-border: var(--color-yellow-300);
  --color-status-warning-text: var(--color-yellow-600);
  --color-surface-floating: #24282cf2;
  --color-surface-toast: #313b48e5;
  --color-tab-depth-1-border-default: var(--color-neutral-100);
  --color-tab-depth-1-border-selected: var(--color-blue-500);
  --color-tab-depth-1-text-default: var(--color-neutral-600);
  --color-tab-depth-1-text-selected: var(--color-blue-500);
  --color-tab-depth-2-border-default: var(--color-neutral-200);
  --color-tab-depth-2-border-selected: var(--color-neutral-800);
  --color-tab-depth-2-text-default: var(--color-neutral-500);
  --color-tab-depth-2-text-selected: var(--color-neutral-800);
  --color-tab-depth-3-border-selected: var(--color-neutral-800);
  --color-tab-depth-3-text-default: var(--color-neutral-600);
  --color-tab-depth-3-text-selected: var(--color-neutral-800);
  --color-tab-round-bg-default: var(--color-neutral-800);
  --color-tab-round-bg-selected: var(--color-neutral-100);
  --color-tab-round-border-selected: var(--color-neutral-200);
  --color-tab-round-text-default: var(--color-common-0);
  --color-tab-round-text-selected: var(--color-neutral-600);
  --color-toggle-bg-default: var(--color-neutral-250);
  --color-toggle-bg-selected: var(--color-blue-500);
  --font-family-body: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-title: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-2xl: 1.25rem;
  --font-size-2xs: 0.75rem;
  --font-size-3xl: 1.375rem;
  --font-size-3xs: 0.6875rem;
  --font-size-4xl: 1.5rem;
  --font-size-5xl: 1.875rem;
  --font-size-6xl: 2.25rem;
  --font-size-lg: 1.0625rem;
  --font-size-md-15: 0.9375rem;
  --font-size-md-16: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.125rem;
  --font-size-xs: 0.8125rem;
  --line-height-2xl: 1.625rem;
  --line-height-2xs: 0.875rem;
  --line-height-3xl: 1.75rem;
  --line-height-3xs: 0.8125rem;
  --line-height-4xl: 2rem;
  --line-height-5xl: 2.625rem;
  --line-height-6xl: 3rem;
  --line-height-lg: 1.3125rem;
  --line-height-md: 1.375rem;
  --line-height-sm: 1.125rem;
  --line-height-xl: 1.5rem;
  --line-height-xs: 1rem;
  --font-weight-400: 25rem;
  --font-weight-500: 31.25rem;
  --font-weight-600: 37.5rem;
  --font-weight-700: 43.75rem;
  --letter-spacing-md: -0.0188rem;
  --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;
  --radius-r-01: 0.25rem;
  --radius-r-01-2: 0.375rem;
  --radius-r-02: 0.5rem;
  --radius-r-03: 0.75rem;
  --radius-r-04: 1rem;
  --radius-r-05: 1.5rem;
  --radius-r-06: 2rem;
  --radius-r-07: 6.25rem;
}

/**
 * 컴포넌트 스타일 - 디자인 토큰 기반
 * 
 * 디자인 토큰을 사용하여 컴포넌트를 스타일링합니다.
 * 이 파일은 수동으로 작성/수정 가능합니다.
 * 
 * 사용법:
 *   @import "style/components";
 */
.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-radio-bg-default);
  border-radius: 50%;
  background-color: var(--color-radio-bg-default);
  margin: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.radio input[type=radio]:checked {
  border-color: var(--color-radio-bg-selected);
  background-color: var(--color-radio-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-common-0);
}
.radio input[type=radio]:disabled {
  border-color: var(--color-radio-bg-disabled);
  background-color: var(--color-radio-bg-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.radio input[type=radio]:focus-visible {
  outline: 2px solid var(--color-primary-default);
  outline-offset: 2px;
}
.radio label {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-label-normal);
  font-size: var(--font-size-md-16, 1rem);
}
.radio label:has(+ input:disabled) {
  color: var(--color-label-disable);
  cursor: not-allowed;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-s-06, 0.75rem) var(--spacing-m-08, 1rem);
  border: 1px solid transparent;
  border-radius: var(--radius-r-02, 0.5rem);
  font-family: var(--font-body, "Pretendard");
  font-size: var(--font-size-md-16, 1rem);
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-md, 1.375rem);
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.btn--primary-solid {
  background-color: var(--color-button-primary-solid-bg-default);
  color: var(--color-button-primary-solid-text-default);
}
.btn--primary-solid:hover:not(:disabled) {
  background-color: var(--color-button-primary-solid-bg-hover);
}
.btn--primary-solid:active:not(:disabled) {
  background-color: var(--color-button-primary-solid-bg-pressed);
}
.btn--primary-outline {
  background-color: var(--color-button-primary-outline-bg-default);
  border-color: var(--color-button-primary-outline-border-default);
  color: var(--color-button-primary-outline-text-default);
}
.btn--primary-outline:hover:not(:disabled) {
  border-color: var(--color-button-primary-outline-border-hover);
}
.btn--primary-outline:active:not(:disabled) {
  border-color: var(--color-button-primary-outline-border-pressed);
}
.btn:disabled {
  background-color: var(--color-status-disabled-background);
  border-color: var(--color-status-disabled-border);
  color: var(--color-status-disabled-text);
  cursor: not-allowed;
  opacity: 0.6;
}
.btn:focus-visible {
  outline: 2px solid var(--color-primary-default);
  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-line-normal);
  border-radius: var(--radius-r-01, 0.25rem);
  background-color: var(--color-checkbox-bg-default);
  margin: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.checkbox input[type=checkbox]:checked {
  border-color: var(--color-checkbox-bg-selected);
  background-color: var(--color-checkbox-bg-selected);
}
.checkbox input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-common-0);
  font-size: 14px;
  font-weight: bold;
}
.checkbox input[type=checkbox]:disabled {
  border-color: var(--color-line-normal);
  background-color: var(--color-checkbox-bg-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.checkbox input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-primary-default);
  outline-offset: 2px;
}
.checkbox label {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-label-normal);
  font-size: var(--font-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-line-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-tab-depth-1-text-default);
  font-size: var(--font-size-md-16, 1rem);
  font-weight: var(--font-weight-600, 600);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
}
.tabs__item__link:hover {
  color: var(--color-tab-depth-1-text-selected);
}
.tabs__item__link.active {
  color: var(--color-tab-depth-1-text-selected);
  border-bottom-color: var(--color-tab-depth-1-border-selected);
}
.tabs--depth-2 .tabs__item__link {
  color: var(--color-tab-depth-2-text-default);
  border-bottom-color: var(--color-tab-depth-2-border-default);
}
.tabs--depth-2 .tabs__item__link:hover {
  color: var(--color-tab-depth-2-text-selected);
}
.tabs--depth-2 .tabs__item__link.active {
  color: var(--color-tab-depth-2-text-selected);
  border-bottom-color: var(--color-tab-depth-2-border-selected);
}
.tabs--depth-3 .tabs__item__link {
  color: var(--color-tab-depth-3-text-default);
}
.tabs--depth-3 .tabs__item__link:hover {
  color: var(--color-tab-depth-3-text-selected);
}
.tabs--depth-3 .tabs__item__link.active {
  color: var(--color-tab-depth-3-text-selected);
  border-bottom-color: var(--color-tab-depth-3-border-selected);
}
.tabs--round {
  border-bottom: none;
}
.tabs--round .tabs__item__link {
  background-color: var(--color-tab-round-bg-default);
  border-radius: var(--radius-r-04, 1rem);
  border-bottom: none;
}
.tabs--round .tabs__item__link.active {
  background-color: var(--color-tab-round-bg-selected);
  border: 1px solid var(--color-tab-round-border-selected);
  color: var(--color-tab-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-toggle-bg-default);
  border: 2px solid var(--color-line-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-common-0);
  transition: all 0.2s ease;
}
.toggle input[type=checkbox]:checked {
  background-color: var(--color-toggle-bg-selected);
  border-color: var(--color-toggle-bg-selected);
}
.toggle input[type=checkbox]:checked::after {
  left: calc(100% - 18px);
  background-color: var(--color-common-0);
}
.toggle input[type=checkbox]:disabled {
  background-color: var(--color-toggle-bg-default);
  border-color: var(--color-line-normal);
  cursor: not-allowed;
  opacity: 0.6;
}
.toggle input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-primary-default);
  outline-offset: 2px;
}
.toggle label {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-label-normal);
  font-size: var(--font-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(--font-size-sm-14, 0.875rem);
  font-weight: var(--font-weight-500, 500);
}
.status--error {
  background-color: var(--color-status-error-bg);
  border: 1px solid var(--color-status-error-border);
  color: var(--color-status-error-text);
}
.status--success {
  background-color: var(--color-status-success-bg);
  border: 1px solid var(--color-status-success-border);
  color: var(--color-status-success-text);
}
.status--warning {
  background-color: var(--color-status-warning-bg);
  border: 1px solid var(--color-status-warning-border);
  color: var(--color-status-warning-text);
}

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

.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-line-normal);
}
.border--neutral {
  border-color: var(--color-line-neutral);
}
.border--alternative {
  border-color: var(--color-line-alternative);
}
.border--strong {
  border-color: var(--color-line-strong);
}
.border--brand {
  border-color: var(--color-line-brand);
}

/**
 * 타이포그래피 Mixin
 * Figma 텍스트 스타일을 재사용 가능한 Mixin으로 정의
 * 
 * 사용법:
 *   @include text-title-medium-base;
 *   @include text-body-large-base;
 */
/**
 * Title/Medium/Base
 * Figma: Title/Medium/Base
 * font-size: 18px (1.125rem)
 * line-height: 24px (1.5rem)
 * font-weight: 600
 */
/**
 * Title/Large/Base
 * 큰 제목 스타일
 */
/**
 * Title/Small/Base
 * 작은 제목 스타일
 */
/**
 * Body/Medium/Base
 * 기본 본문 텍스트
 */
/**
 * Body/Large/Base
 * 큰 본문 텍스트
 */
/**
 * Body/Small/Base
 * 작은 본문 텍스트
 */
/**
 * Label/Medium/Base
 * 기본 라벨 텍스트
 */
/**
 * Label/Small/Base
 * 작은 라벨 텍스트
 */
.text-title-medium-base {
  font-family: var(--font-family-title, "Pretendard");
  font-size: var(--font-size-xl, 1.125rem);
  font-weight: var(--font-weight-600, 600);
  line-height: var(--line-height-xl, 1.5rem);
  letter-spacing: var(--letter-spacing-md, -0.0188rem);
  color: var(--color-label-normal);
}

.text-title-large-base {
  font-family: var(--font-family-title, "Pretendard");
  font-size: var(--font-size-2xl, 1.25rem);
  font-weight: var(--font-weight-700, 700);
  line-height: var(--line-height-2xl, 1.625rem);
  letter-spacing: var(--letter-spacing-md, -0.0188rem);
  color: var(--color-label-normal);
}

.text-body-medium-base {
  font-family: var(--font-family-body, "Pretendard");
  font-size: var(--font-size-md-16, 1rem);
  font-weight: var(--font-weight-400, 400);
  line-height: var(--line-height-md, 1.375rem);
  letter-spacing: var(--letter-spacing-md, -0.0188rem);
  color: var(--color-label-normal);
}

.text-label-small-base {
  font-family: var(--font-family-body, "Pretendard");
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: var(--font-weight-500, 500);
  line-height: var(--line-height-sm, 1.125rem);
  letter-spacing: var(--letter-spacing-md, -0.0188rem);
  color: var(--color-label-normal);
}

@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 {
  width: 100%;
  background-color: #fff;
  padding: 0 16px;
  box-sizing: border-box;
  z-index: 89;
  max-width: 767px;
}
.v_signalStreng.globalStock #header.fix_header {
  position: fixed;
  top: 0;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.v_signalStreng.globalStock #header.fix_header .event2024_payment_sub {
  display: none;
}
.v_signalStreng.globalStock #header.bg_blue {
  background-color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock #header.bg_blue .headerLogo span {
  color: #fff !important;
}
.v_signalStreng.globalStock #header.bg_blue .headerTop .go_back {
  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='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
  border-color: #fff;
}
.v_signalStreng.globalStock #header .headerTop {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 60px;
  height: 56px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock #header .headerTop .left {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.v_signalStreng.globalStock #header .headerTop .cen {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 36px);
}
.v_signalStreng.globalStock #header .headerTop .right .share_btn {
  position: absolute;
  right: 0;
  top: 17px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
}
.v_signalStreng.globalStock #header .headerTop .right .share_btn:active {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header .headerTop .right .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);
  cursor: pointer;
  pointer-events: auto;
  display: none;
  right: 0px;
  top: calc(50% + 33px);
  transform: translateY(-50%);
}
.v_signalStreng.globalStock #header .headerTop .right .share_btn + .tooltip_content .tooltip_icon {
  position: absolute;
  right: 20px;
  top: -12px;
}
.v_signalStreng.globalStock #header .headerTop .right .share_btn + .tooltip_content .tooltip_text {
  margin: 0;
  padding: 0;
  width: 100%;
}
.v_signalStreng.globalStock #header .headerTop .right .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);
}
.v_signalStreng.globalStock #header .headerTop .headerLogo {
  width: 100%;
  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);
  padding-right: 36px;
}
.v_signalStreng.globalStock #header .headerTop .headerLogo.whyrise_header {
  padding-right: 0 !important;
}
.v_signalStreng.globalStock #header .headerTop .headerLogo span {
  color: var(--Font-primary-title, #1F242B);
  text-align: center;
  /* Global Styles/Title/Large */
  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 #header .headerTop .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;
}
.v_signalStreng.globalStock #header .headerTop .h_menu {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  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='M21 18.8008C21.5523 18.8008 22 19.2485 22 19.8008C22 20.3531 21.5523 20.8008 21 20.8008H3C2.44772 20.8008 2 20.3531 2 19.8008C2 19.2485 2.44772 18.8008 3 18.8008H21ZM21 10.4004C21.5523 10.4004 22 10.8481 22 11.4004C22 11.9527 21.5523 12.4004 21 12.4004H3C2.44772 12.4004 2 11.9527 2 11.4004C2 10.8481 2.44772 10.4004 3 10.4004H21ZM21 2C21.5523 2 22 2.44772 22 3C22 3.55228 21.5523 4 21 4H3C2.44772 4 2 3.55228 2 3C2 2.44772 2.44772 2 3 2H21Z' fill='%2324282C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.v_signalStreng.globalStock #header .headerTop .h_menu:active {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header .headerTop .h_menu .menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 20px;
  height: 18px;
  position: relative;
  cursor: pointer;
}
.v_signalStreng.globalStock #header .headerTop .h_menu .bar {
  width: 20px;
  height: 2px;
  background-color: #333;
  transition: 0.4s;
}
.v_signalStreng.globalStock #header .headerTop .btn_join {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  margin-right: 8px;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  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);
}
.v_signalStreng.globalStock #header .headerTop .btn_join:active {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header .headerTop .btn_login {
  margin-left: auto;
  padding: 0 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--Font-primary-body, #24282C);
  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);
}
.v_signalStreng.globalStock #header .headerTop .btn_login:active {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header .headerTop .alarm {
  position: absolute;
  right: 0;
  top: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
}
.v_signalStreng.globalStock #header .headerTop .alarm:active {
  transform: translate(2px, 2px);
}
.v_signalStreng.globalStock #header .headerTop .alarm img {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.v_signalStreng.globalStock #header .headerTop .alarm i {
  display: inline-block;
  background: var(--Red-red500, #F03E4C);
  width: 6px;
  height: 6px;
  position: absolute;
  top: 3px;
  right: 5px;
  border-radius: 50%;
  font-size: 0;
  vertical-align: top;
}
.v_signalStreng.globalStock #header .headerTop .go_briefing {
  position: absolute;
  right: 0;
  top: 17px;
  display: inline-block;
  width: 93px;
  height: 23px;
}
.v_signalStreng.globalStock #header .headerTop .go_briefing img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.v_signalStreng.globalStock #header .att {
  position: absolute;
  right: 15px;
  top: 25px;
}
.v_signalStreng.globalStock #header .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 .att .attention:after {
  background-color: #ccd1d5;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0px;
  left: 6px;
}
.v_signalStreng.globalStock #header .att .attention:before {
  background-color: #ccd1d5;
  content: "";
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 0px;
  width: 12px;
  height: 12px;
}
.v_signalStreng.globalStock #header .att .attention.on {
  background-color: #dd5257;
}
.v_signalStreng.globalStock #header .att .attention.on:after,
.v_signalStreng.globalStock #header .att .attention.on:before {
  background-color: #dd5257;
}
.v_signalStreng.globalStock #header.m_hdr {
  position: relative;
  height: 56px;
  border-bottom: none;
  box-shadow: none;
  background-color: transparent;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop {
  height: 56px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm {
  flex: none;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0 12px;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .alarm {
  position: relative;
  right: 0;
  top: 0;
}
.v_signalStreng.globalStock #header.m_hdr .headerTop .hm .h_menu {
  position: relative;
  top: 0;
}
.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);
  cursor: pointer;
  pointer-events: auto;
  display: none;
  right: 0px;
  top: calc(50% + 33px);
  transform: translateY(-50%);
}
.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);
}

#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 {
  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:first-of-type {
  margin-top: 0;
}
#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;
}

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: #F4F4F5;
  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;
}

/* =============================================================================
   🧩 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);
  -webkit-backdrop-filter: blur(2px) brightness(50%);
  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;
}

@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; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
/*****************/
/**** 메인 *****/
/*****************/
/* =============================================================================
   🏠 MAIN PAGE STYLES - 메인 페이지 스타일 (라인 1741-3000)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _main.scss
   - 메인 페이지 기본 레이아웃
   - 추천 영역
   - 브리핑 추천
   - 리딩 영역
   - 트레이드 시그널
   - 어텐션 영역
   ============================================================================= */
.globalStock .main_top {
  margin: 0;
  padding: 0;
}

.globalStock .main_mid {
  margin-top: 35px;
}

.globalStock .main_btm {
  margin-top: 20px;
}

.globalStock .main_top > .title,
.globalStock .main_mid > .title,
.globalStock .main_btm > .title {
  display: inline-block;
  color: #333;
  width: calc(100% - 106px);
  padding-left: 20px;
  box-sizing: border-box;
}

.globalStock .main_top > .title a,
.globalStock .main_mid > .title a,
.globalStock .main_btm > .title a {
  display: inline-block;
  color: var(--Font-secondary-title, #24282C);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .main_top > .title,
.globalStock .main_mid > .title,
.globalStock .main_btm > .title {
  display: inline-block;
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: normal;
}

.globalStock .main_top > .title + .more,
.globalStock .main_mid > .title + .more,
.globalStock .main_btm > .title + .more {
  display: inline-block;
  text-align: right;
  padding: 6px 7px;
  width: 96px;
  box-sizing: border-box;
  color: #333;
  font-size: 0.9rem;
  vertical-align: top;
  line-height: 12px;
}

.globalStock .main_top > .title + .more span,
.globalStock .main_mid > .title + .more span,
.globalStock .main_btm > .title + .more span {
  background: #d3d3d3;
  padding: 2px 8px;
  border-radius: 6px;
  color: #fff;
}

.globalStock .main_top > .title + .more img,
.globalStock .main_mid > .title + .more img,
.globalStock .main_btm > .title + .more img {
  margin-left: 10px;
}

.globalStock .h2_title {
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 15px;
  margin-top: 15px;
  margin-bottom: 24px;
}

.globalStock .main_searching {
  margin-top: 9px;
  margin-bottom: 5px;
}

.globalStock .main_searching .searchArea {
  margin: 0 auto;
  width: 100%;
  position: relative;
  text-align: right;
}
.globalStock .main_searching .searchArea .sch_title {
  color: var(--color-text-primary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  text-align: left;
  display: inline-block;
  width: 45px;
  line-height: 33px;
}
.globalStock .main_searching .searchArea .sch_title.keydown {
  display: none;
}
.globalStock .main_searching .searchArea .searchInput {
  outline: none;
  width: 100%;
  padding: 12px 50px 12px 24px;
  box-sizing: border-box;
  border-radius: 26px;
  border: 1px solid var(--color-primary);
  background: var(--color-bg-primary);
  box-shadow: var(--shadow-custom);
  color: var(--color-text-primary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xxl);
  letter-spacing: var(--letter-spacing-tight);
}
.globalStock .main_searching .searchArea .searchInput.keydown {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.globalStock .main_searching .searchArea .searchInput::-moz-placeholder {
  color: var(--color-text-disabled);
}
.globalStock .main_searching .searchArea .searchInput::placeholder {
  color: var(--color-text-disabled);
}
.globalStock .main_searching .searchArea .searchBtn {
  display: inline-block;
  width: 24px;
  height: auto;
  position: absolute;
  right: 16px;
  top: 14px;
}

.globalStock .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%;
}
.globalStock .main_searching .sch_autocomplete.focus_on {
  display: block;
}
.globalStock .main_searching .sch_autocomplete._show {
  display: block;
}
.globalStock .main_searching .sch_autocomplete ul {
  background: #fff;
  border-top: 0;
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
}
.globalStock .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;
}
.globalStock .main_searching .sch_autocomplete ul li:last-child {
  padding-bottom: 24px;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}
.globalStock .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);
}
.globalStock .main_searching .sch_autocomplete ul li a._on {
  border: none;
  padding: 0;
}
.globalStock .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;
}
.globalStock .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) {
  .globalStock .main_searching .sch_autocomplete ul li a .schCode {
    width: 48px;
    min-width: 40px;
    max-width: 54px;
    font-size: 15px !important;
  }
  .globalStock .main_searching .sch_autocomplete ul li a .schList {
    font-size: 15px !important;
    max-width: calc(100% - 54px);
  }
}
.globalStock .main_searching .sch_autocomplete ul li a .schList strong {
  color: #939393;
  font-weight: bold;
}
.globalStock .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;
}
.globalStock .main_searching .sch_autocomplete .no_result p {
  color: #939393;
}

.main_top_bg {
  padding: 0 20px 37px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFF 9.41%, var(--Background-primary-light-background, #F1F4F6) 40.49%);
}
.main_top_bg .index_group {
  overflow: hidden;
  margin-top: 20px;
  padding: 0;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), var(--Background-primary-light-background, #F1F4F6);
}
.main_top_bg .briefing_recom {
  margin: 0 !important;
  padding: 0 16px !important;
  background: #FFF;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.main_top_bg .leading_area {
  margin: 0 !important;
  padding: 24px 16px;
}
.main_top_bg .leading_day {
  width: 100%;
  padding: 12px 16px 0;
  box-sizing: border-box;
  display: block;
  text-align: right;
  color: var(--Font-disabled, #B0B8C1);
  text-align: right;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-12, 14px);
  /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

/* 모닝브리핑, 종목노트 */
.globalStock .main_mid.briefing_recom {
  margin-top: 11px;
  padding: 0 20px;
  height: 48px;
  box-sizing: border-box;
  overflow: hidden;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper ul {
  width: 100%;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 12px 0 8px;
  color: var(--Font-teriary-title, #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);
}
.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt a {
  color: var(--Font-teriary-title, #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);
  vertical-align: middle;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 6px;
  background-color: #E57828;
  line-height: 18px;
  vertical-align: middle;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt span.note_issue,
.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt span.note_recom {
  display: inline-block;
  color: var(--Font-teriary-title, #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);
  vertical-align: sub;
  margin-right: 8px;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt span.note_issue,
.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt span.note_recom {
  display: inline-block;
  color: var(--Font-teriary-title, #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);
  vertical-align: sub;
  margin-right: 8px;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt .remark {
  color: #333;
  font-size: 0.875rem;
  padding-left: 4px;
}

.globalStock .main_mid.briefing_recom .mainbriefingSwiper .txt .remark .txt_filter i {
  background-color: #333;
  width: 6px;
  height: 6px;
  margin: 0;
}

/* 메인 - 종목추천 */
.globalStock .main_top.recommend_area {
  margin-top: 80px;
}

.globalStock .main_top.recommend_area .recom_list {
  margin-top: 15px;
}

.globalStock .main_top.recommend_area .chart_area {
  background: #fff;
  border-radius: 16px;
  width: calc(100% - 30px);
  margin: 4px auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto 140px;
}

.globalStock .main_top.recommend_area .chart_area .chartData {
  display: inline-block;
  box-sizing: border-box;
  padding: 14px 17px;
  vertical-align: top;
  position: relative;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal {
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 17px;
  background: var(--Font-primary-blue, #4168F6);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.globalStock .main_top.recommend_area .chart_area .chartData .containerM1 {
  vertical-align: top;
  margin-top: 5px;
  display: inline-block;
  width: 90%;
  height: 70px;
}

.globalStock .main_top.recommend_area .chart_area .chartData .event_name {
  display: inline-block;
  max-width: 170px;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_top.recommend_area .chart_area .chartData .event_name {
    max-width: 123px;
  }
}
@media (min-width: 425px) {
  .globalStock .main_top.recommend_area .chart_area .chartData .event_name {
    max-width: 220px;
  }
}
@media (min-width: var(--bp-tablet-s)) {
  .globalStock .main_top.recommend_area .chart_area .chartData .event_name {
    max-width: 320px;
  }
}
.globalStock .main_top.recommend_area .chart_area .chartData .event_name a {
  color: #333;
  font-size: 1.25rem;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail {
  display: inline-block;
  margin-top: 7px;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num,
.globalStock .main_top.recommend_area .chart_area .chartData .detail .per {
  color: #333;
  font-size: 1.125rem;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num b,
.globalStock .main_top.recommend_area .chart_area .chartData .detail .per b {
  color: #333;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num {
  display: inline-block;
  font-weight: 500;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .per {
  display: inline-block;
  font-weight: 500;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num .increase,
.globalStock .main_top.recommend_area .chart_area .chartData .detail .per .increase {
  color: #FF2929;
  font-size: 1.125rem;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .per .increase {
  font-size: 0.75rem;
  padding-left: 5px;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num .decrease,
.globalStock .main_top.recommend_area .chart_area .chartData .detail .per .decrease {
  color: #26ABFF;
  font-size: 1.125rem;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .per .decrease {
  font-size: 0.75rem;
  padding-left: 5px;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num .increase b,
.globalStock .main_top.recommend_area .chart_area .chartData .detail .per .increase b {
  color: #FF3178;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_top.recommend_area .chart_area .chartData .detail .num .decrease b,
.globalStock .main_top.recommend_area .chart_area .chartData .detail .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dl:last-child {
  margin-top: 6px;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dl {
  clear: both;
  float: none;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dt {
  color: #b6cfe0;
  font-size: 0.7rem;
  vertical-align: top;
  padding-top: 3px;
  display: inline-block;
  font-weight: 300;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd {
  color: #fff;
  font-size: 1.125rem;
  padding-top: 3px;
  display: block;
  font-weight: 500;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd.increase,
.globalStock .main_top.recommend_area .chart_area .chartGoal dd.increase b {
  color: #FF2929;
  font-size: 1.125rem;
  opacity: 0.9;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd.decrease,
.globalStock .main_top.recommend_area .chart_area .chartGoal dd.decrease b {
  color: #26ABFF;
  font-size: 1.125rem;
  opacity: 0.9;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd.increase b,
.globalStock .main_top.recommend_area .chart_area .chartGoal dd.decrease b {
  font-weight: normal;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd b {
  color: #fff;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd.prm_lock {
  text-align: center;
  background: #303FAF;
  border-radius: 11px;
  margin-top: 3px;
  padding-top: 0;
  height: 18px;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal dd.prm_lock img {
  display: inline-block;
  height: 18px;
  vertical-align: top;
}

.globalStock .main_top.recommend_area .chart_area .chartGoal .attainment {
  clear: both;
  float: none;
  display: block;
  color: #b6cfe0;
  font-size: 0.9375rem;
}

.globalStock .main_top.recommend_area .chart_area .info li {
  display: inline-block;
  height: 18px;
  vertical-align: top;
}

.globalStock .main_top.recommend_area .chart_area .info li span {
  line-height: normal;
  font-size: 0.75rem;
  display: inline-block;
  color: #D3D3D3;
  vertical-align: top;
}

.globalStock .main_top.recommend_area .chart_area .info li span .remark {
  color: #d3d3d3;
  font-size: 1.5em;
  letter-spacing: -0.12rem;
  display: inline-block;
  vertical-align: top;
}

/* 메인 - 승부주 */
.globalStock .ptfo_recom {
  background: #dfe3ed;
  border-radius: 14px;
  margin: 30px 15px 32px;
  padding: 13px 14px;
  display: flex;
  justify-content: space-between;
}

.globalStock .ptfo_recom .ptfo_title {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.875rem;
  padding-right: 12px;
  line-height: 18px;
}

.globalStock .ptfo_recom .ptfo_title::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #E8EAFA;
  border-radius: 3px;
  position: absolute;
  right: 3px;
  top: 1px;
}

.globalStock .ptfo_recom .ptfo_title a {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .ptfo_recom dl.revenue {
  display: inline-block;
  vertical-align: top;
}

.globalStock .ptfo_recom dl.revenue dt {
  color: #333;
  font-size: 0.6rem;
  display: inline-block;
  line-height: 18px;
  vertical-align: top;
}

.globalStock .ptfo_recom dl.revenue dd {
  display: inline-block;
  line-height: 18px;
}

.globalStock .ptfo_recom dl.revenue dd.increase {
  color: #ff2929;
  font-size: 1rem;
}

.globalStock .ptfo_recom dl.revenue dd.decrease {
  color: #26ABFF;
  font-size: 1rem;
}

.globalStock .ptfo_recom dl.revenue dd.increase b {
  color: #ff2929;
  font-weight: normal;
  font-size: 1rem;
  opacity: 0.7;
}

.globalStock .ptfo_recom dl.revenue dd.decrease b {
  color: #26ABFF;
  font-weight: normal;
  font-size: 1rem;
  opacity: 0.7;
}

.globalStock .ptfo_recom .more {
  display: inline-block;
  text-align: right;
  padding: 3px 0 3px 4px;
  box-sizing: border-box;
  color: #333;
  font-size: 0.6rem;
  vertical-align: top;
  line-height: 12px;
}

.globalStock .ptfo_recom .more span {
  background: var(--Font-primary-blue, #4168F6);
  padding: 1px 6px 2px;
  border-radius: 6px;
  color: #fff;
  margin-left: 4px;
  font-size: 0.75rem;
}

.globalStock .ptfo_recom .more img {
  margin-left: 7px;
  margin-top: 3px;
  width: 4px;
  height: 8px;
}

/* 메인 - 주요지수 */
.globalStock .main_mid.leading_area {
  margin-top: 15px;
}
.globalStock .main_mid.leading_area .maingdowSwiper {
  visibility: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}
.globalStock .main_mid.leading_area .maingdowSwiper.swiper-container-initialized {
  visibility: visible;
}
.globalStock .main_mid.leading_area .maingdowSwiper .swiper-wrapper {
  transition-timing-function: linear;
}
.globalStock .main_mid.leading_area .maingdowSwiper .swiper-slide {
  display: block;
  width: auto;
  border-right: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.globalStock .main_mid.leading_area .leading_exp .box {
  cursor: pointer;
  flex: 1 1 35%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 6px;
  min-width: 140px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 16px;
}
.globalStock .main_mid.leading_area .leading_exp .box .title {
  width: 100%;
  color: var(--Font-secondary-title, #24282C);
  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);
}
.globalStock .main_mid.leading_area .leading_exp .box .num {
  margin-top: 4px;
  width: 100%;
}
.globalStock .main_mid.leading_area .leading_exp .box .num span {
  color: var(--Font-primary-numbertext, #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-sm, 18px);
  /* 112.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .main_mid.leading_area .leading_exp .box .per {
  width: 100%;
}
.globalStock .main_mid.leading_area .leading_exp .box .per .up,
.globalStock .main_mid.leading_area .leading_exp .box .per .down,
.globalStock .main_mid.leading_area .leading_exp .box .per .same {
  display: inline-block;
  margin-right: 3px;
}
.globalStock .main_mid.leading_area .leading_exp .box .per .up .same,
.globalStock .main_mid.leading_area .leading_exp .box .per .down .same,
.globalStock .main_mid.leading_area .leading_exp .box .per .same .same {
  display: none;
}
.globalStock .main_mid.leading_area .leading_exp .box .per span {
  display: inline-flex;
  align-items: center;
  color: var(--Gray-gray500, #8C98A7);
  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);
}
.globalStock .main_mid.leading_area .leading_exp .box .per span b {
  color: var(--Gray-gray500, #8C98A7);
  font-weight: var(--Weight-500, 500);
}
.globalStock .main_mid.leading_area .leading_exp .box .per span.increase, .globalStock .main_mid.leading_area .leading_exp .box .per span.decrease, .globalStock .main_mid.leading_area .leading_exp .box .per span.same {
  color: #F2333A;
}
.globalStock .main_mid.leading_area .leading_exp .box .per span.increase b, .globalStock .main_mid.leading_area .leading_exp .box .per span.decrease b, .globalStock .main_mid.leading_area .leading_exp .box .per span.same b {
  color: #F2333A;
}
.globalStock .main_mid.leading_area .leading_exp .box .per span.decrease {
  color: #006BFC;
}
.globalStock .main_mid.leading_area .leading_exp .box .per span.decrease b {
  color: #006BFC;
}
.globalStock .main_mid.leading_area .leading_exp .box .per span.same {
  color: var(--Gray-gray500, #8C98A7);
}
.globalStock .main_mid.leading_area .leading_exp .box .per span.same b {
  color: var(--Gray-gray500, #8C98A7);
}

/* 메인 - 사당 마켓스코어 간략히 보기 */
.globalStock .main_mid.tradeSignal_small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 16px;
  margin-top: 20px;
  padding: 17px 6px 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--Spacing-s-06, 16px);
}
.globalStock .main_mid.tradeSignal_small .txt_flx {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2px 2px;
}
.globalStock .main_mid.tradeSignal_small .title {
  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-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .main_mid.tradeSignal_small .title b {
  font-weight: var(--Weight-700, 700);
}
.globalStock .main_mid.tradeSignal_small .title b.fear {
  color: var(--Red-red500, #F03E4C);
}
.globalStock .main_mid.tradeSignal_small .title b.anxiety {
  color: #E9835B;
}
.globalStock .main_mid.tradeSignal_small .title b.normal {
  color: #ED9B17;
}
.globalStock .main_mid.tradeSignal_small .title b.greed {
  color: var(--Yellow-yellow700, #DFB513);
}
.globalStock .main_mid.tradeSignal_small .title b.extreme {
  color: var(--green500, #00D186);
}
.globalStock .main_mid.tradeSignal_small .title .num {
  color: var(--Font-secondary-title, #24282C);
  font-weight: var(--Weight-600, 600);
}
.globalStock .main_mid.tradeSignal_small .more {
  display: inline-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);
  height: 16px;
}
.mainTop_banner .event2025_banner,
.event2025_banner.app_and .swipe_bannertemp {
  max-width: 340px;
  width: 100%;
  margin: 0 auto;
}
.mainTop_banner .event2025_banner .banner_bg,
.event2025_banner.app_and .swipe_bannertemp .banner_bg {
  right: 0;
}

.swipe_banner .swiper-slide,
.swipe_bannertemp,
.event2025_banner.app_and {
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 16px;
  background-color: #DBE5FF;
}

.globalStock .event2025_banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px 12px;
  box-sizing: border-box;
  padding: 23px 24px;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 16px;
  background-color: #DBE5FF;
}
@media (max-width: 374px) {
  .globalStock .event2025_banner {
    padding: 23px 16px;
  }
}
.globalStock .event2025_banner .img {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0px 0px 15px 0px rgba(96, 140, 250, 0.3);
  background-color: #fff;
  width: 56px;
  height: 56px;
}
.globalStock .event2025_banner .banner_bg {
  content: "";
  display: inline-block;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.globalStock .event2025_banner .banner_bg.app_and {
  width: 80px;
  height: 80px;
  background: url("/img/banner/new_app.png?v=250905") no-repeat 0 0;
  background-size: 80px 80px;
}
.globalStock .event2025_banner .banner_bg.note {
  width: 80px;
  height: 80px;
  background: url("/img/banner/icon_noteman.png") no-repeat 0 0;
  background-size: 80px 80px;
}
.globalStock .event2025_banner .banner_bg.addagaflash {
  width: 80px;
  height: 80px;
  background: url("/img/banner/icon_addagaflash.png") no-repeat 0 0;
  background-size: 80px 80px;
}
.globalStock .event2025_banner .banner_bg.dividend {
  width: 80px;
  height: 80px;
  background: url("/img/banner/icon_dividend.png") no-repeat 0 0;
  background-size: 80px 80px;
}
.globalStock .event2025_banner .link_banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  color: var(--Font-secondary-title, #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);
}
.globalStock .event2025_banner .link_banner b {
  color: var(--Font-secondary-title, #24282C);
  font-weight: var(--Weight-600, 600);
}
.globalStock .event2025_banner .link_banner span {
  display: block;
  padding-bottom: 4px;
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.globalStock .event2025_banner.bg_gray {
  background-color: #ECEFFD;
}
.globalStock .event2025_banner.bg_gray .link_banner {
  color: #333;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.globalStock .event2025_banner.bg_gray .link_banner b {
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .event2025_banner.bg_gray .link_banner span {
  color: #6A727B;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* 메인 - 상단 배너 */
.globalStock .main_mid.mainTop_banner {
  margin: 20px 20px 0;
}
.globalStock .main_mid.mainTop_banner .swipe_banner {
  margin: 0;
}
.globalStock .main_mid.mainTop_banner .swipe_banner .banner {
  background-color: #DBE5FF;
}
.globalStock .main_mid.mainTop_banner .swipe_bannertemp {
  margin: 0;
}
.globalStock .main_mid.mainTop_banner .swipe_bannertemp .banner {
  background-color: #DBE5FF;
}

/* 메인 - 관심종목 */
.globalStock .main_mid.attention_area {
  margin-top: 45px;
}

.globalStock .main_mid.attention_area .attentionSwiper table.tableRanking.type_2Line {
  position: absolute;
  top: 0;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line {
  background: #f7f8f9;
  border-radius: 16px;
}

.globalStock .main_mid.attention_area .main_top.recommend_area .main_mid.game_area table.tableRanking.type_2Line {
  margin: 0;
  width: 100%;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line tr {
  height: 48px;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line tr:last-child {
  border-bottom: none;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line td {
  text-align: center;
  vertical-align: top;
  line-height: 100%;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line td.num {
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
  text-align: right;
}

.globalStock .main_mid.attention_area .attention_all {
  flex-wrap: wrap;
  align-content: center;
  gap: 12px;
  background-color: #f6f7fa;
}

.globalStock .main_mid.attention_area .attention_all .txt_a {
  width: 100%;
  color: #333;
  line-height: 1.4;
  font-size: 0.875rem;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line td.num {
  text-align: right;
  /* font-weight: bold; */
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line td.num span b {
  font-weight: normal;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod {
  text-align: left;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span,
.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span b {
  background: none;
  text-align: left;
  font-weight: normal;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.increase,
.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.decrease {
  background: none !important;
  padding-top: 3px;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.increase,
.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.increase b {
  color: #ff2929;
  font-size: 0.75rem;
  line-height: normal;
  font-weight: normal !important;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.decrease,
.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.decrease b {
  color: #26ABFF;
  font-size: 0.75rem;
  line-height: normal;
  font-weight: normal !important;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal {
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  margin-top: 11px;
  margin-right: 5px;
  padding: 5px 5px;
  width: 61px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 12px;
}

@media (max-width: 360px) {
  .globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal {
    padding: 5px 5px;
    width: 46px;
  }
}
.globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal.buy {
  background-color: #FF4500;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal.sell {
  background-color: #1E90FF;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal.hold {
  background-color: #008000;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .signal.waitting {
  background-color: #a1a1a1;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line td.prm_lock {
  position: relative;
  top: -3px;
  padding-right: 15px;
  padding-left: 10px;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line td.prm_lock img {
  display: inline-block;
  width: 56px;
  height: 22px;
}

.globalStock .main_mid.attention_area table.tableRanking td {
  padding: 15px 3px 5px 15px;
  text-align: center;
}

.globalStock .main_mid.attention_area .attention_all {
  width: 100%;
  height: 194px;
  background: #f7f8f9;
  border-radius: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.globalStock .main_mid.attention_area .attention_all a {
  display: inline-block;
  padding: 8px 26px 8px 18px;
  border-radius: 15px;
  background: #fff;
  color: #303FAF;
  font-size: 0.9rem;
  text-align: center;
  position: relative;
}

.globalStock .main_mid.attention_area .attention_all a i {
  position: absolute;
  right: 10px;
  top: 11px;
  display: inline-block;
  width: 5px;
  height: 8px;
  background: url("/img/more_blue.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .main_mid.attention_area table.tableRanking .title {
  padding: 15px 0 5px 15px;
  text-align: left !important;
}

.globalStock .main_mid.attention_area table.tableRanking .title a {
  color: #333;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: -0.75px;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (min-width: 361px) and (max-width: 700px) and (device-aspect-ratio: 0.6666666667) {
  /* 아이폰용 스타일 */
  .globalStock .main_mid.attention_area table.tableRanking .title a {
    width: 120px;
  }
}
@media only screen and (min-width: 361px) and (max-width: 700px) and (device-aspect-ratio: 1.7777777778) {
  /* 갤럭시 폰용 스타일 */
  .globalStock .main_mid.attention_area table.tableRanking .title a {
    width: 140px;
  }
  .globalStock .main_mid.attention_area table.tableRanking .title a {
    width: 130px;
  }
}
@media (min-width: 721px) {
  .globalStock .main_mid.attention_area table.tableRanking .title a {
    width: 340px;
  }
}
.globalStock .main_mid.attention_area table.tableRanking .title a .ticker {
  line-height: normal;
  display: block;
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 2px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.attention_area table.tableRanking .num {
  text-align: right;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num span b {
  font-weight: 300;
  color: #333;
  opacity: 1;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod {
  position: relative;
  top: -3px;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span {
  display: inline-block;
  background-color: rgba(255, 75, 75, 0.08) !important;
  border-radius: 3px;
  /* text-align: center; */
  font-weight: bold;
  padding: 5px 5px;
  box-sizing: border-box;
  width: 61px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num .increase {
  display: block;
  color: #ff0000;
  font-size: 0.75rem;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num .decrease {
  display: block;
  color: #0062ff;
  font-size: 0.75rem;
  background-color: rgba(0, 98, 255, 0.08) !important;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num.dod span.decrease {
  /* background-color: rgba(0, 98, 255, 0.08) !important; */
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num .increase b {
  color: #ff2929;
  font-size: 0.75rem;
  font-weight: bold;
  padding-left: 1px;
}

.globalStock .main_mid.attention_area table.tableRanking.type_2Line .num .decrease b {
  color: #0062ff;
  font-size: 0.75rem;
  font-weight: bold;
  padding-left: 1px;
  opacity: 1;
}

.globalStock .main_mid.attention_area table.tableRanking .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .main_mid.attention_area table.tableRanking .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .main_mid.attention_area table.tableRanking .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .main_mid.attention_area table.tableRanking .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .main_mid.attention_area table.tableRanking .score {
  text-align: right;
  padding-right: 10px;
  line-height: 2rem;
}

.globalStock .main_mid.attention_area table.tableRanking .score span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #939393;
}

.globalStock .main_mid.attention_area table.tableRanking .score span b {
  font-weight: normal;
  font-size: 0.78rem;
  color: #939393;
  opacity: 0.7;
}

.globalStock .main_mid.attention_area table.tableRanking .recom {
  text-align: right;
  padding-right: 15px;
}

.globalStock .main_mid.attention_area table.tableRanking .recom span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.attention_area table.tableRanking .allocation {
  text-align: right;
}

.globalStock .main_mid.attention_area table.tableRanking .allocation span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.attention_area .attentionSwiper {
  width: calc(100% - 40px);
  margin: 15px auto 0;
  padding-bottom: 30px;
}

.globalStock .main_mid.attention_area .attentionSwiper .swiper-slide {
  height: 194px;
  border-radius: 16px;
  background: #f7f8f9;
}

.globalStock .main_mid.attention_area .attentionSwiper .swiper-pagination {
  display: block !important;
}

.globalStock .main_mid.attention_area .one_step,
.globalStock .main_mid.event_recipe .one_step {
  width: calc(100% - 30px);
  padding: 0 5px;
  box-sizing: border-box;
  margin: 17px auto 0;
  display: flex;
  justify-content: space-between;
}
.globalStock .main_mid.attention_area .one_step .txt,
.globalStock .main_mid.event_recipe .one_step .txt {
  color: #333;
  font-size: 0.875rem;
  text-align: center;
  line-height: normal;
  vertical-align: top;
  padding: 0 10px;
}
.globalStock .main_mid.attention_area .one_step .more,
.globalStock .main_mid.event_recipe .one_step .more {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  padding-right: 20px;
  position: relative;
}
.globalStock .main_mid.attention_area .one_step .more span,
.globalStock .main_mid.event_recipe .one_step .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}
.globalStock .main_mid.attention_area .one_step .more img,
.globalStock .main_mid.event_recipe .one_step .more img {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

.globalStock .main_mid.event_recipe .one_step {
  margin-top: 25px;
  align-items: center;
}

.globalStock .ptfo_datatable + .one_step {
  width: calc(100% - 30px);
  margin: 15px auto 32px;
}

.globalStock .ptfo_datatable + .one_step .txt {
  color: #333;
  font-size: 0.9rem;
  text-align: center;
  line-height: 25px;
  vertical-align: top;
}

.globalStock .ptfo_datatable + .one_step .more {
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  padding-right: 20px;
  position: relative;
  float: right;
}

.globalStock .ptfo_datatable + .one_step .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}

.globalStock .ptfo_datatable + .one_step .more img {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

/* 메인 - 투자레시피 */
.globalStock .main_mid.event_recipe {
  margin-top: 55px;
}

.globalStock .main_mid.event_recipe::after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .main_mid.event_recipe .tabsArea {
  overflow: hidden;
  position: relative;
}

.globalStock .main_mid.event_recipe .tabsArea .tab_scr .recipe_tabs {
  width: calc(100% + 100px);
  display: block;
}

.globalStock .main_mid.event_recipe .tabsArea .tab_scr .recipe_tabs li {
  width: auto;
  padding-left: 13px;
  padding-right: 13px;
  box-sizing: border-box;
}

.globalStock .main_mid.event_recipe .recipe_tabs {
  font-size: 0;
  width: calc(100% - 40px);
  margin: 5px auto 0;
  float: none;
}

.globalStock .main_mid.event_recipe .recipe_tabs li {
  display: inline-block;
  width: auto;
  flex: 1 1 auto;
  text-align: center;
  border-bottom: none;
}

.globalStock .main_mid.event_recipe .recipe_tabs li span {
  color: var(--Font-default, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
  padding-bottom: 3px;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.event_recipe .recipe_tabs li span {
    font-size: 16px;
  }
}
.globalStock .main_mid.event_recipe .recipe_tabs li.active span {
  color: var(--Font-primary-blue, #4168F6);
  border-bottom: 2px solid var(--Font-primary-blue, #4168F6);
}

.globalStock .main_mid.event_recipe .tab_content {
  padding: 0;
}

.globalStock .main_mid.event_recipe table.tableRanking {
  width: calc(100% - 30px);
  margin: 5px auto 0;
  background: #f7f8f9;
  border-radius: 16px;
  overflow: hidden;
}

.globalStock .main_mid.event_recipe table.tableRanking tr:last-child {
  border-bottom: none;
}

.globalStock .main_mid.event_recipe table.tableRanking.type_2Line td {
  padding: 10px 3px 8px 15px;
  text-align: center;
}

.globalStock .main_mid.event_recipe table.tableRanking.type_2Line td.prm_lock img {
  display: inline-block;
  width: 56px;
  height: 22px;
  margin-top: 10px;
}

.globalStock .main_mid.event_recipe table.tableRanking td {
  padding: 10px 3px 8px 15px;
  text-align: center;
}

.globalStock .main_mid.event_recipe table.tableRanking .title {
  text-align: left !important;
}

.globalStock .main_mid.event_recipe table.tableRanking .title a {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.event_recipe table.tableRanking .title a .ticker {
  display: block;
  line-height: 1.2rem;
  color: #D3D3D3;
  font-size: 0.75rem;
  margin-top: 2px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.event_recipe table.tableRanking .num .hit {
  color: #939393;
  font-size: 0.7rem;
  display: block;
}

.globalStock .main_mid.event_recipe table.tableRanking .num {
  text-align: right;
}

.globalStock .main_mid.event_recipe table.tableRanking .num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
}

.globalStock .main_mid.event_recipe table.tableRanking .num span b {
  font-weight: normal;
  color: #333;
}

.globalStock .main_mid.event_recipe table.tableRanking .num .increase {
  display: block;
  color: #ff0000;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .num .decrease {
  display: block;
  color: #0062ff;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .num .increase b {
  color: #ff0000;
  font-size: 0.75rem;
  padding-left: 1px;
  font-weight: bold;
  opacity: 1;
}

.globalStock .main_mid.event_recipe table.tableRanking .num .decrease b {
  color: #0062ff;
  font-size: 0.75rem;
  padding-left: 1px;
  font-weight: bold;
  opacity: 1;
}

.globalStock .main_mid.event_recipe table.tableRanking .num .same {
  display: block;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .num.last_year {
  vertical-align: top;
  width: 90px;
  padding-right: 10px !important;
  box-sizing: border-box;
}

.globalStock .main_mid.event_recipe table.tableRanking .num.last_year span {
  line-height: 30px;
}

.globalStock .main_mid.event_recipe table.tableRanking .num.last_year .increase {
  display: block;
  font-weight: normal;
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .num.last_year .decrease {
  display: block;
  font-weight: normal;
  color: #26ABFF;
  font-size: 0.9375rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .num.last_year .increase b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_mid.event_recipe table.tableRanking .num.last_year .decrease b {
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_mid.event_recipe table.tableRanking .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .main_mid.event_recipe table.tableRanking .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .main_mid.event_recipe table.tableRanking .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .score {
  text-align: right;
  padding-right: 10px;
  line-height: 2rem;
}

.globalStock .main_mid.event_recipe.v_1_5 table.tableRanking .score {
  width: 90px;
}

.globalStock .main_mid.event_recipe table.tableRanking .score span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #939393;
}

.globalStock .main_mid.event_recipe table.tableRanking .score span b {
  font-weight: normal;
  font-size: 0.78rem;
  color: #939393;
  opacity: 0.7;
}

.globalStock .main_mid.event_recipe table.tableRanking .recom {
  text-align: right;
  line-height: 2rem;
}

.globalStock .main_mid.event_recipe table.tableRanking .recom span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.event_recipe table.tableRanking .allocation {
  text-align: right;
}

.globalStock .main_mid.event_recipe table.tableRanking .allocation span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.event_recipe .etc {
  clear: both;
  float: none;
  font-size: 0.75rem;
  color: #939393;
  text-align: right;
  padding: 12px 20px 0 0;
  line-height: 1.4;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box {
  background: #f7f8f9;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 16px;
  text-align: right;
  position: relative;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box .game_th {
  display: flex;
  justify-content: flex-end;
  gap: 0 15px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #f4f4f5;
}

.globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box .game_th {
  padding: 0 24px;
}
@media (min-width: 320px) and (max-width: 400px) {
  .globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box .game_th {
    padding: 0 25px;
  }
}

.globalStock .main_mid.event_recipe .tab_content#tab2 .tableth_box .game_th {
  padding: 0 20px;
  gap: 0 25px;
}

.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box .game_th {
  padding: 0 30px;
  gap: 0 40px;
}
@media (min-width: 320px) and (max-width: 400px) {
  .globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box .game_th {
    padding: 0 25px;
  }
}

.globalStock .main_mid.event_recipe .tab_content#tab4 .tableth_box .game_th {
  padding: 0 15px;
  gap: 0 32px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box .game_th li {
  display: inline-block;
  color: #939393;
  font-size: 0.6rem;
  letter-spacing: -0.5px;
  text-align: right;
  padding: 11px 0;
  box-sizing: border-box;
  padding-right: 0;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking {
  width: 100% !important;
  margin-top: 0;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking + .table_compare {
  position: absolute;
  right: 0;
  bottom: 40px;
  font-size: 10px;
  line-height: normal;
  color: #82929f;
  padding-right: 17px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title.t_short {
  padding-right: 8px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title a {
  width: 160px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title.t_short a {
  width: 100%;
  max-width: 160px;
  min-width: 74px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title.t_short a {
    max-width: 114px;
  }
}
@media (max-width: 410px) {
  .globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title.t_short a {
    max-width: 77px;
  }
}
@media (max-width: 320px) {
  .globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title.t_short a {
    max-width: 74px;
  }
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title.t_short a {
    width: 100px;
    font-size: 15px;
  }
  .globalStock .main_mid.event_recipe .tab_content#tab2 .tableth_box table.tableRanking .title.t_short a,
  .globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking .title.t_short a,
  .globalStock .main_mid.event_recipe .tab_content#tab4 .tableth_box table.tableRanking .title.t_short a {
    width: 82px;
  }
}
.globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box table.tableRanking tr:last-child .title.t_short {
  padding-bottom: 17px;
}
.globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box table.tableRanking .title.t_short + td.num {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0 10px;
  max-width: 140px;
  box-sizing: border-box;
  padding-top: 7px;
}
.globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box table.tableRanking .title.t_short + td.num > span:nth-of-type(1) {
  min-width: 70px;
  text-align: right;
}
.globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box table.tableRanking .title.t_short + td.num .per {
  width: 60px;
  margin-left: auto;
  text-align: left;
}
.globalStock .main_mid.event_recipe .tab_content#tab1 .tableth_box table.tableRanking .num.dod {
  padding-right: 10px !important;
}
.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking tr:last-child .title.t_short {
  padding-bottom: 17px;
}
.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking .title.t_short + td.num {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0 10px;
  max-width: 140px;
  box-sizing: border-box;
  padding-top: 7px;
}
.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking .title.t_short + td.num > span:nth-of-type(1) {
  min-width: 70px;
  text-align: right;
}
.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking .title.t_short + td.num .per {
  width: 60px;
  margin-left: auto;
  text-align: left;
}
.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking td.profit {
  width: 89px;
  padding-left: 10px;
  padding-right: 12px;
  margin-left: auto;
  box-sizing: border-box;
}
.globalStock .main_mid.event_recipe .tab_content#tab3 .tableth_box table.tableRanking td.title {
  padding: 16px 0 7px 12px;
}

.globalStock .main_mid.event_recipe .tab_content#tab4 .tableth_box table.tableRanking td.profit {
  width: 70px;
  box-sizing: border-box;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title .remark {
  height: 14px;
  font-size: 1.5em;
  letter-spacing: -0.18rem;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title a .ticker {
  line-height: normal;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td {
  padding: 15px 3px 5px 15px;
  text-align: right;
  vertical-align: top;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.title {
  padding: 15px 0 5px 12px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.num {
  margin-left: auto;
  padding-left: 8px;
}

.globalStock .main_mid.event_recipe .tab_content#tab2 .tableth_box table.tableRanking td.num {
  padding-left: 6px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td span.na {
  color: #939393;
  font-size: 0.8rem;
  display: inline-block;
  margin-top: 11px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.profit {
  margin-left: auto;
  padding-right: 15px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.profit .txt {
  color: #333;
  font-size: 0.875rem;
  margin-top: 2px;
  display: inline-block;
  font-weight: normal !important;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking.type_2Line td.prm_lock img {
  margin-top: 0;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .num .increase,
.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .num .decrease {
  display: block;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .score {
  padding-right: 20px !important;
  box-sizing: border-box;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .trans {
  color: #939393;
  padding-right: 15px !important;
  padding-left: 7px;
  width: 68px;
  box-sizing: border-box;
  text-align: center;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .trans span {
  color: #939393;
  font-size: 0.7rem;
  line-height: normal;
  display: inline-block;
  padding-left: 2px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .trans i {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  background: url("/img/game_trans_b.svg") no-repeat 0 0;
  background-size: 60px 18px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .trans.trans i {
  background-position: -22px 0;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .trans.up i {
  background-position: 1px 0;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .trans.down i {
  background-position: calc(100% - 1px) 0;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.prm_lock {
  position: relative;
  top: -3px;
  padding-right: 15px;
  padding-left: 10px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.num.dod {
  position: relative;
  top: -3px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.num.dod span {
  display: inline-block;
  background-color: rgba(255, 75, 75, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 3px;
  width: 64px;
  box-sizing: border-box;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.num.dod .decrease {
  background-color: rgba(0, 98, 255, 0.08) !important;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box .table_btmarea {
  width: calc(100% - 30px);
  margin: 0 auto;
  border-top: 1px solid #f4f4f5;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box .table_btmarea a.more {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: normal;
  color: #939393;
  padding: 8px 15px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box .table_btmarea a.more i {
  display: inline-block;
  position: absolute;
  left: calc(50% + 24px);
  top: calc(50% - 5px);
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreR.png") no-repeat center center;
  background-size: cover;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.td_attention {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  text-align: left;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.td_attention p.attention i {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 13px;
  height: 12px;
  background: url("/img/heart_attention.svg") no-repeat 0 1px;
  margin-right: 3px;
  background-size: 12px 24px;
}

.globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking td.td_attention p.on i {
  background-position: 0 -14px;
}

/* 메인 - 승부주 */
.globalStock .main_mid.game_area {
  margin-top: 80px;
  margin-bottom: 25px;
}

.globalStock .main_mid.game_area .title .remark {
  font-size: 0.75rem;
  color: #939393;
  font-weight: normal;
  padding-left: 5px;
}

.globalStock .main_mid.game_area .list_area {
  margin: 15px 0;
}

.globalStock .main_mid.game_area .list_area .maingameSwiper {
  padding: 0 15px;
  box-sizing: border-box;
  visibility: hidden;
}
.globalStock .main_mid.game_area .list_area .maingameSwiper.swiper-container-initialized {
  visibility: visible;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.game_area .list_area {
    margin: 15px 0;
  }
  .globalStock .main_mid.game_area .list_area .maingameSwiper {
    padding: 0 10px;
  }
}
.globalStock .main_mid.game_area .list_area .area {
  background: #f7f8f9;
  box-sizing: border-box;
  padding: 14px 8px;
  border-radius: 16px;
  width: 190px;
}

.globalStock .main_mid.game_area .list_area .area .list {
  padding: 0 8px 7px;
}

.globalStock .main_mid.game_area .list_area .area .list .title a {
  color: #333;
  font-size: 1rem;
  line-height: normal;
  font-weight: normal;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.game_area .list_area .area .list .title a {
    font-size: 15px;
  }
}
.globalStock .main_mid.game_area .list_area .area .list .sum {
  display: inline-block;
  color: #d3d3d3;
  font-size: 0.75rem;
  position: relative;
  top: -3px;
}

.globalStock .main_mid.game_area .list_area .area .list .num > div {
  margin-top: 10px;
}

.globalStock .main_mid.game_area .list_area .area .list .num > div:last-child {
  padding-left: 5px;
}

.globalStock .main_mid.game_area .list_area .area .list .num .th {
  display: block;
  color: #939393;
  font-size: 0.7rem;
  padding-bottom: 2px;
}

.globalStock .main_mid.game_area .list_area .area .list .num {
  display: flex;
  justify-content: space-between;
}

.globalStock .main_mid.game_area .list_area .area .list .num .td {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  line-height: normal;
}

.globalStock .main_mid.game_area .list_area .area .list .num .td b {
  font-weight: 300;
  color: #333;
}

.globalStock .main_mid.game_area .list_area .area .list .num .td.prm_lock {
  display: inline-block;
  height: 22px;
  padding-top: 4px;
}

.globalStock .main_mid.game_area .list_area .area .list .num .td.prm_lock img {
  display: inline-block;
  width: auto;
  height: 100%;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod {
  display: inline-block;
  background-color: rgba(255, 75, 75, 0.15);
  border-radius: 3px;
  text-align: center;
  padding: 4px 5px;
  width: 61px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff2929;
  font-size: 0.75rem;
  border-radius: 3px;
  margin-top: 3px;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod b {
  color: #ff2929;
  font-size: 0.75rem;
  opacity: 0.7;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod.decrease {
  color: #26ABFF;
  background-color: rgba(0, 98, 255, 0.08) !important;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod.decrease b {
  color: #26ABFF;
  font-size: 0.75rem;
  opacity: 0.7;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod.prm_lock {
  background: none;
  padding: 0;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod.prm_lock a {
  display: inline-block;
}

.globalStock .main_mid.game_area .list_area .area .list .num .dod.prm_lock img {
  display: inline-block;
  width: 61px;
  height: 20px;
}

.globalStock .main_mid.game_area .list_area .area .analysis_score {
  margin-top: 8px;
  padding-left: 7px;
}

.globalStock .main_mid.game_area .list_area .area .analysis_score .game_tip .game_title {
  font-size: 0.7rem;
  font-weight: normal;
  color: #939393;
  display: inline-block;
  margin-top: 5px;
  margin-right: 2px;
}

.globalStock .main_mid.game_area .list_area .area .analysis_score .game_tip .trans_icn {
  display: inline-block;
  vertical-align: top;
  width: 19px;
  height: 18px;
  margin-bottom: 0;
  margin-top: 2px;
  background: url("/img/game_trans_b.svg") no-repeat 0 0;
  background-size: auto 18px;
}

.globalStock .main_mid.game_area .list_area .area .analysis_score .game_tip .trans_icn.trans {
  background-position: -25px 0;
}

.globalStock .main_mid.game_area .list_area .area .analysis_score .game_tip .trans_icn.up {
  background-position: 1px 0;
}

.globalStock .main_mid.game_area .list_area .area .analysis_score .game_tip .trans_icn.down {
  background-position: calc(100% - 1px) 0;
}

.globalStock .main_mid.game_area .maingameSwiper .swiper-slide {
  display: block;
  width: auto;
}

.globalStock .main_mid.game_area .one_step {
  width: calc(100% - 30px);
  padding: 0 5px;
  box-sizing: border-box;
  margin: 25px auto 0;
  display: flex;
  justify-content: space-between;
}
.globalStock .main_mid.game_area .one_step .txt {
  color: #333;
  font-size: 0.875rem;
  text-align: center;
  line-height: normal;
  vertical-align: top;
}
.globalStock .main_mid.game_area .one_step .more {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  padding-right: 20px;
  position: relative;
}
.globalStock .main_mid.game_area .one_step .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}
.globalStock .main_mid.game_area .one_step .more img {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

/* 메인 - 종목추천 */
.globalStock .main_top.recommend_area .recomlist_area {
  margin-top: 15px;
}

.globalStock .main_top.recommend_area .recomlist_area .maingameSwiper {
  visibility: hidden;
  padding: 0 20px;
  box-sizing: border-box;
}
.globalStock .main_top.recommend_area .recomlist_area .maingameSwiper.swiper-container-initialized {
  visibility: visible;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_top.recommend_area .recomlist_area {
    margin: 15px 0;
  }
  .globalStock .main_top.recommend_area .recomlist_area .maingameSwiper {
    padding: 0 10px;
  }
}
.globalStock .main_top.recommend_area .recomlist_area .area {
  background: #e6e7f5;
  box-sizing: border-box;
  padding: 14px 8px;
  border-radius: 16px;
  width: 215px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list {
  padding: 0 8px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .title a {
  color: #333;
  font-size: 1rem;
  line-height: normal;
  font-weight: normal;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_top.recommend_area .recomlist_area .area .list .title a {
    font-size: 15px;
  }
}
.globalStock .main_top.recommend_area .recomlist_area .area .list .sum {
  display: inline-block;
  color: #939393;
  font-size: 0.75rem;
  font-weight: 300;
  position: relative;
  top: -3px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .detail {
  display: flex;
  margin-top: 10px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num > div {
  margin-top: 17px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num > div:last-child {
  padding-left: 5px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .th {
  display: block;
  color: #939393;
  font-size: 0.7rem;
  padding-bottom: 2px;
  font-weight: 300;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num span {
  font-weight: bold;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num span b {
  font-weight: 500;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .td {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  line-height: normal;
  font-weight: 500;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .td b {
  font-weight: 300;
  color: #333;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .td.prm_lock {
  display: inline-block;
  height: 22px;
  padding-top: 4px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .td.prm_lock img {
  display: inline-block;
  width: auto;
  height: 100%;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod {
  display: inline-block;
  background-color: #ff0000;
  border-radius: 3px;
  text-align: center;
  padding: 4px 5px;
  width: 61px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 3px;
  margin-top: 3px;
  font-weight: 500;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod b {
  color: #fff;
  font-size: 0.75rem;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod.decrease {
  color: #fff;
  background-color: #0062FF;
  font-weight: 500;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod.decrease b {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod.prm_lock {
  background: none;
  padding: 0;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod.prm_lock a {
  display: inline-block;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .num .dod.prm_lock img {
  display: inline-block;
  width: 61px;
  height: 20px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .per {
  padding-left: 8px;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .per span,
.globalStock .main_top.recommend_area .recomlist_area .area .list .per span b {
  font-weight: normal;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .per span.increase,
.globalStock .main_top.recommend_area .recomlist_area .area .list .per span.increase b {
  color: #F2333A;
  font-size: 0.75rem;
  line-height: normal;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .per span.decrease,
.globalStock .main_top.recommend_area .recomlist_area .area .list .per span.decrease b {
  color: #006BFC;
  font-size: 0.75rem;
  line-height: normal;
}

.globalStock .main_top.recommend_area .recomlist_area .area .list .per span.same,
.globalStock .main_top.recommend_area .recomlist_area .area .list .per span.same b {
  color: #363F4B;
  font-size: 0.75rem;
  line-height: normal;
}

.globalStock .main_top.recommend_area .maingameSwiper .swiper-slide {
  display: block;
  width: auto;
}

/* 메인 - 종목노트 */
.globalStock .main_mid.note_area {
  /* margin-bottom: 50px;	 */
  margin-top: 80px;
}

/*  메인 - 종목노트, 탐구생활, 주요뉴스 */
.globalStock .main_mid.note_area.note_tabs {
  overflow: hidden;
}

.globalStock .main_mid.note_area.note_tabs .lst_type {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.note_area.note_tabs .lst_type {
    width: 100%;
  }
}
.globalStock .main_mid.note_area.note_tabs .lst_type li {
  border-bottom: none;
  margin-bottom: 0;
  padding: 2.5px 0;
}

.globalStock .main_mid.note_area.note_tabs .tabsArea_note .note_tabs {
  font-size: 0;
  width: calc(100% - 28px);
  margin: 0 auto;
  float: none;
}

.globalStock .main_mid.note_area.note_tabs .tabsArea_note .note_tabs li {
  cursor: pointer;
  display: inline-block;
  width: auto;
  flex: 1 1 auto;
  text-align: center;
  border-bottom: none;
  margin-left: 22px;
}

.globalStock .main_mid.note_area.note_tabs .tabsArea_note .note_tabs li:first-child {
  margin-left: 0;
}

.globalStock .main_mid.note_area.note_tabs .tabsArea_note .note_tabs li span {
  font-size: 1.125rem;
  color: #aaaec9;
  padding-bottom: 3px;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.note_area.note_tabs .tabsArea_note .note_tabs li span {
    font-size: 16px;
  }
}
.globalStock .main_mid.note_area.note_tabs .tabsArea_note .note_tabs li.active span {
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
  border-bottom: 2px solid #404fc3;
}

.globalStock .main_mid.note_area.note_tabs .tabsArea_note .tab_content {
  padding: 13px 14px 0;
}

.globalStock .main_mid.news_area {
  margin-top: 80px;
}
.globalStock .main_mid.news_area .lst_type {
  margin-top: 3px;
}
.globalStock .main_mid.news_area .lst_type.news_list, .globalStock .main_mid.news_area .lst_type.note_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 20px;
}
.globalStock .main_mid.news_area .lst_type.news_list .list, .globalStock .main_mid.news_area .lst_type.note_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 16px 0;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .tag_list, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .tag_list .tag, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .txt .lock_icon, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  margin-right: 3px;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .txt p, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .info_box, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .info_box .day p, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .main_mid.news_area .lst_type.news_list .list .news_content .info_box .noti_tag, .globalStock .main_mid.news_area .lst_type.note_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .img, .globalStock .main_mid.news_area .lst_type.note_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .img.briefing, .globalStock .main_mid.news_area .lst_type.note_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.globalStock .main_mid.news_area .lst_type.news_list .list .img span, .globalStock .main_mid.news_area .lst_type.note_list .list .img span {
  display: inline-flex;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .img span img, .globalStock .main_mid.news_area .lst_type.note_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.globalStock .main_mid.news_area .lst_type.news_list .list .img span.logo img, .globalStock .main_mid.news_area .lst_type.note_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}
.globalStock .main_mid.news_area .btn_more a {
  padding: 19px 16px;
}

.globalStock .main_mid.note_area .lst_type {
  margin-top: 3px;
}
.globalStock .main_mid.note_area .lst_type.news_list, .globalStock .main_mid.note_area .lst_type.note_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 20px;
}
.globalStock .main_mid.note_area .lst_type.news_list .list, .globalStock .main_mid.note_area .lst_type.note_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 16px 0;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .tag_list, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .tag_list .tag, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .txt .lock_icon, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  margin-right: 3px;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .txt p, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .info_box, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .info_box .day p, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .main_mid.note_area .lst_type.news_list .list .news_content .info_box .noti_tag, .globalStock .main_mid.note_area .lst_type.note_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .img, .globalStock .main_mid.note_area .lst_type.note_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .img.briefing, .globalStock .main_mid.note_area .lst_type.note_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.globalStock .main_mid.note_area .lst_type.news_list .list .img span, .globalStock .main_mid.note_area .lst_type.note_list .list .img span {
  display: inline-flex;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .img span img, .globalStock .main_mid.note_area .lst_type.note_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.globalStock .main_mid.note_area .lst_type.news_list .list .img span.logo img, .globalStock .main_mid.note_area .lst_type.note_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}
.globalStock .main_mid.note_area .btn_more a {
  padding: 19px 16px;
}

/* 메인 - 투자레시피 */
.globalStock .main_mid.quick_link {
  margin-top: 80px;
}
.globalStock .main_mid.quick_link .title .remark {
  font-size: 0.75rem;
  color: #939393;
  font-weight: normal;
  padding-left: 5px;
}
@media (max-width: 374px) {
  .globalStock .main_mid.quick_link .title .remark {
    letter-spacing: -0.5px;
  }
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper {
  margin: 15px 0 0;
  padding: 0 20px;
  box-sizing: border-box;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .swiper-slide {
  display: block;
  width: auto;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure {
  position: relative;
  display: inline-block;
  width: 134px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 16px;
  color: #333;
  font-size: 15px;
  font-weight: normal;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 16px;
  display: block;
  background-size: auto 76px !important;
  background-position: center 12px !important;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure span {
  font-size: 15px;
  margin-top: 12px;
  padding-left: 3px;
  font-weight: normal;
  display: block;
  letter-spacing: normal;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure.jump::before {
  background: #646FCD url("/img/jump.png") no-repeat;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure.top50::before {
  background: #F8D95F url("/img/top50.png") no-repeat;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure.goldenCross::before {
  background: #E36B6D url("/img/goldenCross.png") no-repeat;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure.growthDiscovery::before {
  background: #E79366 url("/img/growthDiscovery.png") no-repeat;
}
.globalStock .main_mid.quick_link .list_area .mainrecipeSwiper .figure.rocketBooster::before {
  background: #646FCD url("/img/rocketBooster.png") no-repeat;
}

/* 메인 - 종목분석 */
.globalStock .main_mid.event_anay {
  display: none;
}

.globalStock .main_mid.event_anay .event_anaySwiper {
  margin-top: 12px;
  box-sizing: border-box;
}

.globalStock .main_mid.event_anay .event_anaySwiper .swiper-wrapper {
  margin-left: -2.45rem;
}

.globalStock .main_mid.event_anay .area {
  padding: 20px 0 9px;
  width: 100%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 20px;
  box-sizing: border-box;
}

.globalStock .main_mid.event_anay .area ul.list {
  padding: 0 15px;
  display: grid;
  grid-template-columns: auto 80px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.event_anay .area ul.list {
    grid-template-columns: auto 60px;
  }
}
.globalStock .main_mid.event_anay .area ul.list li {
  flex: 1;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.globalStock .main_mid.event_anay .area .title a {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.event_anay .area .title a .ticker {
  display: block;
  line-height: 1.2rem;
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 4px;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.event_anay .area .num {
  text-align: right;
}

.globalStock .main_mid.event_anay .area .num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  margin-top: 4px;
}

.globalStock .main_mid.event_anay .area .num span b {
  font-weight: normal;
  color: #333;
  opacity: 0.7;
}

.globalStock .main_mid.event_anay .area .num .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_anay .area .num .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_anay .area .num .increase b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_mid.event_anay .area .num .decrease b {
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .main_mid.event_anay .area .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .main_mid.event_anay .area .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .main_mid.event_anay .area .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_anay .area .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .main_mid.event_anay .area .score {
  text-align: right;
  padding-right: 10px;
  line-height: 2rem;
}

.globalStock .main_mid.event_anay .area .score span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.event_anay .area .recom {
  text-align: right;
  line-height: 2rem;
}

.globalStock .main_mid.event_anay .area .recom span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.event_anay .area .allocation {
  text-align: right;
}

.globalStock .main_mid.event_anay .area .allocation span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.event_anay .area .analysis_score {
  background-image: linear-gradient(to bottom, #f5f5f5, #ffffff 38%);
  background-color: #f4f4f5;
  margin-top: 8px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .main_mid.event_anay .area .analysis_score .score {
  width: calc(50% - 20px);
  display: inline-block;
  text-align: center;
  padding: 20px 0 13px;
  vertical-align: top;
}

.globalStock .main_mid.event_anay .area .analysis_score .score strong {
  display: inline-block;
  color: #333;
  font-size: 1.4rem;
  padding-right: 3px;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis {
  width: calc(50% - 15px);
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line {
  border-bottom: 3px solid #c3c3c3;
  position: relative;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph .g_action {
  position: absolute;
  left: 0;
  top: -5px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: var(--Font-primary-blue, #4168F6);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph .g_action::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action {
  position: absolute;
  left: 0;
  top: -7px;
  margin-left: -41px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4 url("/img/graph_prmB.png") no-repeat 0 0;
  background-size: 100% auto;
  width: 81px;
  height: 19px;
  border-radius: 3px;
  font-size: 0;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action::after {
  display: none;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action {
  position: absolute;
  left: 0;
  top: -18px;
  margin-left: -37px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4;
  background-size: 100% auto;
  width: 76px;
  height: 38px;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action::after {
  content: "밸류에이션 데이터 부족";
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.7rem;
  left: 2px;
  top: 4px;
  width: 70px;
  height: 30px;
  background: none;
  border-radius: 10px;
  line-height: 1.43;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation {
  z-index: 1;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li {
  color: #333;
  font-size: 0.7rem;
  position: absolute;
  top: 14px;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li::before {
  content: "";
  position: absolute;
  top: -18px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #c3c3c3;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li:nth-child(1) {
  left: 0;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li:nth-child(2) {
  left: 50%;
  margin-left: -17px;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li:nth-child(3) {
  right: 0;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li:nth-child(1)::before {
  left: 0;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li:nth-child(2)::before {
  left: 16px;
}

.globalStock .main_mid.event_anay .area .analysis_score .chart_analysis .evaluation li:nth-child(3)::before {
  right: 0;
}

/* 메인 - 종목캐치 */
.globalStock .main_mid.catch_area {
  padding-left: 15px;
  clear: both;
}

.globalStock .main_mid.catch_area .bg_box {
  padding: 9px 0;
  box-sizing: border-box;
  background: var(--Font-primary-blue, #4168F6);
  border-top-left-radius: 12px;
  display: flex;
}

.globalStock .main_mid.catch_area .bg_box .title {
  display: inline-block;
  color: #fff;
  padding-left: 15px;
  box-sizing: border-box;
  flex: 1;
}

.globalStock .main_mid.catch_area .bg_box .title a {
  display: inline-block;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
}

.globalStock .main_mid.catch_area .bg_box .more {
  display: inline-block;
  text-align: right;
  padding: 2px 8px;
  position: relative;
  top: 3px;
}

.globalStock .main_mid.catch_area .bg_box .txt {
  display: inline-block;
  color: #fff;
  opacity: 0.7;
  font-size: 0.75rem;
  vertical-align: top;
  padding-top: 4px;
  text-align: right;
}

.globalStock .main_mid.catch_area .list_area {
  padding: 15px 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  box-sizing: border-box;
}

.globalStock .main_mid.catch_area .list_area.d01 {
  border-top-left-radius: 0;
  margin-bottom: 3px;
}

.globalStock .main_mid.catch_area .list_area.d02 {
  border-top-left-radius: 20px !important;
}

.globalStock .main_mid.catch_area .weeks_free {
  background: #fff;
  padding: 5px 5px;
}

.globalStock .main_mid.catch_area .weeks_free .box {
  display: grid;
  grid-template-columns: auto 140px;
  align-items: center;
  margin: 0 auto 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #e6e7f4;
  padding: 20px 15px;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .main_mid.catch_area .weeks_free .box {
    grid-template-columns: auto 127px;
  }
}
.globalStock .main_mid.catch_area .weeks_free .box .title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.4;
}

.globalStock .main_mid.catch_area .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .main_mid.catch_area .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
}

.globalStock .main_mid.catch_area .weeks_free .box .txt {
  margin-top: 9px;
  color: #939393;
  font-size: 0.75rem;
  line-height: 1rem;
}

.globalStock .main_mid.catch_area .weeks_free .box .btn_free {
  display: inline-block;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 12px 12px;
}

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

.globalStock .main_mid.catch_area .weeks_free .box .go_link {
  display: inline-block;
  color: #608bff;
  font-size: 0.75rem;
  text-decoration: underline;
  margin-top: 10px;
}

.globalStock .main_mid.catch_area .list_area ul.list {
  padding: 0 15px;
  box-sizing: border-box;
  width: 150px;
  border-right: 1px solid #EBE8E8;
  display: inline-block;
}

.globalStock .main_mid.catch_area .list_area .swiper-slide:last-child ul.list {
  border-right: none;
}

.globalStock .main_mid.catch_area .list_area .title a {
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.catch_area .list_area .title a .ticker {
  line-height: normal;
  display: block;
  line-height: 1.2rem;
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 2px;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .main_mid.catch_area .list_area .num {
  margin-top: 5px;
}

.globalStock .main_mid.catch_area .list_area .num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  margin-top: 2px;
}

.globalStock .main_mid.catch_area .list_area .num span b {
  font-weight: normal;
  color: #333;
  opacity: 0.7;
}

.globalStock .main_mid.catch_area .list_area .num .increase {
  display: inline-block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .main_mid.catch_area .list_area .num .decrease {
  display: inline-block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .main_mid.catch_area .list_area .num .increase b {
  font-weight: normal;
  color: #ff2929;
  opacity: 0.7;
}

.globalStock .main_mid.catch_area .list_area .num .decrease b {
  font-weight: normal;
  color: #26ABFF;
  opacity: 0.7;
}

.globalStock .main_mid.catch_area .list_area .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .main_mid.catch_area .list_area .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .main_mid.catch_area .list_area .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .main_mid.catch_area .list_area .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .main_mid.catch_area .list_area .recom {
  line-height: 1.5rem;
  display: block;
}

.globalStock .main_mid.catch_area .list_area .recom span {
  font-size: 0.82rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.catch_area .list_area .recom span strong {
  font-size: 0.82rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .main_mid.catch_area .list_area .recom span strong b {
  font-weight: normal;
  color: #939393;
  opacity: 0.7;
}

.globalStock .main_mid.catch_area .list_area .lately_txt {
  color: #333;
  font-size: 0.75rem;
  font-weight: bold;
  padding-left: 22px;
  margin-bottom: 15px;
}

.globalStock .main_mid.catch_area .list_area .lately_txt i {
  display: inline-block;
  background: #404fc3;
  margin-top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
  vertical-align: top;
  margin-right: 4px;
}

/* 메인 - 하단배너 */
.globalStock .main_btm.banner_area {
  padding: 0 15px;
  margin-bottom: 5px;
  clear: both;
  float: none;
}

.globalStock .main_btm.banner_area .banner ul {
  width: 100%;
  display: flex;
}

.globalStock .main_btm.banner_area .banner li,
.globalStock .main_btm.banner_area .banner li a.title {
  display: inline-block;
  background: #ececef;
  border-radius: 10px;
  width: 100%;
  font-weight: bold;
}

.globalStock .main_btm.banner_area .banner li {
  position: relative;
  padding: 12px 0;
  flex: 1;
  display: flex;
  align-items: center;
}

.globalStock .main_btm.banner_area .banner li:last-child {
  margin-left: 7px;
}

.globalStock .main_btm.banner_area .banner li a.title {
  color: #333;
  font-size: 0.9375rem;
  padding: 0 20px 0 10px;
  letter-spacing: -0.05rem;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 40px;
  line-height: 20px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .main_btm.banner_area .banner li a.title + .more {
  position: absolute;
  right: 0;
  top: 15px;
  display: inline-block;
  text-align: right;
  padding: 3px 10px;
}

.globalStock .main_btm.banner_area .banner li a.title + .more img {
  display: inline-block;
  width: 4px;
  height: 8px;
}

.globalStock .main_btm.banner_area .banner_prm {
  margin-top: 25px;
  padding: 9px 0 11px;
  text-align: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .main_btm.banner_area .banner_prm .cho_prm {
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .main_btm.banner_area .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 .main_btm.banner_area .banner_prm .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 5px;
}

.globalStock .main_btm.banner_area .banner_prm.prm_service .weeks_free {
  color: #1EE8BE;
}

.globalStock .tradingview-widget-container {
  margin-top: 30px;
}

.globalStock .main_btm.banner_area .tel_box {
  margin-top: 25px;
  position: relative;
}

.globalStock .main_btm.banner_area .tel_box .tel_info {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .main_btm.banner_area .tel_box .tel_num {
  color: #333;
  font-size: 0.75rem;
}

.globalStock .main_btm.banner_area .tel_box .tel_num i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px;
  position: relative;
  top: 1px;
  background: url("/img/Icon_phone.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.globalStock .main_btm.banner_area .tel_box .sns_kakao {
  position: absolute;
  right: 5px;
  top: 10px;
  display: inline-block;
  font-size: 0;
  height: 30px;
  vertical-align: top;
}

.globalStock .main_btm.banner_area .tel_box .sns_kakao a {
  display: inline-block;
  height: 30px;
}

.globalStock .main_btm.banner_area .tel_box .sns_kakao img {
  display: inline-block;
  height: 100%;
}

.globalStock .main_btm.banner_area .tel_box .cs {
  display: block;
  color: #939393;
  font-size: 0.75rem;
  margin-top: 10px;
  line-height: 1rem;
}

.globalStock .main_btm.banner_area .notice {
  margin-top: 19px;
  color: #939393;
  line-height: 19px;
  font-size: 0.75rem;
}

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

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

/**** 종목추천 *****/
.globalStock .sub_recom .sub_top .recomSwiper {
  margin-top: 5px;
  padding-bottom: 13px;
}

.globalStock .sub_recom .sub_top .chart_area {
  display: flex;
  justify-content: space-between;
  background: #fff;
  width: calc(100% - 30px);
  margin: 20px auto;
  border-radius: 20px;
  padding: 0;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_top .left_area {
  display: inline-block;
  width: 63%;
  padding: 11px 10px 10px 20px;
  box-sizing: border-box;
  vertical-align: top;
  height: 184px;
}

.globalStock .sub_recom .sub_top .right_area {
  float: right;
  width: 140px;
  vertical-align: top;
  padding: 13px 12px 0;
  box-sizing: border-box;
  position: relative;
  background: #404fc3;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 184px;
}

.globalStock .sub_recom .sub_top .left_area .title {
  display: inline-block;
  max-width: 170px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recom .sub_top .left_area .title {
    max-width: 140px;
  }
}
@media (min-width: 425px) {
  .globalStock .sub_recom .sub_top .left_area .title {
    max-width: 220px;
  }
}
@media (min-width: var(--bp-tablet-s)) {
  .globalStock .sub_recom .sub_top .left_area .title {
    max-width: 320px;
  }
}
.globalStock .sub_recom .sub_top .left_area .title a {
  color: #333;
  font-size: 1.25rem;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_recom .sub_top .left_area .info li {
  display: inline-block;
}

.globalStock .sub_recom .sub_top .left_area .info li span {
  font-size: 0.75rem;
  display: inline-block;
  color: #939393;
  line-height: 16px;
}

.globalStock .sub_recom .sub_top .left_area .detail {
  margin-top: 5px;
}

.globalStock .sub_recom .sub_top .left_area .detail li {
  display: inline-block;
  font-size: 1rem;
  padding: 5px 0;
}

.globalStock .sub_recom .sub_top .left_area .detail .num,
.globalStock .sub_recom .sub_top .left_area .detail .per {
  color: #333;
  font-weight: 500;
  font-size: 1.125rem;
}

.globalStock .sub_recom .sub_top .left_area .detail .num b,
.globalStock .sub_recom .sub_top .left_area .detail .per b {
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top .left_area .detail .num.increase,
.globalStock .sub_recom .sub_top .left_area .detail .per .increase {
  color: #ff2929;
  font-weight: 500;
  font-size: 1.125rem;
}

.globalStock .sub_recom .sub_top .left_area .detail .num.increase b,
.globalStock .sub_recom .sub_top .left_area .detail .per .increase b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top .left_area .detail .num.decrease,
.globalStock .sub_recom .sub_top .left_area .detail .per .decrease {
  color: #26ABFF;
  font-weight: 500;
  font-size: 1.125rem;
}

.globalStock .sub_recom .sub_top .left_area .detail .num.decrease b,
.globalStock .sub_recom .sub_top .left_area .detail .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top .left_area .detail .per span {
  color: #0094FF;
  font-size: 0.8rem !important;
  padding-left: 5px;
  font-weight: 500;
}

.globalStock .sub_recom .sub_top .left_area .detail .per span b {
  color: #0094FF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top .revenue_box,
.globalStock .sub_recom .sub_top .attainment_box {
  position: absolute;
  left: -30px;
  top: -10px;
  display: inline-block;
  padding: 5px 15px;
  color: #333;
  font-size: 0.73rem;
  box-sizing: border-box;
  border-radius: 20px;
}

.globalStock .sub_recom .sub_top .revenue_box {
  background: #00CCBD;
}

.globalStock .sub_recom .sub_top .attainment_box {
  background: #ffda0d;
}

.globalStock .sub_recom .sub_top .attainment_box::after {
  display: inline-block;
}

.globalStock .sub_recom .sub_top .revenue_box .title,
.globalStock .sub_recom .sub_top .attainment_box .title {
  color: #333;
  font-size: 0.73rem;
  opacity: 1;
}

.globalStock .sub_recom .sub_top .revenue_box .percent,
.globalStock .sub_recom .sub_top .attainment_box .percent {
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-xxs, 11px);
  font-weight: var(--Weight-600, 600);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_recom .sub_top .revenue_box .percent b,
.globalStock .sub_recom .sub_top .attainment_box .percent b {
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-xxs, 11px);
  font-weight: var(--Weight-600, 600);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_recom .sub_top table.data_attainment {
  margin-bottom: 13px;
}

.globalStock .sub_recom .sub_top table.data_attainment th,
.globalStock .sub_recom .sub_top table.data_attainment td,
.globalStock .sub_recom .sub_top table.data_attainment th span,
.globalStock .sub_recom .sub_top table.data_attainment td span {
  text-align: left;
}

.globalStock .sub_recom .sub_top table.data_attainment th.goal {
  width: 50px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_top table.data_attainment th.goal span,
.globalStock .sub_recom .sub_top table.data_attainment th.t span {
  color: #fff;
  font-size: 0.73rem;
  text-align: left;
  opacity: 0.5;
}

.globalStock .sub_recom .sub_top table.data_attainment th.t span {
  padding-left: 5px;
}

.globalStock .sub_recom .sub_top table.data_attainment td.n span {
  padding-right: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 0.75rem;
  text-align: right;
}

.globalStock .sub_recom .sub_top table.data_attainment td.n span b {
  color: #fff;
  font-size: 0.75rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top table.data_attainment th,
.globalStock .sub_recom .sub_top table.data_attainment td {
  padding: 4px 0;
}

.globalStock .sub_recom .sub_top table.data_attainment td {
  text-align: right;
}

.globalStock .sub_recom .sub_top table.data_attainment tr:first-child th,
.globalStock .sub_recom .sub_top table.data_attainment tr:nth-child(2) th,
.globalStock .sub_recom .sub_top table.data_attainment tr:first-child td,
.globalStock .sub_recom .sub_top table.data_attainment tr:nth-child(2) td {
  border-bottom: 1px solid #4e5cc8;
  padding: 10px 0;
}

.globalStock .sub_recom .sub_top table.data_attainment tr:nth-child(3) th,
.globalStock .sub_recom .sub_top table.data_attainment tr:nth-child(3) td {
  padding-top: 10px;
}

.globalStock .sub_recom .sub_top table.data_attainment tr:first-child td span {
  color: #ffda0d;
  font-size: 1.125rem;
  font-weight: 500;
}

.globalStock .sub_recom .sub_top table.data_attainment tr:first-child td span b {
  color: #ffda0d;
  font-size: 1.125rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top table.data_attainment tr:nth-child(2) td span {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
}

.globalStock .sub_recom .sub_top table.data_attainment tr:nth-child(2) td span b {
  color: #fff;
  font-size: 1.125rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_top .containerS1 {
  height: 88px;
}

.globalStock .sub_recom .sub_mid.bandchart_more {
  margin: 16px auto 0;
  width: calc(100% - 30px);
  overflow: hidden;
}

.globalStock .sub_recom .sub_mid.bandchart_more p {
  font-size: 13px;
  line-height: 1.54;
  color: var(--Font-primary-blue, #4168F6);
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
  float: right;
  padding-right: 5px;
}

.globalStock .sub_recom .sub_mid.bandchart_more p i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.globalStock .sub_recom .sub_mid.bandchart_more p a.more {
  font-size: 10px;
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
  top: -2px;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 16px;
  border-bottom: 1px solid #404fc3;
  width: auto;
  text-align: left;
  line-height: normal;
}

.globalStock .sub_recom .sub_mid.bandchart_more p a.more::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 2px;
  right: 0;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}

.globalStock .sub_recom .sub_mid {
  overflow: hidden;
}

.globalStock .sub_recom .sub_mid.eventPicks_area {
  overflow: hidden;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area {
  background: #fff;
  clear: both;
  display: flex;
  justify-content: space-between;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .containerS2 {
  display: block;
  margin-top: 10px;
  width: 100%;
  height: 63px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .left,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .right {
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .left {
  width: calc(100% - 76px);
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .right {
  width: 70px;
  text-align: right;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .event_name {
  color: #333;
  font-size: 0.9375rem;
  height: 17px;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .event_name a {
  color: #333;
  font-size: 0.9375rem;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-decoration: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .event_name .remark {
  font-size: 1.75em !important;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .event_name .remark .txt_filter.size_M {
  display: block;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .info .sum,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .info .sum .eng {
  display: block;
  line-height: 1.2rem;
  margin-top: 4px;
  color: #d3d3d3;
  font-size: 0.75rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .info .sum .eng .remark {
  color: #d3d3d3;
  font-size: 1.5em;
  letter-spacing: -0.12rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 3px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData {
  display: inline-block;
  flex-grow: 1;
  box-sizing: border-box;
  padding: 26px 15px;
  vertical-align: top;
  position: relative;
  border-right: 1px solid #F2F2F3;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail {
  display: inline-block;
  color: #333;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .num,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per {
  display: inline-block;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .num b,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per b {
  font-weight: normal;
  color: #333;
  font-size: 0.9375rem;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .num .increase,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per .increase {
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .num .increase b,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per .increase b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per .increase {
  font-size: 0.78rem;
  padding-left: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .num .decrease,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per .decrease {
  color: #26ABFF;
  font-size: 0.9rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .num .decrease b,
.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per .decrease b {
  font-size: 0.78rem;
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .detail .per .decrease {
  font-size: 0.78rem;
  padding-left: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal {
  position: relative;
  display: inline-block;
  flex: 1;
  flex-basis: 109px;
  max-width: 220px;
  min-width: 125px;
  box-sizing: border-box;
  padding: 25px 8px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl {
  clear: both;
  float: none;
  margin-bottom: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dt {
  color: #939393;
  font-size: 0.73rem;
  vertical-align: top;
  display: inline-block;
  padding-top: 2px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dd {
  color: #333;
  font-size: 0.9375rem;
  vertical-align: top;
  display: inline-block;
  padding-left: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dd b {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dd.prm_lock {
  text-align: center;
  background: #e6e7f4;
  border-radius: 11px;
  width: calc(100% - 52px);
  margin-left: 10px;
  margin-top: 0;
  padding: 0;
  height: 16px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dd.prm_lock img {
  display: inline-block;
  height: 16px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl:nth-child(2n) dd {
  color: #ff2929;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl:nth-child(2n) dd b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl:nth-child(2n) dd.increase {
  color: #F8385A;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl:nth-child(2n) dd.increase b {
  color: #F8385A;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl:nth-child(2n) dd.decrease {
  color: #0094FF;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dl:nth-child(2n) dd.decrease b {
  color: #0094FF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal .attainment {
  clear: both;
  float: none;
  position: absolute;
  right: 6px;
  bottom: 7px;
  text-align: right;
  display: block;
  color: #939393;
  font-size: 0.75rem;
  margin-top: 8px;
  font-weight: bold;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal .attainment b {
  color: #939393;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal .attainment .increase {
  color: #F8385A;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal .attainment .increase b {
  color: #F8385A;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal .attainment .decrease {
  color: #0094FF;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal .attainment .decrease b {
  color: #0094FF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList {
  border-radius: 15px;
  width: calc(100% - 30px);
  margin: 15px auto;
  box-sizing: border-box;
  background: #fff;
  clear: both;
  display: flex;
  justify-content: space-between;
}
.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList.hide_line {
  display: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList:first-child {
  margin-top: 20px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData {
  overflow: hidden;
  padding: 15px 7px 11px 17px;
  display: inline-block;
  flex-grow: 1;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .event_name {
  width: 100%;
  color: #333;
  font-size: 0.9375rem;
  height: 17px;
  font-weight: normal;
  display: flex;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .event_name .remark {
  font-size: 1.75em !important;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  display: inline-block;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .event_name a {
  color: #333;
  font-size: 0.9375rem;
  box-sizing: border-box;
  display: inline-block;
  /* width: 100%;	 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-decoration: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .event_name .port {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  border-radius: 3px;
  border: solid 1px #d3d3d3;
  font-size: 9px;
  font-weight: normal;
  text-align: center;
  color: #939393;
  box-sizing: border-box;
  padding: 0 2px;
  position: relative;
  top: -1px;
  height: 14px;
  line-height: 14px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .info {
  margin-top: 8px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .info .sum .eng,
.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartData .left .info .sum .eng a {
  /* margin-top: 3px; */
  color: #939393;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-decoration: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal {
  position: relative;
  display: inline-block;
  flex: 1;
  flex-basis: 186px;
  max-width: 186px;
  min-width: 186px;
  box-sizing: border-box;
  padding: 17px 10px 10px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal {
    flex-basis: 154px;
    max-width: 154px;
    min-width: 154px;
    padding: 17px 10px 10px;
  }
}
.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  display: inline-block;
  width: 1px;
  height: 50px;
  background: #f2f2f3;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .th {
  display: block;
  font-size: 11px !important;
  font-weight: 300;
  letter-spacing: normal;
  color: #939393;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .dod {
  margin-top: 16px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .dod b {
  opacity: 1;
  color: #333;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target {
    width: calc(50% - 13px);
  }
}
.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target .att {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #333;
}

.globalStock .sub_recom .sub_mid.eventPicks_area #tab3 .recom_chartList .chartGoal .target .att {
  margin-top: 12px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target .att.prm_lock {
  margin-top: 12px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target .att.prm_lock img {
  display: inline-block;
  height: 22px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target .att.prm_lock img {
    width: 50px;
  }
}
.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue {
  display: inline-block;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue .increase.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #f00;
  display: inline-block;
  background-color: rgba(255, 75, 75, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue .increase.dod b {
  color: #f00;
  font-weight: 300;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue .decrease.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #0062ff;
  display: inline-block;
  background-color: rgba(0, 98, 255, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue .decrease.dod b {
  color: #0062ff;
  font-weight: 300;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .attainment_com .dod {
  margin-top: 11px;
  font-size: 0.875rem !important;
  letter-spacing: normal;
  color: #fff !important;
  display: inline-block;
  background-color: #ff2929;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .attainment_com .dod b {
  color: #fff;
  font-weight: 300;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .loss_cut .dod {
  margin-top: 11px;
  font-size: 0.875rem !important;
  letter-spacing: normal;
  color: #0062ff !important;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #bfd7ff;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .loss_cut .dod b {
  color: #0062ff;
  font-weight: 300;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .attainment .increase.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #ff0000;
  display: inline-block;
  background-color: #fff;
  border: solid 1px #f5f5f5;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .attainment .increase.dod b {
  color: #ff0000;
  font-weight: 300;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .attainment .decrease.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #0062ff !important;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .attainment .decrease.dod b {
  color: #0062ff;
  font-weight: 300;
}

.globalStock .sub_recom .bandchart_sume {
  background: #fff;
  padding: 16px 14px;
  margin-top: 16px;
}

.globalStock .sub_recom .bandchart_sume .box.info {
  margin: 0 auto;
  padding-bottom: 13px;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e2;
}

.globalStock .sub_recom .bandchart_sume .box.info p {
  font-size: 13px;
  line-height: 1.54;
  color: var(--Font-primary-blue, #4168F6);
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
}

.globalStock .sub_recom .bandchart_sume .box.info p i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.globalStock .sub_recom .bandchart_sume .box.info p a.more {
  font-size: 10px;
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
  top: -2px;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 16px;
  border-bottom: 1px solid #404fc3;
  width: auto;
  text-align: left;
  line-height: normal;
}

.globalStock .sub_recom .bandchart_sume .box.info p a.more::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 2px;
  right: 0;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}

.globalStock .sub_recom .bandchart_sume .box.sum {
  padding: 22px 0 0;
}

.globalStock .sub_recom .bandchart_sume .box.sum .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
  width: 100%;
  padding-left: 0;
}

.globalStock .sub_recom .bandchart_sume .box.sum .txt {
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  margin-top: 13px;
}

.globalStock .sub_recom .bandchart_sume .box.sum ul {
  margin-top: 12px;
}

.globalStock .sub_recom .bandchart_sume .box.sum ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.globalStock .sub_recom .bandchart_sume .box.sum ul li:last-child {
  margin-bottom: 0;
}

.globalStock .sub_recom .bandchart_sume .box.sum ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.globalStock .sub_recom .bandchart_sume .box.rule {
  margin-top: 23px;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 14px 15px;
  box-sizing: border-box;
}

.globalStock .sub_recom .bandchart_sume .box.rule .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
  width: 100%;
  padding-left: 0;
}

.globalStock .sub_recom .bandchart_sume .box.rule .title {
  color: #014B8D;
}

.globalStock .sub_recom .bandchart_sume .box.rule ul {
  margin-top: 12px;
}

.globalStock .sub_recom .bandchart_sume .box.rule ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.globalStock .sub_recom .bandchart_sume .box.rule ul li:last-child {
  margin-bottom: 0;
}

.globalStock .sub_recom .bandchart_sume .box.rule ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.globalStock .eventPicks_area {
  background: none;
  padding-top: 0;
}

.globalStock .eventPicks_area .title {
  display: inline-block;
  color: #333;
  width: calc(100% - 40px);
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 1.15rem;
  font-weight: normal;
}

.globalStock .eventPicks_area .more {
  display: inline-block;
  width: 20px;
  text-align: right;
  padding-right: 15px;
}

.globalStock .eventPicks_area .chart_area {
  background: #2c275d;
  border-radius: 15px;
  width: calc(100% - 30px);
  margin: 15px auto;
  box-sizing: border-box;
}

.globalStock .eventPicks_area .chart_area:first-child {
  margin-top: 20px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_prm {
  clear: both;
  float: none;
  margin: 25px auto 0;
  padding: 9px 0 11px;
  text-align: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  width: calc(100% - 30px);
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_prm .cho_prm {
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_recom .sub_mid.eventPicks_area .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_recom .sub_mid.eventPicks_area .banner_prm .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 5px;
}

/* 종목추천 (투자포인트,종목진단) */
.globalStock .sub_recom .sub_top.view {
  background: #fff;
}
.globalStock .sub_recom .sub_top.view .recom_company::after {
  display: none !important;
}
.globalStock .sub_recom .sub_top.view .recom_company .company_info:has(.stock_index) {
  align-items: flex-start !important;
  flex-direction: column !important;
}
.globalStock .sub_recom .sub_top.view .recom_company .company_info:has(.stock_index) .company_name {
  max-width: calc(100% - 85px) !important;
}
.globalStock .sub_recom .sub_top.view .recom_company .company_info .company_name {
  max-width: calc(100% - 135px);
}
.globalStock .sub_recom .sub_top.view .recom_company .company_info .company_details {
  flex: none;
}
.globalStock .sub_recom .sub_top.view .recom_company .company_info .link_btn {
  position: absolute;
  right: 20px;
  top: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  padding: 8px 8px;
  border-radius: 8px;
  background: var(--Blue-blue100, #ECF0FF);
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: normal;
  letter-spacing: -0.39px;
}
.globalStock .sub_recom .sub_top.view .chart_area {
  width: 100%;
  margin: 0;
  display: block;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData {
  box-sizing: border-box;
  background: #fff;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .more {
  float: right;
  width: 10px;
  padding-top: 5px;
  padding-right: 20px;
  height: 15px;
  text-align: right;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .more img {
  display: inline-block;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .info {
  margin-top: 5px;
  margin-bottom: 3px;
  padding: 0 15px;
  position: relative;
  clear: both;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .info .eng {
  color: #939393;
  font-size: 0.75rem;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .info li {
  color: #939393;
  font-size: 0.75rem;
  line-height: normal;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .info li.sum {
  display: inline-block;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .info li.port {
  display: inline-block;
  border-radius: 3px;
  border: solid 1px #d3d3d3;
  font-size: 9px;
  font-weight: normal;
  color: #939393;
  margin-left: 5px;
  padding: 1px 2px;
  position: relative;
  top: -1px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .info li.day {
  color: #939393;
  font-size: 0.85rem;
  position: absolute;
  right: 15px;
  top: 0;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 9px;
  position: relative;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail li {
  display: inline-block;
  font-size: 1rem;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .num,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per {
  color: #333;
  font-size: 1.2rem;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .num b,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per b {
  font-weight: normal;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .num.increase {
  color: #F8385A;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .num.increase b {
  color: #F8385A;
  font-weight: normal;
  opacity: 0.7;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .num.decrease {
  color: #0094FF;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .num.decrease b {
  color: #0094FF;
  font-weight: normal;
  opacity: 0.7;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per {
  padding-left: 6px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per .increase,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per .increase span {
  color: #F8385A;
  font-weight: normal;
  font-size: 1rem;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per .decrease,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per .decrease span {
  color: #0094FF;
  font-weight: normal;
  font-size: 1rem;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per .increase b {
  color: #F8385A;
  font-weight: normal;
  opacity: 1;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per .decrease b {
  color: #0094FF;
  font-weight: normal;
  opacity: 1;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .per span {
  color: #0094FF;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail .day {
  color: #939393;
  font-size: 0.85rem;
  position: absolute;
  right: 15px;
  top: 4px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data {
  margin: 20px auto 0;
  width: calc(100% - 20px);
  background: #404fc3;
  border-radius: 10px;
  position: relative;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table th,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table td {
  text-align: left;
  border-right: 1px solid #4e5cc8;
  font-size: 1rem;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table th {
  padding: 15px 11px 6px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table th .day {
  font-size: 0.75rem;
  padding-left: 5px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table th span {
  color: #fff;
  opacity: 0.7;
  font-size: 0.73rem;
  font-weight: 300;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table td {
  padding: 6px 11px 15px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table td span {
  color: #fff;
  font-size: 1.28rem;
  font-weight: 500;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table td span b {
  color: #fff;
  font-weight: normal;
  opacity: 0.7;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table td.goal_num span {
  color: #ffda0d;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table td.goal_num span b {
  color: #ffda0d;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table tr th:last-child,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .detail_data table tr td:last-child {
  border-right: none;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data ::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 10px 17px;
  margin: 0;
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  z-index: 999;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .title {
  width: calc(100% - 130px);
  font-size: 1rem;
  vertical-align: top;
  color: #fff;
  text-align: left;
  position: fixed;
  left: 0;
  right: 0;
  top: 17px;
  z-index: 999;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .title a {
  font-size: 1rem;
  color: #fff;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail {
  position: fixed;
  left: 0;
  right: 17px;
  top: 0;
  z-index: 999;
  text-align: right;
  margin-top: 19px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .day {
  display: none;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .num,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .num span,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per span,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .num b,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per b {
  font-size: 1rem;
  vertical-align: top;
  color: #fff;
  text-align: right;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .num b,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per b {
  opacity: 1;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per {
  margin-top: 2px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .decrease,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .increase,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .decrease b,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .increase b {
  font-size: 0;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .decrease span,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .increase span {
  font-size: 0.82rem;
  vertical-align: top;
  color: #fff;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .decrease span b,
.globalStock .sub_recom .sub_top.view .chart_area .chartData.fix_data .detail .per .increase span b {
  font-size: 0.82rem;
  vertical-align: top;
  color: #fff;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .revenue_box,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .attainment_box {
  position: absolute;
  left: auto;
  right: 12px;
  top: auto;
  bottom: -15px;
  display: inline-block;
  padding: 5px 15px;
  color: #333;
  font-size: 0.73rem;
  box-sizing: border-box;
  border-radius: 20px;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .revenue_box.loss_cut,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .attainment_box.loss_cut {
  background: #7fc594;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .revenue_box.loss_cut .title,
.globalStock .sub_recom .sub_top.view .chart_area .chartData .attainment_box.loss_cut .title {
  color: #fff;
  opacity: 1;
}
.globalStock .sub_recom .sub_top.view .chart_area .chartData .containerArea_1 {
  margin-top: 15px;
  height: 200px;
}

.globalStock .sub_recom .sub_mid .tabsArea {
  background: none;
  margin-top: 10px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content p {
  color: #333;
  font-size: 0.88rem;
  line-height: 1.4rem;
  display: block;
  margin-bottom: 30px;
  padding: 22px 15px 0 15px;
  position: relative;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content div {
  color: #333;
  font-size: 0.88rem;
  line-height: 1.4rem;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content div.iframe_video {
  margin: 15px auto 32px;
  width: 100%;
  min-height: 177px;
  box-sizing: border-box;
  background: url("/img/bg_wow_video.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  padding-bottom: 48%;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content div.iframe_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container div {
  color: #333;
  font-size: 1.0625rem;
  line-height: 30px;
  letter-spacing: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container div a {
  color: #06c;
  text-decoration: none;
  letter-spacing: normal;
}

.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content p {
  margin-bottom: 0;
  padding: 0;
  letter-spacing: normal;
}
.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content p.guide {
  position: relative;
  margin-top: 10px;
  display: block;
  color: #939393;
  padding-left: 15px;
  font-size: 0.75rem;
  line-height: 1.43;
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content p.guide::before {
  content: "*";
  position: absolute;
  left: 5px;
  top: 2px;
  display: inline-block;
  color: #939393;
}

.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content ul {
  padding: 7px 0;
}

.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content li {
  padding: 0 0 4px 7px;
  position: relative;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
  position: relative;
}

.globalStock .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #333;
  border-radius: 50%;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .remark .txt_filter.size_M {
  display: block;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year {
  text-align: center;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .spider_year_item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px 18px;
  border-radius: 100px;
  border: 1px solid var(--Border-primary-border, #E3E5E8);
  background: #F4F4F5;
  margin: 0 auto 35px;
  padding: 12px 14px 12px 24px;
  box-sizing: border-box;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .spider_year_item span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .spider_year_item span::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--Font-secondary-caption, #B0B8C1);
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .spider_year_item span.active::before {
  background-color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .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);
  right: 3px;
  top: 36px;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .tooltip_content .tooltip_icon {
  position: absolute;
  right: 20px;
  top: -12px;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .tooltip_content .tooltip_text {
  margin: 0;
  padding: 0;
  width: 100%;
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .spider_year .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);
}
.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab1.tab_content img,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab1.tab_content p img {
  display: inline-block;
  width: 100% !important;
  height: auto !important;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content span,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content p span {
  display: inline-block;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content span b,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content p span b {
  color: #939393;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst {
  margin-top: 30px;
  background: #fff;
  padding: 15px 15px;
  border-radius: 12px;
  overflow: hidden;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst .title {
  color: #333;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst li,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst > div {
  display: block;
  color: #939393;
  font-size: 0.75rem;
  line-height: 1.3rem;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst li a,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst > div a {
  color: #939393;
  font-size: 0.75rem;
  display: inline-block;
  line-height: 1.2rem;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst li p,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst > div p {
  margin: 0;
  padding: 0;
  color: #939393;
  font-size: 0.75rem;
  display: block;
  position: relative;
  padding-left: 18px;
  word-wrap: break-word;
  word-break: break-all;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst li i,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst > div i {
  color: #939393;
  font-size: 0.75rem;
  display: inline-block;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 4px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst .bandchart_more {
  text-align: right;
  margin-top: 16px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst .bandchart_more p a {
  font-size: 0.75rem;
  line-height: 1.54;
  color: var(--Font-primary-blue, #4168F6);
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
  float: right;
  padding-right: 5px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .catalyst .bandchart_more p a i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .one_step {
  border-top: 1px solid #e0e4e9;
  padding: 24px 15px 0;
  margin-top: 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .txt {
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: -0.7px;
  color: #333;
  padding-top: 5px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .more {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  margin-left: 8px;
  position: relative;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .charm_num {
  color: #939393;
  font-size: 1.125rem;
  background: #fff;
  border-radius: 28px;
  padding: 9px 5px 19px;
  text-align: center;
  width: calc(100% - 30px);
  margin: 20px auto 30px;
  display: block;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .charm_num strong {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  top: 4px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .charm_num .total {
  font-size: 0.85rem;
  color: #939393;
  display: inline-block;
  margin-top: 15px;
  padding-left: 30px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .dataLink {
  clear: both;
  float: none;
  margin-top: 10px;
  padding: 0;
  color: #939393;
  font-size: 0.73rem;
  text-align: right;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content .dataLink strong {
  color: #608bff;
  font-size: 0.73rem;
}

.globalStock .sub_recom .sub_mid .containercharm1 {
  width: 100%;
  margin: 0 auto 25px;
  height: 260px;
}
.globalStock .sub_recom .sub_mid .containercharm1 .highcharts-axis-labels.highcharts-radial-axis-labels span {
  color: var(--Gray-gray600, #6B7684) !important;
  font-family: Pretendard;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.globalStock .sub_recom .sub_mid .containercharm1 .highcharts-axis-labels.highcharts-radial-axis-labels strong {
  display: inline-block;
  color: var(--Gray-gray600, #6B7684) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content {
  position: relative;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .title {
  display: inline-block;
  max-width: calc(100% - 100px);
  font-size: 0.95rem;
  color: #333;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .charm_num_area {
  background: #2C255D;
  padding: 15px 30px 15px 15px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 80;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .charm_num_area .sum {
  color: #fff;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .charm_num_area .charm_num {
  display: block;
  margin-top: 12px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .charm_num_area .charm_num,
.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .charm_num_area .charm_num strong {
  color: #fff;
  padding-right: 5px;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .charm_num_area .charm_num strong {
  font-weight: bold;
  font-size: 1.2rem;
}

.globalStock .sub_recom .sub_mid .tabsArea .tab_container #tab2.tab_content .more {
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  background: none;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 20px 0;
  display: inline-block;
  width: calc(50% - 6px);
  vertical-align: top;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking:nth-child(2n) {
  clear: both;
  float: right;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking th,
.globalStock .sub_recom .sub_mid .data_table table.tableRanking td {
  text-align: left;
  padding: 9px 0 9px 5px;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking td {
  text-align: right;
  padding-right: 5px;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking th span,
.globalStock .sub_recom .sub_mid .data_table table.tableRanking td span {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking td span {
  color: #333;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking tr:first-child th span {
  font-weight: bold;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking tr:first-child td span {
  color: #939393;
}

.globalStock .sub_recom .sub_mid .data_table table.tableRanking th.th_ft .day {
  font-size: 0.75rem;
  color: #939393;
  font-weight: normal;
  padding-left: 5px;
  padding-top: 2px;
  float: right;
}

.globalStock .sub_recom .eventPicks_area .opinion {
  display: inline-block;
  width: 150px;
  padding: 12px 0;
  text-align: center;
}

.globalStock .sub_recom .eventPicks_area .opinion .invest {
  display: block;
  text-align: center;
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_recom .eventPicks_area .opinion .recom {
  display: block;
  margin-top: 5px;
  padding: 5px 4px;
  text-align: center;
  box-sizing: border-box;
}

.globalStock .sub_recom .eventPicks_area .opinion .recom.buying {
  color: #F8385A;
  border: 2px solid #F8385A;
}

.globalStock .sub_recom .eventPicks_area .opinion .recom.sell {
  color: #0094FF;
  border: 2px solid #0094FF;
}

.globalStock .sub_recom .eventPicks_area .chartbtm {
  border-top: 1px solid #E0E4E9;
}

.globalStock .sub_recom .eventPicks_area .chartbtm dl {
  width: calc(50% - 4px);
  display: inline-block;
}

.globalStock .sub_recom .eventPicks_area .chartbtm dt,
.globalStock .sub_recom .eventPicks_area .chartbtm dd {
  display: inline-block;
  text-align: center;
  width: calc(50% - 10px);
}

.globalStock .sub_recom .eventPicks_area .chartbtm .charm {
  color: #939393;
  font-size: 1rem;
  margin-right: 5px;
  position: relative;
  top: 3px;
  vertical-align: top;
  margin-top: 30px;
}

.globalStock .sub_recom .eventPicks_area .chartbtm .charm_num {
  color: #2C255D;
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: top;
  margin-top: 30px;
  text-align: left;
}

.globalStock .sub_recom .eventPicks_area .chartbtm .value {
  color: #939393;
  font-size: 1rem;
  margin-right: 5px;
  position: relative;
  top: 3px;
  vertical-align: top;
  margin-top: 30px;
}

.globalStock .sub_recom .eventPicks_area .chartbtm .highcharts-figure {
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_recom .eventPicks_area .chartbtm .containerM2 {
  vertical-align: top;
}

.globalStock .sub_recom .eventPicks_area .chartbtm .proper {
  text-align: center;
  color: #939393;
  font-size: 1rem;
  font-weight: normal;
}

/* 종목추천 포트폴리오 */
.globalStock .sub_recom .sub_mid.eventPicks_area strong.unit {
  position: relative;
  top: 5px;
  display: block;
  text-align: right;
  color: #939393;
  font-size: 0.8rem;
  padding-right: 15px;
  font-weight: normal;
  margin-right: 0;
  font-size: 0.75rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area {
  margin-top: 30px;
  position: relative;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs {
  margin: 0 auto;
  width: calc(100% - 30px);
  font-size: 0;
  overflow: hidden;
  padding-right: 100px;
  box-sizing: border-box;
  float: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li {
  font-size: 0.9375rem;
  width: 100%;
  border-bottom: none;
  text-align: left;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li span {
  display: inline-block;
  padding-bottom: 3px;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li span {
  border-bottom: 2px solid #F4F4F5;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.active span {
  border-bottom: 2px solid #404FC3;
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.new_recom {
  width: 76px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.ptfo {
  width: auto;
  margin-right: 10px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.ptfo i {
  display: inline-block;
  color: #fff;
  background: #c7cbe9;
  margin-left: 3px;
  font-style: normal;
  padding: 3px 5px;
  border-radius: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .day {
  color: #939393;
  font-size: 0.85rem;
  display: inline-block;
  width: 90px;
  position: absolute;
  right: 10px;
  top: 21px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartData {
  overflow: hidden;
  padding: 20px 7px 15px 17px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartData .info .sum .eng,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartData .info .sum .eng a {
  color: #939393;
  font-size: 0.75rem;
  font-weight: 300;
  display: inline-block;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-decoration: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal {
  padding: 20px 8px 26px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment {
  clear: both;
  float: none;
  position: absolute;
  right: 15px;
  bottom: 8px;
  text-align: right;
  display: block;
  color: #939393 !important;
  font-size: 0.75rem !important;
  margin-top: 8px;
  font-weight: 500;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com {
  text-align: left;
  color: #333;
  background: #ffda0d;
  width: calc(100% + 1px);
  border-bottom-right-radius: 15px;
  right: 0;
  bottom: 0;
  padding: 5px 4px 5px 5px;
  box-sizing: border-box;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com span {
  color: #939393 !important;
  font-weight: normal;
  padding-right: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com.loss_cut {
  color: #656565;
  background: #7fc594;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com.loss_cut span {
  color: #fff !important;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com i,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com.loss_cut i {
  font-style: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com i.increase,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com i.increase b {
  color: #F8385A;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com i.decrease,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment_com i.decrease b {
  color: #0094FF;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment .increase {
  color: #F8385A;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartGoal .attainment .decrease {
  color: #0094FF;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea {
  margin-top: 0;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea::after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .recom_tabs + .day {
  margin-top: 35px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content {
  padding: 0;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data {
  background: #fff;
  border-radius: 10px;
  margin: 20px 15px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line {
  display: inline-block;
  width: calc(50% - 2px);
  vertical-align: top;
  padding: 12px 15px;
  box-sizing: border-box;
  border-right: 2px solid #f4f4f5;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line:last-child {
  border-right: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .th {
  color: #939393;
  font-size: 0.75rem;
  display: block;
  margin-bottom: 7px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td {
  color: #333;
  font-size: 1.125rem;
  font-weight: bold;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td i {
  opacity: 0.5;
  font-size: 0.75rem;
  font-style: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td b {
  opacity: 0.5;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td.increase,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td.increase b {
  color: #ff2929;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td.decrease,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data .line .td.decrease b {
  color: #26ABFF;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table {
  width: 100%;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 15px auto;
  width: calc(100% - 30px);
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table tr.hide_line {
  display: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table th,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td {
  padding: 13px 3px;
  text-align: center;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table th {
  color: #939393;
  font-size: 0.75rem;
  line-height: 20px;
  padding: 4px 0;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table th span {
  display: block;
  color: #939393;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td {
  color: #939393;
  font-size: 0.9375rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.name {
  color: #333;
  display: inline-block;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.name a {
  color: #333;
  text-decoration: none;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.name a .remark {
  font-size: 1.75em !important;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.name .ticker {
  display: block;
  line-height: 1.2rem;
  color: #939393;
  font-size: 0.75rem;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.name .ticker .remark {
  color: #d3d3d3;
  font-size: 1.5em;
  letter-spacing: -0.12rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 7px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num {
  text-align: center;
  position: relative;
  min-width: 65px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num span b {
  font-weight: normal;
  color: #333;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num span.pp {
  font-size: 0.8125rem;
  margin-top: 3px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content#tab3 .tableRanking.sum_table td.num span.pp {
  color: #939393;
  font-weight: normal;
  font-size: 0.75rem;
  margin-top: 3px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .target span.pp {
  display: block;
  color: #939393;
  font-weight: normal;
  font-size: 0.75rem;
  margin-top: 3px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num .increase {
  display: block;
  color: #ff2929;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num .decrease {
  display: block;
  color: #26ABFF;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num .increase b {
  color: #ff2929;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num .decrease b {
  color: #26ABFF;
  opacity: 0.7;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.num .attainment_com {
  font-size: 0.7rem;
  color: #939393;
  background: #ffda0d;
  padding: 3px 0;
  box-sizing: border-box;
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  text-align: center;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.goal {
  font-size: 0.9375rem;
  color: #333;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.goal b {
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea #tab1.tab_content .tableRanking.sum_table td.prm_lock img {
  display: inline-block;
  width: 67px !important;
  height: 22px !important;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea #tab2.tab_content .tableRanking.sum_table td.prm_lock img {
  display: inline-block;
  width: 67px !important;
  height: 22px !important;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.increase {
  color: #F8385A;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.decrease {
  color: #0094FF;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .info .sum {
  margin-top: 8px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .per {
  margin-top: 3px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content ul li {
  padding: 0;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content span,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content p span {
  font-size: 0.9375rem;
  color: #333;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content span .remark .txt_filter.size_M,
.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content p span .remark .txt_filter.size_M {
  display: block;
}

/**** 승부주 *****/
.globalStock .sub_game .gameSwiper .swiper-slide {
  display: block;
}

.globalStock .sub_game .gameSwiper .swiper-pagination {
  top: 25px;
  bottom: inherit;
}

.globalStock .sub_game .gameSwiper .swiper-button-next,
.globalStock .sub_game .gameSwiper .swiper-button-prev {
  top: 23px;
  width: 14px;
  height: 14px;
  background: url("/img/swiper_btn.png") no-repeat 0 0;
  background-size: 32px 14px;
  border: 0;
  outline: none;
}

.globalStock .sub_game .gameSwiper .swiper-button-next {
  left: 50%;
  margin-left: 80px;
  background-position: 100% 0;
}

.globalStock .sub_game .gameSwiper .swiper-button-prev {
  left: 50%;
  margin-left: -95px;
  background-position: 0 0;
}

.globalStock .sub_game .sub_top .txt_box .txt + .dh_patent {
  display: block;
  color: #939393;
  font-size: 0.75rem;
  line-height: 1.43;
  text-align: right;
  padding-top: 5px;
}

.globalStock .sub_game .sub_top .txt_box .txt .guide {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_game .sub_top .txt_box .txt:first-child {
  margin-bottom: 10px;
}

.globalStock .sub_game .sub_top .txt_box .txt strong {
  color: #939393;
}

.globalStock .sub_game .gamePicks_area {
  padding: 30px 12px 0;
  background: #f4f4f5;
  box-sizing: border-box;
}

.globalStock .sub_game .gamePicks_area .selt_calendar {
  color: #333;
  font-size: 1rem;
  text-align: center;
}

.globalStock .sub_game .gamePicks_area .game_list {
  padding-top: 50px;
  position: relative;
}

.globalStock .sub_game .gamePicks_area .game_list .guide {
  text-align: right;
  /* margin-bottom: 10px; */
}

.globalStock .sub_game .gamePicks_area .game_list .guide li {
  display: inline-block;
  color: #939393;
  font-size: 0.7rem;
  margin-right: 2px;
}

.globalStock .sub_game .gamePicks_area .game_list .guide li i {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  vertical-align: top;
  margin: 2px 2px;
}

.globalStock .sub_game .gamePicks_area .game_list .guide li.short i {
  background: #404fc3;
}

.globalStock .sub_game .gamePicks_area .game_list .guide li.mdm i {
  background: #00aece;
}

.globalStock .sub_game .gamePicks_area .game_list .guide li.long i {
  background: #fa663a;
}

.globalStock .sub_game .gamePicks_area .game_list .update_sort {
  display: block;
  padding: 5px 3px 0 0;
  margin-bottom: 10px;
  color: #939393;
  font-size: 10px;
  font-weight: 500;
  text-align: right;
}

.globalStock .sub_game .gamePicks_area .game_list .list {
  background: #fff;
  border-radius: 10px;
  font-size: 0;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.globalStock .sub_game .gamePicks_area .game_list .list:first-child {
  margin-top: 0;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event {
  min-width: 150px;
  flex: 1;
  padding: 14px 2px 12px 10px;
  box-sizing: border-box;
  background: #fff;
  display: inline-block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  vertical-align: top;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
  flex: 2;
  display: flex;
  justify-content: space-between;
  background: #e6e7f4;
  width: calc(100% - 152px);
  padding: 15px 3px 16px 3px;
  box-sizing: border-box;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  vertical-align: top;
  margin: 2px 2px 1px 0;
  vertical-align: top;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_game .gamePicks_area .game_list .list .game_event {
    min-width: 106px;
  }
  .globalStock .sub_game .gamePicks_area .game_list .list .game_data {
    width: calc(100% - 102px);
  }
}
.globalStock .sub_game .gamePicks_area .game_list .list .game_event .title a {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .title a .remark {
  color: #333;
  height: 14px;
  font-size: 1.5em;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  display: inline-block;
  vertical-align: top;
  padding-top: 1px;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num {
  text-align: left;
  margin-top: 8px;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num span {
  margin-top: 7px;
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num span b {
  font-weight: normal;
  color: #333;
  opacity: 0.7;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num .increase b {
  color: #ff2929;
  font-size: 0.75rem;
  opacity: 0.7;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num .decrease b {
  color: #26ABFF;
  font-size: 0.75rem;
  opacity: 0.7;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_event .num .recom {
  display: block;
  color: #939393;
  font-size: 0.75rem;
  margin-top: 7px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data ul {
  display: inline-block;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data ul::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 50px;
  border-right: 1px dotted #c7cbe9;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data ul.score::before {
  display: none;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li {
  text-align: center;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li.th {
  color: #8C95D5;
  font-size: 0.7rem;
  margin-top: 2px;
  font-weight: 300;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li.th .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li.th .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li.td {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #333;
  margin-top: 13px;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li.prm_lock img,
.globalStock .sub_game .gamePicks_area .game_list .list .game_data li .prm_lock img {
  display: inline-block;
  width: 52px;
  height: 18px;
  margin-top: 0;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data li.td b {
  font-size: 0.9375rem;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td {
  margin-top: 11px;
  font-size: 0;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td div {
  display: inline-block;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td div:nth-child(2) {
  margin: 0 2px;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td span {
  display: block;
  text-align: center;
  color: #939393;
  font-size: 9px !important;
  font-weight: 300;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td i {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-bottom: 4px;
  background: url("/img/game_trans_b.svg") no-repeat 0 -25px;
  background-size: auto 18px;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td i.trans_icn {
  background-position: 0 0;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td i.trans_icn.up {
  background-position-x: 0;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td i.trans_icn.trans {
  background-position-x: 50%;
}

.globalStock .sub_game .gamePicks_area .game_list .list .game_data .trans .td i.trans_icn.down {
  background-position-x: 100%;
}

/**** 종목분석 *****/
.globalStock .sub_analysis .sub_top .recomSwiper {
  margin-top: 5px;
  padding-bottom: 13px;
}

.globalStock .sub_analysis .sub_top .chart_area {
  background: #fff;
  width: calc(100% - 30px);
  margin: 20px auto;
  border-radius: 20px;
  padding: 0;
  box-sizing: border-box;
}

.globalStock .sub_analysis .sub_top .left_area {
  display: inline-block;
  width: calc(100% - 160px);
  padding: 11px 10px 10px 20px;
  box-sizing: border-box;
  vertical-align: top;
  height: 184px;
}

.globalStock .sub_analysis .sub_top .right_area {
  float: right;
  width: 150px;
  vertical-align: top;
  padding: 15px 12px 0;
  box-sizing: border-box;
  position: relative;
  background: #404fc3;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 184px;
}

.globalStock .sub_analysis .sub_top .left_area .title {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_analysis .sub_top .left_area .title a {
  color: #333;
  font-size: 1.25rem;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_analysis .sub_top .left_area .info li {
  display: inline-block;
}

.globalStock .sub_analysis .sub_top .left_area .info li span {
  font-size: 0.75rem;
  display: inline-block;
  color: #939393;
}

.globalStock .sub_analysis .sub_top .left_area .detail {
  margin-top: 5px;
}

.globalStock .sub_analysis .sub_top .left_area .detail li {
  display: inline-block;
  font-size: 1rem;
  padding: 5px 0;
}

.globalStock .sub_analysis .sub_top .left_area .detail .num,
.globalStock .sub_analysis .sub_top .left_area .detail .per {
  color: #333;
  font-weight: bold;
  font-size: 1.125rem;
}

.globalStock .sub_analysis .sub_top .left_area .detail .num b,
.globalStock .sub_analysis .sub_top .left_area .detail .per b {
  color: #333;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top .left_area .detail .num.increase,
.globalStock .sub_analysis .sub_top .left_area .detail .per .increase {
  color: #ff2929;
  font-weight: bold;
  font-size: 1.125rem;
}

.globalStock .sub_analysis .sub_top .left_area .detail .num.increase b,
.globalStock .sub_analysis .sub_top .left_area .detail .per .increase b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top .left_area .detail .num.decrease,
.globalStock .sub_analysis .sub_top .left_area .detail .per .decrease {
  color: #26ABFF;
  font-weight: bold;
  font-size: 1.125rem;
}

.globalStock .sub_analysis .sub_top .left_area .detail .num.decrease b,
.globalStock .sub_analysis .sub_top .left_area .detail .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top .left_area .detail .per span {
  color: #0094FF;
  font-size: 0.8rem !important;
  padding-left: 5px;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_top .left_area .detail .per span b {
  color: #0094FF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top .right_area .charm_score {
  border-bottom: 1px solid #4e5cc8;
}

.globalStock .sub_analysis .sub_top .right_area .charm_score .charm {
  color: #fff;
  font-size: 0.73rem;
  text-align: left;
  opacity: 0.5;
}

.globalStock .sub_analysis .sub_top .right_area .charm_score .charm_num {
  color: #ffda0d;
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  padding: 17px 0;
}

.globalStock .sub_analysis .sub_top .right_area .charm_score .charm_num b {
  color: #fff;
  font-size: 0.88rem;
  font-weight: normal;
}

.globalStock .sub_analysis .sub_top .right_area .value_score {
  padding: 11px 0 17px;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .value {
  color: #fff;
  font-size: 0.73rem;
  text-align: left;
  opacity: 0.5;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis {
  width: calc(100% - 20px);
  margin: 30px auto 27px;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line {
  border-bottom: 2px solid #8C95D8;
  position: relative;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line .i_graph .g_action {
  position: absolute;
  left: 0;
  top: -5px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #ffda0d;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line .i_graph .g_action::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  background: #303faf;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line .i_graph.graph_prm .g_action {
  position: absolute;
  left: 0;
  top: -7px;
  margin-left: -30px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4 url("/img/graph_prm.png") no-repeat 0 0;
  background-size: 100% auto;
  width: 60px;
  height: 19px;
  border-radius: 3px;
  font-size: 0;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line .i_graph.graph_prm .g_action::after {
  display: none;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line .i_graph.no_value .g_action {
  position: absolute;
  left: 0;
  top: -18px;
  margin-left: -37px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4;
  background-size: 100% auto;
  width: 76px;
  height: 38px;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .line .i_graph.no_value .g_action::after {
  content: "밸류에이션 데이터 부족";
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.7rem;
  left: 2px;
  top: 4px;
  width: 70px;
  height: 30px;
  background: none;
  border-radius: 10px;
  line-height: 1.43;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation {
  z-index: 1;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li {
  color: #fff;
  font-size: 0.7rem;
  position: absolute;
  top: 14px;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li::before {
  content: "";
  position: absolute;
  top: -19px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #8C95D8;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li:nth-child(1) {
  left: 0;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li:nth-child(2) {
  left: 50%;
  margin-left: -17px;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li:nth-child(3) {
  right: 0;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li:nth-child(1)::before {
  left: -1px;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li:nth-child(2)::before {
  left: 16px;
}

.globalStock .sub_analysis .sub_top .right_area .value_score .chart_analysis .evaluation li:nth-child(3)::before {
  right: 0;
}

.globalStock .sub_analysis .sub_top .revenue_box,
.globalStock .sub_analysis .sub_top .attainment_box {
  position: absolute;
  left: -30px;
  top: -10px;
  display: inline-block;
  padding: 5px 15px;
  color: #333;
  font-size: 0.73rem;
  box-sizing: border-box;
  border-radius: 20px;
}

.globalStock .sub_analysis .sub_top .revenue_box {
  background: #1AE5D6;
}

.globalStock .sub_analysis .sub_top .attainment_box {
  background: #ffda0d;
}

.globalStock .sub_analysis .sub_top .attainment_box::after {
  display: inline-block;
}

.globalStock .sub_analysis .sub_top .revenue_box .title,
.globalStock .sub_analysis .sub_top .attainment_box .title {
  color: #333;
  font-size: 0.73rem;
  opacity: 0.5;
}

.globalStock .sub_analysis .sub_top .revenue_box .percent,
.globalStock .sub_analysis .sub_top .attainment_box .percent {
  color: #333;
  font-size: 0.8rem;
}

.globalStock .sub_analysis .sub_top table.data_attainment {
  margin-bottom: 15px;
}

.globalStock .sub_analysis .sub_top table.data_attainment th,
.globalStock .sub_analysis .sub_top table.data_attainment td,
.globalStock .sub_analysis .sub_top table.data_attainment th span,
.globalStock .sub_analysis .sub_top table.data_attainment td span {
  text-align: left;
}

.globalStock .sub_analysis .sub_top table.data_attainment th.goal {
  width: 50px;
  box-sizing: border-box;
}

.globalStock .sub_analysis .sub_top table.data_attainment th.goal span,
.globalStock .sub_analysis .sub_top table.data_attainment th.t span {
  color: #fff;
  font-size: 0.73rem;
  text-align: left;
  opacity: 0.5;
}

.globalStock .sub_analysis .sub_top table.data_attainment th.t span {
  padding-left: 5px;
}

.globalStock .sub_analysis .sub_top table.data_attainment td.n span {
  padding-right: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: right;
}

.globalStock .sub_analysis .sub_top table.data_attainment td.n span b {
  color: #fff;
  font-size: 0.75rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top table.data_attainment th,
.globalStock .sub_analysis .sub_top table.data_attainment td {
  padding: 4px 0;
}

.globalStock .sub_analysis .sub_top table.data_attainment td {
  text-align: right;
}

.globalStock .sub_analysis .sub_top table.data_attainment tr:first-child th,
.globalStock .sub_analysis .sub_top table.data_attainment tr:nth-child(2) th,
.globalStock .sub_analysis .sub_top table.data_attainment tr:first-child td,
.globalStock .sub_analysis .sub_top table.data_attainment tr:nth-child(2) td {
  border-bottom: 1px solid #4e5cc8;
  padding: 10px 0;
}

.globalStock .sub_analysis .sub_top table.data_attainment tr:nth-child(3) th,
.globalStock .sub_analysis .sub_top table.data_attainment tr:nth-child(3) td {
  padding-top: 10px;
}

.globalStock .sub_analysis .sub_top table.data_attainment tr:first-child td span {
  color: #ffda0d;
  font-size: 1.125rem;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_top table.data_attainment tr:first-child td span b {
  color: #ffda0d;
  font-size: 1.125rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top table.data_attainment tr:nth-child(2) td span {
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_top table.data_attainment tr:nth-child(2) td span b {
  color: #fff;
  font-size: 1.125rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top .containerS1 {
  height: 88px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area {
  padding: 0 15px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area {
  clear: both;
  float: none;
  padding: 15px 0 11px;
  margin-top: 14px;
  width: calc(50% - 6px);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area:after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area:nth-child(2n) {
  float: right;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area ul.list {
  padding: 0 15px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area ul.list li {
  display: block;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .title {
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .title a {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .title a .ticker {
  display: block;
  line-height: 1.2rem;
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 4px;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num span {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #333;
  vertical-align: top;
  display: inline-block;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num span b {
  font-weight: normal;
  color: #333;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num .increase {
  font-weight: bold;
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num .increase:nth-child(2) {
  font-size: 0.75rem;
  padding-top: 2px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num .decrease {
  font-weight: bold;
  color: #26ABFF;
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num .decrease:nth-child(2) {
  font-size: 0.75rem;
  padding-top: 2px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num .increase b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .num .decrease b {
  color: #26ABFF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .score {
  text-align: right;
  padding-right: 10px;
  line-height: 2rem;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .score span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .recom {
  text-align: right;
  line-height: 2rem;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .recom span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .allocation {
  text-align: right;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .allocation span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score {
  background-image: linear-gradient(to bottom, #f5f5f5, #ffffff 38%);
  background-color: #f4f4f5;
  margin-top: 12px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .score {
  width: calc(50% - 10px);
  display: inline-block;
  text-align: center;
  padding: 16px 0 6px;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .score strong {
  display: inline-block;
  color: #333;
  font-size: 1.4rem;
  padding-right: 3px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
  margin-top: 26px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line {
  border-bottom: 3px solid #c3c3c3;
  position: relative;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph .g_action {
  position: absolute;
  left: 0;
  top: -5px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #404fc3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph .g_action::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action {
  position: absolute;
  left: 0;
  top: -7px;
  margin-left: -30px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4 url("/img/graph_prm.png") no-repeat 0 0;
  background-size: 100% auto;
  width: 60px;
  height: 19px;
  border-radius: 3px;
  font-size: 0;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action::after {
  display: none;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action {
  position: absolute;
  left: 0;
  top: -18px;
  margin-left: -31px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4;
  background-size: 100% auto;
  width: 60px;
  height: 38px;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action::after {
  content: "밸류에이션 데이터 부족";
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.64rem;
  left: -4px;
  top: 5px;
  width: 70px;
  height: 30px;
  background: none;
  border-radius: 10px;
  line-height: 1.43;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation {
  z-index: 1;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li {
  color: #333;
  font-size: 0.7rem;
  position: absolute;
  top: 14px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li::before {
  content: "";
  position: absolute;
  top: -18px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #c3c3c3;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li:nth-child(1) {
  left: 0;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li:nth-child(2) {
  left: 50%;
  margin-left: -17px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li:nth-child(3) {
  right: 0;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li:nth-child(1)::before {
  left: -1px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li:nth-child(2)::before {
  left: 16px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .evaluation li:nth-child(3)::before {
  right: 0;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .btn_more {
  margin-top: 25px;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .btn_more a {
  width: 100%;
}

.globalStock .sub_analysis .sub_mid.eventPicks_area .banner_prm {
  background: #404FC3;
  width: 100%;
  border-radius: 5px;
  margin: 25px auto 0;
  padding: 9px 0 11px;
  text-align: center;
}

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

.globalStock .sub_analysis .sub_mid.eventPicks_area .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_analysis .sub_mid.eventPicks_area .banner_prm .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 5px;
}

/* 종목분석 - 뷰 */
.globalStock .sub_analysis .sub_top.view {
  background: #fff;
}

.globalStock .sub_analysis .sub_top.view .chart_area {
  width: 100%;
  margin: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData {
  padding: 30px 0 0;
  box-sizing: border-box;
  background: #fff;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData > .title {
  font-size: 1.25rem;
  padding: 0 15px;
  float: left;
  max-width: calc(100% - 34px);
  height: 24px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData > .title a {
  color: #333;
  font-size: 1.25rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .more {
  display: inline-block;
  width: 10px;
  padding-top: 5px;
  height: 15px;
  text-align: right;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .info {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 15px;
  position: relative;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .info .eng {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .info li {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .info li.day {
  color: #939393;
  font-size: 0.85rem;
  position: absolute;
  right: 15px;
  top: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 9px;
  position: relative;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail li {
  display: inline-block;
  font-size: 1rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .num,
.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per {
  color: #333;
  font-size: 1.2rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .num b,
.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per b {
  color: #333;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .num.increase {
  color: #F8385A;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .num.decrease {
  color: #0094FF;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .num.increase b {
  color: #F8385A;
  font-weight: normal;
  opacity: 1;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .num.decrease b {
  color: #0094FF;
  font-weight: normal;
  opacity: 1;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per {
  padding-left: 6px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per .increase {
  color: #F8385A;
  font-size: 1rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per .decrease {
  color: #0094FF;
  font-size: 1rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per .increase b {
  color: #F8385A;
  font-weight: normal;
  opacity: 1;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per .decrease b {
  color: #0094FF;
  font-weight: normal;
  opacity: 1;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .per span {
  color: #0094FF;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail .day {
  color: #939393;
  font-size: 0.85rem;
  position: absolute;
  right: 15px;
  top: 4px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data {
  margin: 20px auto 0;
  width: calc(100% - 20px);
  background: #404fc3;
  border-radius: 10px;
  position: relative;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table th,
.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td {
  text-align: left;
  border-right: 1px solid #4e5cc8;
  font-size: 1rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table th {
  padding: 15px 11px 6px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td {
  padding: 6px 11px 15px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table tr th:last-child,
.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table tr td:last-child {
  border-right: none;
  width: 100px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table th .day {
  font-size: 0.74rem;
  padding-left: 4px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table th span {
  color: #fff;
  opacity: 0.5;
  font-size: 0.73rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td span {
  color: #fff;
  font-size: 1.28rem;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.recom_num span {
  color: #fff;
  font-size: 1.28rem;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.recom_num span .rank_p {
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.recom_num span strong {
  color: #ffda0d;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.recom_num span .rank_p b {
  color: #fff;
  font-size: 0.9375rem;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td span .rank_p {
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td span .rank_p b {
  color: #ffda0d;
  font-size: 0.9375rem;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td span b {
  color: #fff;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num span {
  color: #ffda0d;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num span b {
  color: #ffda0d;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .value {
  color: #fff;
  font-size: 0.73rem;
  text-align: left;
  opacity: 0.5;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis {
  width: 100%;
  margin: 5px auto 20px;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line {
  border-bottom: 2px solid #8C95D8;
  position: relative;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line .i_graph .g_action {
  position: absolute;
  left: 0;
  top: -5px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #ffda0d;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line .i_graph .g_action::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  background: #303faf;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line .i_graph.graph_prm .g_action {
  position: absolute;
  left: 0;
  top: -7px;
  margin-left: -30px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4 url("/img/graph_prm.png") no-repeat 0 0;
  background-size: 100% auto;
  width: 60px;
  height: 19px;
  border-radius: 3px;
  font-size: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line .i_graph.graph_prm .g_action::after {
  display: none;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line .i_graph.no_value .g_action {
  position: absolute;
  left: 0;
  top: -18px;
  margin-left: -37px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4;
  background-size: 100% auto;
  width: 76px;
  height: 38px;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .line .i_graph.no_value .g_action::after {
  content: "밸류에이션 데이터 부족";
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.7rem;
  left: 2px;
  top: 4px;
  width: 70px;
  height: 30px;
  background: none;
  border-radius: 10px;
  line-height: 1.43;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation {
  z-index: 1;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li {
  color: #fff;
  font-size: 0.7rem;
  position: absolute;
  top: 14px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li::before {
  content: "";
  position: absolute;
  top: -19px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #8C95D8;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li:nth-child(1) {
  left: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li:nth-child(2) {
  left: 50%;
  margin-left: -17px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li:nth-child(3) {
  right: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li:nth-child(1)::before {
  left: 0;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li:nth-child(2)::before {
  left: 16px;
}

.globalStock .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td.goal_num .chart_analysis .evaluation li:nth-child(3)::before {
  right: 0;
}

.globalStock .sub_analysis .sub_top.view .revenue_box,
.globalStock .sub_analysis .sub_top.view .attainment_box {
  position: absolute;
  left: auto;
  right: 12px;
  top: auto;
  bottom: -15px;
  display: inline-block;
  padding: 5px 15px;
  color: #333;
  font-size: 0.73rem;
  box-sizing: border-box;
  border-radius: 20px;
}

.globalStock .sub_analysis .sub_top.view .containerArea_1 {
  margin-top: 15px;
  height: 200px;
}

.globalStock .sub_analysis .sub_mid.view {
  margin: 30px 15px;
}

.globalStock .sub_analysis .sub_mid.view .guide_area .title {
  color: var(--Font-primary-blue, #4168F6);
  display: inline-block;
  font-size: 0.9375rem;
}

.globalStock .sub_analysis .sub_mid.view .guide_area .day {
  color: #939393;
  float: right;
  font-size: 0.75rem;
}

.globalStock .sub_analysis .sub_mid.view .guide_area div {
  clear: both;
  float: none;
  color: #333;
  font-size: 0.88rem;
  line-height: 26px;
  display: block;
  margin-top: 40px;
  position: relative;
}

.globalStock .sub_analysis .sub_mid.view .guide_area div a {
  color: #608bff;
  text-decoration: underline;
}

.globalStock .sub_analysis .sub_mid.view .guide_area div img {
  display: inline-block;
  width: 100% !important;
  height: auto !important;
}

.globalStock .sub_analysis .sub_mid.view .guide_area div span {
  display: inline-block;
  margin-right: 5px;
}

.globalStock .sub_analysis .sub_mid.view .guide_area div p {
  clear: both;
  float: none;
  color: #333;
  font-size: 0.88rem;
  line-height: 26px;
  display: block;
  margin-top: 40px;
  position: relative;
}

.globalStock .sub_analysis .sub_mid.view .guide_area div p span {
  display: inline-block;
  margin-right: 5px;
}

.globalStock .sub_analysis .sub_mid.view .performance {
  margin: 50px 0 0;
}

.globalStock .sub_analysis .sub_mid.view .performance .title {
  display: inline-block;
  font-size: 0.9375rem;
  color: #333;
}

.globalStock .sub_analysis .sub_mid.view .performance .unit {
  color: #939393;
  font-size: 0.75rem;
  float: right;
  padding-top: 3px;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking {
  clear: both;
  float: none;
  margin: 20px 0 0;
  background: #fff;
  border-radius: 12px;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking th,
.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td {
  text-align: center;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking th:nth-child(2),
.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td:nth-child(2) {
  border-right: 1px solid #F4F4F5 !important;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking tr:last-child th,
.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking tr:last-child td {
  border-right: none;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking th span,
.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td span {
  display: inline-block;
  text-align: center;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking th span {
  color: #939393;
  font-size: 0.9375rem;
  padding: 20px 3px 10px;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking th span:last-child {
  font-size: 0.75rem;
  line-height: 20px;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td span {
  color: #333;
  font-size: 0.9375rem;
  font-weight: bold;
  padding: 10px 3px 20px;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td.increase span {
  color: #ff2929;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td.decrease span {
  color: #0094FF;
  font-weight: bold;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td.increase span b {
  color: #ff2929;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_mid.view .performance table.tableRanking td.decrease span b {
  color: #0094FF;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_mid.view .data_table {
  margin: 50px auto 30px;
}

.globalStock .sub_analysis .sub_mid.view .data_table div {
  clear: both;
  float: none;
  color: #333;
  font-size: 0.9375rem;
  line-height: 26px;
  display: block;
  margin-top: 10px;
  position: relative;
}

.globalStock .sub_analysis .sub_mid.view .data_table .title {
  display: inline-block;
  max-width: calc(100% - 100px);
  font-size: 0.9375rem;
  color: #333;
}

.globalStock .sub_analysis .sub_mid.view .data_table .more {
  display: inline-block;
  width: 20px;
  text-align: right;
  position: relative;
  top: 2px;
}

.globalStock .sub_analysis .sub_mid.view .data_table .more img {
  display: inline-block;
  width: 7px !important;
  height: 12px;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 0 0 20px;
  width: calc(50% - 6px);
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking:nth-child(2n) {
  clear: both;
  float: right;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking th,
.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking td {
  text-align: left;
  padding: 9px 0 9px 5px;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking td {
  text-align: right;
  padding-right: 5px;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking th span,
.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking td span {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking th span b,
.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking td span b {
  color: #939393;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking td span {
  color: #333;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking tr:first-child th span {
  font-weight: bold;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking tr:first-child td span {
  color: #939393;
}

.globalStock .sub_analysis .sub_mid.view .data_table table.tableRanking th.th_ft .day {
  font-size: 0.78rem;
  color: #939393;
  font-weight: normal;
  padding-left: 5px;
  padding-top: 2px;
  float: right;
}

/* =============================================================================
   📊 ANALYSIS STYLES - 분석 페이지 스타일 (라인 6000-10257)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _analysis.scss
   - 분석 페이지 관련 스타일
   - 성과 테이블
   - 데이터 테이블
   ============================================================================= */
.globalStock .sub_analysis .sub_mid.view .data_table .dataLink {
  clear: both;
  float: none;
  margin-top: 10px;
  padding: 0;
  color: #939393;
  font-size: 0.73rem;
  text-align: right;
}

.globalStock .sub_analysis .sub_mid.view .data_table .dataLink strong {
  color: #608bff;
  font-size: 0.73rem;
}

@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);
  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:active {
  transform: translate(2px, 2px);
}
.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; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
/********************/
/* =============================================================================
   🔍 SEARCH STYLES - 종목검색 스타일 (라인 1040-3000)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _search.scss
   - 종목검색 관련 스타일
   - 검색 결과
   - 테이블 랭킹
   ============================================================================= */
/**** 종목검색 *****/
/********************/
/* 종목검색 - 검색중 */
.globalStock .sub_search .searching {
  padding-top: 30px;
}

.globalStock .searching .searchArea {
  margin: 0 auto;
  width: 100%;
  position: relative;
  text-align: right;
  width: calc(100% - 30px);
}
.globalStock .searching .searchArea .sch_title {
  color: var(--color-text-primary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  text-align: left;
  display: inline-block;
  width: 45px;
  line-height: 33px;
}
.globalStock .searching .searchArea .sch_title.keydown {
  display: none;
}
.globalStock .searching .searchArea .searchInput {
  outline: none;
  width: 100%;
  padding: 12px 50px 12px 24px;
  box-sizing: border-box;
  border-radius: 26px;
  border: 1px solid var(--color-primary);
  background: var(--color-bg-primary);
  box-shadow: var(--shadow-custom);
  color: var(--color-text-primary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xxl);
  letter-spacing: var(--letter-spacing-tight);
}
.globalStock .searching .searchArea .searchInput.keydown {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.globalStock .searching .searchArea .searchInput::-moz-placeholder {
  color: var(--color-text-disabled);
}
.globalStock .searching .searchArea .searchInput::placeholder {
  color: var(--color-text-disabled);
}
.globalStock .searching .searchArea .searchBtn {
  display: inline-block;
  width: 24px;
  height: auto;
  position: absolute;
  right: 16px;
  top: 14px;
}

.globalStock .sub_search .searching .searchArea .searchBtn {
  display: inline-block;
  width: 24px;
  height: auto;
  position: absolute;
  right: 16px;
  top: 14px;
}

.globalStock .sub_search .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%;
  width: calc(100% - 30px);
}
.globalStock .sub_search .searching .sch_autocomplete.focus_on {
  display: block;
}
.globalStock .sub_search .searching .sch_autocomplete._show {
  display: block;
}
.globalStock .sub_search .searching .sch_autocomplete ul {
  background: #fff;
  border-top: 0;
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
}
.globalStock .sub_search .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;
}
.globalStock .sub_search .searching .sch_autocomplete ul li:last-child {
  padding-bottom: 24px;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}
.globalStock .sub_search .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);
}
.globalStock .sub_search .searching .sch_autocomplete ul li a._on {
  border: none;
  padding: 0;
}
.globalStock .sub_search .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;
}
.globalStock .sub_search .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) {
  .globalStock .sub_search .searching .sch_autocomplete ul li a .schCode {
    width: 48px;
    min-width: 40px;
    max-width: 54px;
    font-size: 15px !important;
  }
  .globalStock .sub_search .searching .sch_autocomplete ul li a .schList {
    font-size: 15px !important;
    max-width: calc(100% - 54px);
  }
}
.globalStock .sub_search .searching .sch_autocomplete ul li a .schList strong {
  color: #939393;
  font-weight: bold;
}
.globalStock .sub_search .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;
}
.globalStock .sub_search .searching .sch_autocomplete .no_result p {
  color: #939393;
}

.globalStock .sub_search .latest_results {
  position: relative;
  padding-top: 15px;
  /* overflow:hidden; */
}

.globalStock .sub_search .latest_results::after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .sub_search .latest_results .tabsArea .tab_container {
  min-height: 150px;
}

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

.globalStock .sub_search .latest_results .tabsArea .tab_container .no_data p {
  color: #949494;
  font-size: 0.9375rem;
  line-height: 1.43;
  padding: 240px 15px 0;
}

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

.globalStock .sub_search .latest_results .tabsArea .tab_container .tab_content {
  padding: 0;
}

.globalStock .sub_search .latest_results .tabsArea .tab_container .tab_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  padding-left: 25px;
  margin-top: 23px;
  position: relative;
  top: 5px;
}
.globalStock .sub_search .latest_results .tabsArea .tab_container .tab_title.mrt_0 {
  margin-top: 0;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking {
  width: calc(100% - 30px);
  margin: 20px auto 0;
  background: #fff;
  border-radius: 20px;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.mrt_0 {
  margin-top: 0;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking tr:last-child {
  border-bottom: none;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td {
  padding: 12px 3px 12px 15px;
  text-align: center;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td.opinion span {
  display: inline-block;
  margin-top: 4px;
  padding: 4px 16px;
  border-radius: 3px;
  font-size: 0.8125rem;
  letter-spacing: -0.33px;
  text-align: center;
  color: #fff;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td.opinion span.buy {
  background-color: #FF4500;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td.opinion span.sell {
  background-color: #1E90FF;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td.opinion span.hold {
  background-color: #008000;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td.opinion span.waitting {
  background-color: #a1a1a1;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking td span.na {
  color: #939393;
  font-size: 0.8rem;
  display: inline-block;
  margin-top: 11px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking td {
  padding: 10px 3px 8px 15px;
  text-align: center;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking td.prm_lock img {
  display: inline-block;
  width: 67px;
  height: 22px;
  margin-top: 6px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .title {
  text-align: left !important;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking .title .md-trigger {
  padding-top: 16px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .title a {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .title a .ticker {
  line-height: normal;
  display: block;
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 2px;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .title .remark {
  height: 14px;
  font-size: 1.5em;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  display: inline-block;
  vertical-align: top;
  padding-top: 1px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num {
  text-align: right;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  margin-top: 4px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num span b {
  font-weight: normal;
  color: #333;
  opacity: 1;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num .hit {
  color: #939393;
  font-size: 0.7rem;
  display: block;
  margin-left: 12px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num .increase b {
  color: #ff2929;
  font-size: 0.75rem;
  opacity: 0.7;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .num .decrease b {
  color: #26ABFF;
  font-size: 0.75rem;
  opacity: 0.7;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.75rem;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.75rem;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .score {
  text-align: right;
  padding-right: 10px;
  line-height: 2rem;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .score span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #939393;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .score span b {
  font-weight: normal;
  font-size: 0.78rem;
  color: #939393;
  opacity: 0.7;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .recom {
  text-align: right;
  line-height: 2rem;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .recom span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .allocation {
  text-align: right;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking .allocation span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal tr {
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: 18px 0;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal td.title.t_short {
  flex: 5;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal td.num {
  flex: 5;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal td.recom {
  flex: 2;
  padding-right: 6px;
}
@media (min-width: var(--bp-tablet-s)) {
  .globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal td.recom {
    flex: 1;
  }
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal td {
  flex: 1 1 auto;
  padding: 0;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .title.t_short {
  padding-left: 12px;
  padding-right: 0;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .title a {
  display: block;
  width: auto;
}
@media (min-width: 401px) and (max-width: 640px) {
  .globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .title a {
    width: 140px;
  }
}
@media (min-width: 375px) and (max-width: 400px) {
  .globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .title a {
    width: 120px;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .title a {
    width: 110px;
  }
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0 7px;
  max-width: 140px;
  box-sizing: border-box;
  margin-left: auto;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span {
  margin: 0;
  width: 60px;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span:nth-of-type(1) {
  min-width: 70px;
  text-align: right;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span b {
  opacity: 1;
  font-weight: normal;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per {
  padding: 0;
  font-size: 0.75rem;
  font-weight: normal;
  opacity: 1;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per b {
  opacity: 1;
  font-weight: normal;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per.increase {
  display: block;
  color: #ff0000;
  font-size: 0.75rem;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per.increase b {
  color: #ff0000;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per.decrease {
  display: block;
  color: #0062ff;
  font-size: 0.75rem;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per.decrease b {
  color: #0062ff;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per.same {
  display: block;
  color: #363F4B;
  font-size: 0.75rem;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .num span.per.same b {
  color: #363F4B;
}
.globalStock .sub_search .latest_results .tabsArea table.tableRanking.trading_signal .recom {
  line-height: normal;
}

.globalStock .sub_search .latest_results .tabsArea .attentionSwiper {
  padding-bottom: 30px;
}

.globalStock .sub_search .latest_results .tabsArea .btn_list {
  clear: both;
  width: 140px;
  margin: 20px auto 0;
}

.globalStock .sub_search .latest_results .tabsArea .btn_list a {
  display: block;
  background: #404fc3;
  color: #fff;
  font-size: 0.82rem;
  width: calc(100% - 30px);
  border-radius: 3px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  line-height: 32px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_guide {
  padding: 24px 0;
  background: #fff;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list {
  padding: 0 16px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .select_area select {
  height: 40px;
  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);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .select_area select:focus option:checked {
  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);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .sort_manage .interest_btn {
  position: relative;
  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);
  padding-left: 8px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .sort_manage .interest_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
  width: 1px;
  height: 12px;
  background-color: #E0E4E9;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .sort_manage .interest_btn:first-child {
  padding-left: 0;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .sort_manage .interest_btn:first-child:before {
  display: none;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .sort_manage .interest_btn:last-child {
  padding-right: 0;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_list .sort_manage .interest_btn.active {
  color: var(--Font-selected-secondary, #24282C);
  font-weight: var(--Weight-600, 600);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .filter_box_inner {
  display: none;
  padding: 0;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .filter_box_inner .guide_txt {
  margin-top: 20px;
  text-align: right;
  color: #939393;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box {
  margin-top: 56px;
  padding: 0 20px 40px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_title b {
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_guide_list {
  display: flex;
  flex-direction: column;
  gap: 40px 16px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
  margin-top: 16px;
  padding: 32px 24px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_guide_list .no_item {
  width: 100%;
  height: 40px;
  color: var(--Font-disabled, #B0B8C1);
  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);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_guide_list .guide_txt {
  width: 100%;
  margin-bottom: 8px;
  color: var(--Font-primary-title, #1F242B);
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_guide_list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_guide_box .onestep_guide_list .list .item {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-primary-border, #E3E5E8);
  background-color: #FFF;
  padding: 6px 16px;
  max-width: 148px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box.analyze_Swiper {
  padding: 24px 15px 40px;
  box-sizing: border-box;
  visibility: hidden;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box.analyze_Swiper.swiper-container-initialized {
  visibility: visible;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box.analyze_Swiper .swiper-slide {
  display: block;
  width: auto;
  height: 100%;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .analyze_list {
  display: flex;
  flex-direction: column;
  width: 290px;
  height: 100%;
  min-height: 194px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 0px 15px 0px rgba(134, 138, 147, 0.15);
  padding: 32px 24px;
  box-sizing: border-box;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .title {
  display: inline-flex;
  align-items: center;
  gap: 8px 8px;
  color: var(--Font-secondary-title, #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-3xl, 32px);
  /* 145.455% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .title svg {
  width: 24px;
  height: 24px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .nodata {
  margin-top: 16px;
  color: var(--Font-disabled, #B0B8C1);
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .nodata b {
  color: var(--Font-disabled, #B0B8C1);
  font-weight: var(--Weight-700, 700);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .score_txt {
  margin-top: auto;
  color: var(--Font-disabled, #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-xs-12, 14px);
  /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .score_txt b {
  color: var(--Font-disabled, #B0B8C1);
  font-weight: var(--Weight-700, 700);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  margin-top: 16px;
  margin-bottom: 32px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 272px;
  /* 자식 요소가 6개를 넘지 않도록 높이 제한 */
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .list .item {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-03, 12px);
  background-color: #FFF;
  padding: 6px 16px;
  max-width: 148px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .risky .list .item {
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Blue-blue100, #ECF0FF);
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .s_risk .list .item {
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Beige-beige50, #FAF3EA);
  color: #E9835B;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .interest .list .item {
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Background-primary-light-background, #F1F4F6);
  color: var(--Gray-gray600, #6B7684);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .analyze_box .attractive .list .item {
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Red-red50, #FEF2F3);
  color: var(--Red-red500, #F03E4C);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix {
  padding: 40px 20px 0;
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .onestep_title {
  display: inline-flex;
  align-items: center;
  gap: 8px 8px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .onestep_title img {
  width: 24px;
  height: 24px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .document_box {
  max-width: 480px;
  margin: 16px auto 0;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .document_box:before {
  content: "";
  display: block;
  width: 100%;
  background: url("/img/document_bg.svg") no-repeat left bottom;
  height: 27px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .document_box .bg {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 24px;
  background: #DBE5FF;
  border-radius: 0px var(--Radius-r-05, 24px) var(--Radius-r-05, 24px) var(--Radius-r-05, 24px);
  box-shadow: 0px 15px 20px 0px var(--Blue-blue100, #ECF0FF);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .document_box .matrix_img {
  width: auto;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .document_box .title {
  margin-top: 8px;
  color: var(--Font-primary-subtitle, #6B7684);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestep_matrix .document_box .title b {
  color: var(--Font-primary-body, #24282C);
  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 .sub_search .latest_results .tabsArea .onestep_guide .matrix_txt {
  margin-top: 32px;
  padding: 0 20px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .matrix_txt .txt {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: 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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .matrix_txt .txt_sub {
  margin-top: 12px;
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .matrix_txt .txt_sub b {
  color: var(--Font-secondary-caption, #6B7684);
  font-weight: var(--Weight-600, 600);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list {
  display: flex;
  flex-direction: column;
  gap: 16px 8px;
  padding: 0 20px;
  margin-top: 32px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .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;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list .recommend_item .show_item_txt {
  opacity: 0;
  display: none;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list .recommend_item .show_item_txt.active {
  opacity: 1;
  display: block;
  max-height: 1000px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list .recommend_item .txt {
  padding-right: 24px;
  box-sizing: border-box;
  color: var(--Font-secondary-title, #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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list .recommend_item .txt_sub {
  padding: 24px 0 0;
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list .recommend_item .arrow {
  position: absolute;
  top: 26px;
  right: 36px;
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
  content: "";
  width: 5px;
  height: 5px;
  margin: auto;
  display: inline-block;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .recommend_list .recommend_item.active .arrow svg {
  transform: rotate(175deg);
  transition: transform 0.2s ease-in-out;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box {
  padding: 0 20px 40px;
  margin-top: 80px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box .score_title {
  margin-top: 80px;
  display: inline-flex;
  align-items: center;
  gap: 8px 8px;
  color: var(--Font-primary-title, #1F242B);
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box .score_title:first-child {
  margin-top: 0;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box .score_guide_list {
  margin-top: 16px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box .score_guide_list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box .score_guide_list .list .no_item {
  width: 100%;
  height: 40px;
  color: var(--Font-disabled, #B0B8C1);
  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);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .buy_score_box .score_guide_list .list .item {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-primary-border, #E3E5E8);
  background-color: #FFF;
  padding: 6px 16px;
  max-width: 148px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list {
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
  padding: 0 20px;
  padding-top: 40px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list .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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list .list {
  display: flex;
  flex-direction: column;
  gap: 16px 8px;
  margin-top: 16px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list .list .item {
  display: inline-flex;
  align-items: center;
  gap: 8px 8px;
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Title, 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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list .list .item b {
  color: var(--Font-secondary-title, #24282C);
  font-weight: var(--Weight-600, 600);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list .list .item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--Gray-gray750, #313B48);
  border-radius: 100%;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .interest_recommend_list .list .item a {
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Title, 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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend {
  margin: 80px auto 0;
  padding: 0 20px;
  box-sizing: border-box;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .onestop_recommend_box {
  position: relative;
  padding: 40px 24px 24px;
  border-radius: 24px;
  background: #ECEFFD;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .onestop_recommend_box::after {
  content: "";
  display: block;
  position: absolute;
  right: 24px;
  top: 0px;
  width: 32px;
  height: 32px;
  background: url("/img/icon_star.png") no-repeat center;
  background-size: contain;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .txt {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  color: var(--Font-teriary-title, #4E5866);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-lg, 17px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 129.412% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .title_txt {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-top: 4px;
  color: var(--Font-primary-blue, #4168F6);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-5xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-4xl, 42px);
  /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px 8px;
  align-self: stretch;
  margin-top: 12px;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .list .item {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  position: relative;
  color: var(--Font-primary-caption, #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);
  counter-increment: list-counter;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .list .item b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: var(--Weight-700, 700);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .list .item:before {
  content: counter(list-counter);
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--Font-primary-blue, #4168F6);
  text-align: center;
  align-items: center;
  justify-content: center;
  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);
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .premium_gdnbtn {
  position: static;
  bottom: 0;
  margin: 24px auto 0 !important;
  padding: 0 !important;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_guide .onestop_recommend .premium_gdnbtn .btn.btn_apply {
  width: 100% !important;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_guide .h2_title {
  color: #333;
  font-size: 0.9rem;
  padding-left: 0;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 15px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_guide .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_guide .more {
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  padding-right: 20px;
  position: relative;
  float: right;
  margin: 2px 12px 0 0;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_guide .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_guide .more img {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart {
  background: #fff;
  padding: 24px 15px 40px;
  overflow: hidden;
}
.globalStock .sub_search .latest_results .tabsArea .onestep_chart .guide_txt {
  margin-top: 35px !important;
}

#onestep_chart1_1 {
  height: 400px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .nodata_guide {
  margin: 20px auto 20px;
  text-align: right;
  padding-right: 15px;
  color: #939393;
  line-height: 19px;
  font-size: 0.75rem;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .nodata_guide.tr_left {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 0;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results {
  padding: 13px 10px 0;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results div {
  display: inline-block;
  width: calc(50% - 3px);
  vertical-align: top;
  border-radius: 5px;
  box-sizing: border-box;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results div ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 2px;
  padding: 7px 7px;
  box-sizing: border-box;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope {
  background: #f7f7ff;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .caution {
  background: #f4f4f5;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope .h3_title {
  font-size: 0.75rem;
  color: var(--Font-primary-blue, #4168F6);
  border-bottom: 1px solid #fff;
  padding: 12px 5px 10px;
  font-weight: 500;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .caution .h3_title {
  font-size: 0.75rem;
  color: #333;
  border-bottom: 1px solid #fff;
  padding: 12px 5px 10px;
  font-weight: 500;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results li {
  display: inline-block;
  padding: 2px 0 2px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results li a {
  display: inline-block;
  font-size: 0.7rem;
  padding: 2px 7px;
  text-align: center;
  border-radius: 12px;
  line-height: 1.4;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope li a {
  color: #fff;
  background: #9ca4e2;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .caution li a {
  color: #fff;
  background: #bfbfbf;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .no_event {
  color: #939393;
  font-size: 0.7rem;
  text-align: center;
  margin: 40px auto;
  width: 100%;
}

.globalStock .sub_search .latest_results .tabsArea .one_step {
  margin: 0 auto;
  padding: 15px 15px;
  background: #e6e7f4;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.globalStock .sub_search .latest_results .tabsArea .one_step .txt {
  color: #333;
  font-size: 0.7rem;
  text-align: left;
  line-height: 25px;
  vertical-align: top;
  /* padding: 0 10px; */
  letter-spacing: -0.3px;
}

.globalStock .sub_search .latest_results .tabsArea .one_step .guide_txt {
  display: block;
  margin-top: 15px;
  font-size: 0.75rem;
  color: #939393;
  line-height: 16px;
  padding: 0 10px;
}

.globalStock .sub_search .latest_results .tabsArea .one_step.no_bg {
  background: none;
}

.globalStock .sub_search .latest_results .tabsArea .one_step.no_bg .txt {
  color: #333;
  font-size: 0.9rem;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .latest_results .tabsArea .one_step.no_bg .txt {
    font-size: 0.9rem;
    padding: 0;
    margin-bottom: 6px;
    display: inline-block;
  }
}
.globalStock .sub_search .latest_results .tabsArea .one_step .more {
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  padding-right: 20px;
  position: relative;
  float: right;
}

.globalStock .sub_search .latest_results .tabsArea .one_step .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}

.globalStock .sub_search .latest_results .tabsArea .one_step .more img {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .chart_wrap {
  position: relative;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y,
.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_x {
  width: 100%;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_x span {
  position: absolute;
  bottom: -20px;
  left: 0;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y span,
.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_x span {
  display: inline-block;
  color: var(--Font-disabled, #B0B8C1);
  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);
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y span {
  vertical-align: top;
  left: 0;
  position: absolute;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y span:nth-child(1) {
  top: 12px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y span:nth-child(2) {
  top: 50%;
  left: -14px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y span:nth-child(3) {
  bottom: 17px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_x span:nth-child(1) {
  left: 34px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_x span:nth-child(2) {
  left: 50%;
  margin-left: -18px;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_x span:nth-child(3) {
  left: calc(100% - 34px);
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .highcharts-figure {
  margin-left: 30px;
  margin-bottom: 30px;
  position: relative;
  border-left: 1px solid #BFD1FE;
  border-bottom: 1px solid #BFD1FE;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .onestep_chart_simple {
  height: 420px;
}

#onestep_chart1_1 .highcharts-point {
  border: none;
  stroke: none;
  fill: none;
}

#onestep_chart1_1 .highcharts-label {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
}

#onestep_chart1_1 .highcharts-data-label-hidden {
  opacity: 1;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_chart .average {
  position: absolute;
  margin-left: -22px;
  margin-top: -22px;
  top: 0;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
  box-sizing: border-box;
  border-radius: 500px;
  background: rgba(65, 104, 246, 0.8);
  border: 1px solid transparent;
  width: 44px;
  height: 44px;
  color: #FFF;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-xs-12, 14px);
  /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_search .latest_results .tabsArea .onestep_sample {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 460px;
  background: url("/img/onestep_sample.jpg") no-repeat 0 0;
  background-size: 100% auto;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_sample::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  /* height: 658px; */
  top: 0;
  bottom: 0;
  background: #333;
  opacity: 0.3;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_sample .sample_box {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -25%;
  width: 50%;
  z-index: 90;
  border-radius: 20px;
  background-color: var(--Font-primary-blue, #4168F6);
  opacity: 0.8;
  color: #fff;
  font-size: 1.125rem;
  text-align: center;
  box-sizing: border-box;
  padding: 60px 0;
  z-index: 88;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_sample .sample_box strong {
  margin-bottom: 7px;
  font-size: 1.4rem;
  text-decoration: underline;
  display: block;
  color: #fff;
}

.globalStock .sub_search .latest_results .tabsArea .onestep_sample .weeks_free {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 88;
}

.globalStock .sub_search .latest_results .tabsArea .att_service {
  background: #e6e7f4;
  padding: 22px 15px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 30px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .latest_results .tabsArea .att_service {
    padding: 20px 10px;
  }
}
.globalStock .sub_search .latest_results .tabsArea .att_service .service_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  display: inline-block;
  text-align: center;
  border-bottom: 2px solid var(--Font-primary-blue, #4168F6);
  font-weight: normal;
  padding: 0 3px 5px;
}

.globalStock .sub_search .latest_results .tabsArea .att_service .service_title strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_search .latest_results .tabsArea .att_service .guide_txt {
  text-align: left;
  margin-top: 25px;
  padding-bottom: 30px;
}

.globalStock .sub_search .latest_results .tabsArea .att_service .guide_txt li {
  color: #939393;
  font-size: 0.75rem;
  padding-left: 10px;
  line-height: 1.15rem;
}

.globalStock .sub_search .latest_results .tabsArea .att_service .guide_txt li.title {
  color: #333;
  font-size: 0.82rem;
  padding-left: 0;
}

.globalStock .sub_search .latest_results .tabsArea .att_service .guide_txt li.title .go_mam {
  color: #608BFF;
  font-size: 0.82rem;
  padding-left: 0;
  text-decoration: underline;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free {
  margin-top: 35px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box {
  margin: 0 auto 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #e6e7f4;
  padding: 20px 15px;
  text-align: center;
  display: grid;
  grid-template-columns: auto 133px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .latest_results .tabsArea .weeks_free .box {
    grid-template-columns: auto 119px;
  }
}
.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  font-weight: 500;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockB.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .txt {
  margin-top: 9px;
  color: #939393;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 10px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .btn_free {
  display: inline-block;
  background: var(--Font-primary-blue, #4168F6);
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 8px 12px;
}

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

.globalStock .sub_search .latest_results .tabsArea .weeks_free .box .go_link {
  display: inline-block;
  color: #608bff;
  font-size: 0.75rem;
  text-decoration: underline;
  margin-top: 10px;
}

/* 종목검색 - 종목진단 - 투자매력 */
.globalStock .sub_search .search_top .data_area {
  background: #fff;
  padding: 34px 15px 17px;
  position: relative;
}

.globalStock .sub_search .search_top .data_area .menu-trigger span {
  background: #333;
}

.globalStock .sub_search .search_top .data_area .title {
  display: inline-block;
  height: 24px;
  color: #fff;
  width: 100%;
}

.globalStock .sub_search .search_top .data_area .title a {
  color: #333;
  font-size: 1.25rem;
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 100px);
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_search .search_top .data_area .title a i.attention,
.globalStock .sub_search .search_top .data_area .title .attention {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url("/img/heart_attention.svg") no-repeat 0 1px;
  margin-right: 5px;
  margin-bottom: 2px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .search_top .data_area .title a i.attention,
  .globalStock .sub_search .search_top .data_area .title .attention {
    margin-bottom: 1px;
  }
}
.globalStock .sub_search .search_top .data_area .title a i.attention.on,
.globalStock .sub_search .search_top .data_area .title .attention.on {
  background-position: 0 -23px;
}

.globalStock .sub_search .search_top .data_area .info {
  margin-top: 8px;
  margin-bottom: 23px;
  display: inline-block;
}

.globalStock .sub_search .search_top .data_area .info .sum,
.globalStock .sub_search .search_top .data_area .info .sum span {
  color: #939393;
  font-size: 0.875rem;
}

.globalStock .sub_search .search_top .data_area .detail li {
  display: inline-block;
}

.globalStock .sub_search .search_top .data_area .detail li.num,
.globalStock .sub_search .search_top .data_area .detail li.per {
  color: #333;
}

.globalStock .sub_search .search_top .data_area .detail li.num b,
.globalStock .sub_search .search_top .data_area .detail li.per b {
  color: #333;
  font-weight: 300;
}

.globalStock .sub_search .search_top .data_area .detail li.num {
  font-size: 1.25rem;
}

.globalStock .sub_search .search_top .data_area .detail li.num span {
  color: #333;
}

.globalStock .sub_search .search_top .data_area .detail li.per {
  margin-left: 5px;
  font-size: 0.8125rem;
}

.globalStock .sub_search .search_top .data_area .detail li.num .increase,
.globalStock .sub_search .search_top .data_area .detail li.num .increase span,
.globalStock .sub_search .search_top .data_area .detail li.per .increase,
.globalStock .sub_search .search_top .data_area .detail li.per .increase span {
  display: inline-block;
  color: #FF2929;
}

.globalStock .sub_search .search_top .data_area .detail li.num .increase b,
.globalStock .sub_search .search_top .data_area .detail li.num .increase span b,
.globalStock .sub_search .search_top .data_area .detail li.per .increase b,
.globalStock .sub_search .search_top .data_area .detail li.per .increase span b {
  font-weight: normal;
  color: #FF2929;
  opacity: 1;
}

.globalStock .sub_search .search_top .data_area .detail li.num .decrease,
.globalStock .sub_search .search_top .data_area .detail li.num .decrease span,
.globalStock .sub_search .search_top .data_area .detail li.per .decrease,
.globalStock .sub_search .search_top .data_area .detail li.per .decrease span {
  display: inline-block;
  color: #0094FF;
}

.globalStock .sub_search .search_top .data_area .detail li.num .decrease b,
.globalStock .sub_search .search_top .data_area .detail li.num .decrease span b,
.globalStock .sub_search .search_top .data_area .detail li.per .decrease b,
.globalStock .sub_search .search_top .data_area .detail li.per .decrease span b {
  font-weight: normal;
  color: #0094FF;
  opacity: 1;
}

.globalStock .sub_search .search_top .data_area .detail li.day {
  color: #939393;
  font-size: 0.6rem;
}

.globalStock .sub_search .search_top .info_icon {
  background: #fff;
  padding: 0 0 10px;
  display: inline-block;
}

.globalStock .sub_search .search_top .info_icon li {
  display: inline-block;
  padding: 4px 7px;
  text-align: center;
  background: #F4F4F5;
  border-radius: 12px;
  margin-bottom: 5px;
  font-size: 0.6rem;
  color: #939393;
}

.globalStock .sub_search .search_top .info_icon li a {
  display: inline-block;
  font-size: 0.7rem;
  color: #939393;
}

.globalStock .sub_search .search_top .attention_box {
  overflow: hidden;
  position: relative;
  background: #fff;
  margin: 0 auto;
  padding: 0px 15px 10px;
}

.globalStock .sub_search .search_top .attention_box::before {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  right: 0;
  height: 1px;
  width: calc(100% - 30px);
  background: #E6E7F4;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .search_top .attention_box::before {
    left: 10px;
    width: calc(100% - 20px);
  }
}
.globalStock .sub_search .search_top .attention_box .lately_update {
  float: right;
  height: 27px;
  width: 180px;
  overflow: hidden;
  text-align: right;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .search_top .attention_box .lately_update {
    width: 130px;
  }
}
.globalStock .sub_search .search_top .attention_box ul {
  display: inline-block;
}

.globalStock .sub_search .search_top .attention_box li.attention {
  display: inline-block;
  color: #939393;
  font-size: 0.82rem;
  margin: 9px 0 0;
  line-height: 18px;
  padding-left: 0;
  letter-spacing: -0.01rem;
}

.globalStock .sub_search .search_top .attention_box li.attention strong {
  font-weight: normal;
  font-size: 0.82rem;
}

.globalStock .sub_search .search_top .attention_box li.attention i {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 13px;
  height: 12px;
  background: url("/img/heart_attention.svg") no-repeat 0 1px;
  margin-right: 5px;
  background-size: 12px 24px;
}

.globalStock .sub_search .search_top .attention_box li.on i {
  background-position: 0 -14px;
}

.globalStock .sub_search .search_top .attention_box li.m_chart {
  display: inline-block;
  color: #939393;
  font-size: 0.82rem;
  margin: 11px 0 0 10px;
  line-height: 18px;
  padding-left: 7px;
}

.globalStock .sub_search .search_top .attention_box li.m_chart strong {
  font-weight: bold;
  padding-left: 5px;
  font-size: 0.82rem;
}

.globalStock .sub_search .search_top .attention_box li.m_chart i {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 15px;
  height: 16px;
  background: url("/img/Icon_m_chart.png") no-repeat 0 0;
  margin-right: 5px;
  background-size: 15px 16px;
}

.globalStock .sub_search .search_top .attention_box .game_allo {
  position: relative;
  padding-left: 10px;
  float: right;
  line-height: 18px;
  margin-top: 9px;
  font-size: 0.75rem;
  color: #939393;
  width: 100%;
}

.globalStock .sub_search .search_top .attention_box .game_allo span {
  color: #333;
}

.globalStock .sub_search .search_top .attention_box .game_tip {
  position: relative;
  padding-left: 10px;
  float: right;
  margin-top: 9px;
}

.globalStock .sub_search .search_top .attention_box .game_tip::after {
  content: "";
  position: absolute;
  left: 42px;
  top: 1px;
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #E0E4E9;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .search_top .attention_box .game_tip::after {
    left: 38px;
    height: 16px;
  }
}
.globalStock .sub_search .search_top .attention_box .game_tip .game_title {
  color: #939393;
  font-size: 0.82rem;
  padding-right: 12px;
  font-weight: normal;
  display: inline-block;
}

.globalStock .sub_search .search_top .attention_box .game_tip span {
  color: #939393;
  font-size: 0.7rem;
  padding: 0 2px;
}

.globalStock .sub_search .search_top .attention_box .game_tip i {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 20px;
  background: url("/img/game_trans.png") no-repeat 0 -25px;
  background-size: 18px 68px;
}

.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn {
  background-position: 0 -200px;
}

.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn::before {
  content: "N/A";
  font-style: normal;
  display: inline-block;
  color: #939393;
  font-size: 0.7rem;
  padding-right: 4px;
}

.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn.up {
  background-position-y: 1px;
}

.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn.trans {
  background-position-y: 50%;
}

.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn.down {
  background-position-y: 100%;
}

.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn.up::before,
.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn.trans::before,
.globalStock .sub_search .search_top .attention_box .game_tip i.trans_icn.down::before {
  display: none;
}

.globalStock .sub_search .search_top .detail.opinion {
  margin-top: 4px;
  display: inline-block;
}

/* 투자의견 */
.globalStock .sub_search .search_top .detail li.deal {
  margin-left: 15px;
  margin-right: 36px;
}

.globalStock .sub_search .search_top .detail li.deal .ly_help {
  top: 33px;
  right: -80px;
  width: 215px;
  display: none;
  border: 1px solid #ccc;
  background: #fff;
}

.globalStock .sub_search .search_top .detail li.deal .ly_help p {
  color: #333;
}

.globalStock .sub_search .search_top .detail li.deal .ly_help a {
  color: #28359b;
}

.globalStock .sub_search .search_top .detail li.deal .ly_help.hide {
  display: none;
}

.globalStock .sub_search .search_top .detail li.deal .ly_help.view {
  display: block;
}

.globalStock .sub_search .search_top .detail li.day {
  margin-top: 9px;
  float: right;
  font-size: 11px;
  color: #999;
}

.globalStock .sub_search .search_top .opinion {
  display: inline-block;
  width: 150px;
  padding: 12px 0;
  text-align: center;
}

.globalStock .sub_search .search_top .opinion .invest {
  display: block;
  text-align: center;
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_search .search_top .opinion .recom {
  display: block;
  margin-top: 5px;
  padding: 5px 4px;
  text-align: center;
  box-sizing: border-box;
}

.globalStock .sub_search .search_top .opinion .recom.buying {
  color: #F8385A;
  border: 2px solid #F8385A;
}

.globalStock .sub_search .search_top .opinion .recom.sell {
  color: #0094FF;
  border: 2px solid #0094FF;
}

.globalStock .sub_search .search_top .go_page {
  position: absolute;
  top: 23px;
  right: 0;
  z-index: 998;
}

.globalStock .sub_search .search_top .go_page.only {
  padding-right: 26px;
}

.globalStock .sub_search .search_top .go_page i.attention,
.globalStock .sub_search .search_top .go_page i.attention {
  display: inline-block;
  width: 20px;
  height: 17.4px;
  background: url("/img/heart_attention.svg") no-repeat 0 0;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .search_top .go_page i.attention,
  .globalStock .sub_search .search_top .go_page i.attention {
    margin-bottom: 1px;
  }
}
.globalStock .sub_search .search_top .go_page i.attention.on,
.globalStock .sub_search .search_top .go_page i.attention.on {
  background-position: 0 -26px;
}

.globalStock .sub_search .search_top .go_page .more {
  padding: 5px 13px 0 0;
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_search .search_top .go_page .more img {
  display: inline-block;
}

.globalStock .sub_search .search_top .go_page .quarter {
  display: inline-block;
  color: #fff;
  font-size: 0.75rem;
  padding: 3px 5px;
  text-align: center;
  vertical-align: top;
  margin-right: 5px;
}

.globalStock .sub_search .search_top .go_page .quarter.recom {
  background: #f47474;
  border-radius: 7px;
  padding: 0 8px;
  line-height: 21px;
}

.globalStock .sub_search .search_top .go_page .quarter.analysis {
  background: #FFC400;
  border-radius: 7px;
  padding: 4px 8px 5px;
}

.globalStock .sub_search .search_top .data_area.fix_data {
  padding: 12px 17px;
  margin: 0;
  width: 100%;
  height: 40px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  box-sizing: border-box;
  z-index: 998;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .search_top .data_area.fix_data .title a i.attention,
.globalStock .sub_search .search_top .data_area.fix_data .title a i.attention.on,
.globalStock .sub_search .search_top .data_area.fix_data .attention,
.globalStock .sub_search .search_top .data_area.fix_data .attention.on,
.globalStock .sub_search .search_top .data_area.fix_data .go_page,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.day,
.globalStock .sub_search .search_top .data_area.fix_data .info,
.globalStock .sub_search .search_top .data_area.fix_data .info_icon {
  display: none;
}

.globalStock .sub_search .search_top .data_area.fix_data .title {
  display: inline-block;
  width: calc(100% - 130px);
  vertical-align: top;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail {
  width: 125px;
  vertical-align: top;
  float: right;
  text-align: right;
}

.globalStock .sub_search .search_top .data_area.fix_data .title a {
  width: 100%;
  font-size: 1rem;
  vertical-align: top;
  color: #fff;
  position: relative;
  top: -3px;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.num,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .increase,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .increase span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .increase b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .increase span b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase span b {
  font-size: 1rem;
  color: #fff;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .decrease,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .decrease span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .decrease b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.num .decrease span b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease b,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease span b {
  font-size: 1rem;
  color: #fff;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.num span {
  font-weight: 500;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.num b {
  font-weight: 100;
  opacity: 1;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase span b {
  font-size: 0.82rem;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .increase {
  font-size: 0;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease span,
.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease span b {
  font-size: 0.82rem;
}

.globalStock .sub_search .search_top .data_area.fix_data .detail li.per .decrease {
  font-size: 0;
}

.globalStock .sub_search .search-history-container {
  position: relative;
  display: flex;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 8px;
  margin: 7px auto 0;
  padding: 12px 14px;
  box-sizing: border-box;
  max-height: 132px;
  overflow: hidden;
  position: relative;
}
.globalStock .sub_search .search-history-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 10px;
  background-color: #fff;
}
.globalStock .sub_search .search-history-container.expanded {
  max-height: none;
  overflow: visible;
}
.globalStock .sub_search .search-history-container .no_recent_search {
  width: 100%;
  color: #939393;
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
}
.globalStock .sub_search .search-history-container .search-history-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px 6px;
  box-sizing: border-box;
  padding: 6px 10px;
  border-radius: 20px;
  border: 1px solid transparent;
  text-align: center;
  background: #f7f8f9;
}
.globalStock .sub_search .search-history-container .search-history-item a {
  color: #939393;
  font-size: 0.75rem;
}
.globalStock .sub_search .search-history-container .search-history-item a b {
  display: inline-block;
  padding-right: 3px;
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.8175rem;
}
.globalStock .sub_search .search-history-container .search-history-item .delete-btn {
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.globalStock .sub_search .search-history-container .search-history-item .delete-btn::before, .globalStock .sub_search .search-history-container .search-history-item .delete-btn::after {
  content: "";
  position: absolute;
  height: 12px;
  width: 1px;
  background-color: #939393;
}
.globalStock .sub_search .search-history-container .search-history-item .delete-btn::after {
  transform: rotate(-45deg);
}
.globalStock .sub_search .search-history-container .search-history-item .delete-btn::before {
  transform: rotate(45deg);
  background-color: #939393;
}

.globalStock .sub_search .search-history-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 16px;
  width: 100%;
  border-top: 1px solid #E0E4E9;
  padding: 10px 16px;
  box-sizing: border-box;
}
.globalStock .sub_search .search-history-actions .delete-all-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #969ea7;
  background-color: transparent;
  border: none;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.globalStock .sub_search .search-history-actions .delete-all-btn .icon-trash {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/trash-icon.svg") no-repeat center center;
  background-size: cover;
  margin-right: 8px;
  filter: grayscale(100%);
}
.globalStock .sub_search .search-history-actions .show-more-btn {
  position: relative;
  padding: 0 12px 0 0;
  color: #969ea7;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.globalStock .sub_search .search-history-actions .show-more-btn::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 1px;
  right: 0;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}
.globalStock .sub_search .search-history-actions .show-more-btn.expanded::after {
  top: 4px;
  transform: rotate(-45deg);
}

.globalStock .sub_search .tabs_5 {
  margin: 19px 0;
  font-size: 0;
  padding: 0;
  display: flex;
}

.globalStock .sub_search .tabs_5 li {
  display: inline-block;
  flex: 1 1 auto;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.9375rem;
  position: relative;
}

.globalStock .sub_search .tabs_5 li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_search .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);
}

.globalStock .sub_search .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;
}

.globalStock .sub_search .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;
}

.globalStock.red .sub_search .tabs_5 li.active:last-child {
  border-bottom: none;
}

.globalStock .sub_search .tabs_3.tabs_depth2 {
  padding: 3px 15px;
  font-size: 0;
  display: flex;
}

.globalStock .sub_search .tabs_3.tabs_depth2 li {
  display: inline-block;
  flex: 1;
  text-align: center;
  background: #ececef;
  font-size: 0.8rem;
  border-right: 1px solid #fff;
  position: relative;
}

.globalStock .sub_search .tabs_3.tabs_depth2 li.active::after {
  display: none;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 6px);
  content: " ";
  height: 0;
  z-index: -1;
  border-bottom: 12px solid;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  color: #1c64d0;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}

.globalStock .sub_search .tabs_3.tabs_depth2 li:first-child {
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
}

.globalStock .sub_search .tabs_3.tabs_depth2 li:last-child {
  border-right: none;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
}

.globalStock .sub_search .tabs_3.tabs_depth2 li a {
  font-size: 0.875rem;
  color: #939393;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.globalStock .sub_search .tabs_3.tabs_depth2 li.active {
  font-weight: bold;
  background: #f7f8f9;
}

.globalStock .sub_search .tabs_3.tabs_depth2 li.active a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_search .tabs_3.tabs_depth2.prm_tabs li:nth-child(2) {
  background: #ececef url("/img/prm_tabsLock.svg") no-repeat calc(50% + 36px) center;
  background-size: 8px auto;
}

.globalStock .sub_search .tabs_3.tabs_depth2.prm_tabs li.active:nth-child(2) {
  background: #fff url("/img/prm_tabsLock.svg") no-repeat calc(50% + 36px) center;
  background-size: 8px auto;
}

.globalStock .sub_search .tableRanking {
  margin-top: 20px;
}

.globalStock .sub_search .tableRanking td,
.globalStock .sub_search .tableRanking th {
  text-align: left;
  padding: 11px 10px;
}

.globalStock .sub_search .tableRanking.left,
.globalStock .sub_search .tableRanking.right {
  width: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart {
  overflow: hidden;
  padding: 5px 12px 20px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis {
  width: calc(100% - 88px);
  margin: 10px auto 60px;
  vertical-align: top;
  position: relative;
  padding-top: 65px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .line {
  border-bottom: 3px solid #C3C3C3;
  position: relative;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .line .bg_line {
  border-bottom: 1px solid #C3C3C3;
  width: calc(100% + 118px);
  margin-left: -59px;
  position: relative;
  top: 2px;
  opacity: 0.3;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .line .i_graph .g_action {
  position: absolute;
  left: 0;
  top: -7px;
  margin-left: -10px;
  z-index: 2;
  display: inline-block;
  background: #404FC3;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .line .i_graph .g_action::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  background: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation {
  z-index: 1;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li {
  color: #939393;
  font-size: 0.7rem;
  position: absolute;
  top: 20px;
  text-align: center;
  line-height: 14px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li::before {
  content: "";
  position: absolute;
  top: -28px;
  display: inline-block;
  width: 1px;
  height: 20px;
  border-right: 1px solid #C3C3C3;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(1) {
  left: 0;
  margin-left: -13px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(2) {
  left: 20%;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(3) {
  left: 50%;
  margin-left: -41px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(4) {
  right: 20%;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(5) {
  right: -13px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(1)::before {
  left: 12px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(2)::before {
  left: 12px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(3)::before {
  left: 38px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(4)::before {
  left: 12px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li:nth-child(5)::before {
  right: 12px;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li .pre_d {
  position: relative;
  top: 10px;
  color: #939393;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li .pre_d span {
  font-weight: normal;
  color: #d3d3d3;
  font-size: 0.7rem;
}

.globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .evaluation li .pre_d b {
  color: #939393;
  opacity: 0.7;
  font-weight: normal;
}

/* 말풍선 아래방향 */
.arrow_box.btm {
  position: absolute;
  left: 0;
  margin-left: -40px;
  top: 0;
  box-sizing: border-box;
  width: 80px;
  display: inline-block;
  background: #404fc3;
  border: 4px solid #404fc3;
  text-align: center;
  border-radius: 3px;
  padding: 1px 5px;
}

.arrow_box.btm:after,
.arrow_box.btm:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box.btm:before {
  border-color: rgba(64, 79, 195, 0);
  border-top-color: var(--Font-primary-blue, #4168F6);
  border-width: 11px;
  margin-left: -11px;
}

.arrow_box.btm span {
  color: #fff;
  font-size: 0.7rem;
  opacity: 0.5;
  display: block;
  padding-bottom: 5px;
}

.arrow_box.btm span:last-child {
  opacity: 1;
  color: #fff;
  font-size: 0.9375rem;
}

.arrow_box.btm span b {
  color: #fff;
  font-size: 0.9375rem;
  opacity: 0.7;
}

.arrow_box.btm strong {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
}

.arrow_box.btm strong b {
  color: #fff;
  font-size: 0.9375rem;
  opacity: 0.7;
  font-weight: 500;
}

@media (min-width: 415px) and (max-width: 9999px) {
  .arrow_box.btm.left_22 {
    margin-left: -22px;
  }
  .arrow_box.btm.left_22:before {
    margin-left: -30px;
  }
  .arrow_box.btm.left_65 {
    margin-left: -65px;
  }
  .arrow_box.btm.left_65:before {
    margin-left: 13px;
  }
}
/* 말풍선 위방향 */
.arrow_box.top {
  position: relative;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
  width: 80px;
  display: inline-block;
  background: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 3px 5px;
  top: 4px;
}

.arrow_box.top:after,
.arrow_box.top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box.top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: -9px;
}

.arrow_box.top:before {
  border-color: rgba(211, 211, 211, 0);
  border-bottom-color: #d3d3d3;
  border-width: 10px;
  margin-left: -10px;
}

.arrow_box.top span {
  color: #333;
  font-size: 0.7rem;
  opacity: 0.5;
  display: block;
  padding-bottom: 5px;
}

.arrow_box.top strong {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
}

.arrow_box.top strong b {
  color: #333;
  font-size: 1rem;
  opacity: 0.7;
  font-weight: 500;
}

.globalStock .sub_search .sub_mid.tabs_area .prm_value_chart {
  padding: 5px 0;
  margin-top: 30px;
}

.globalStock .sub_search .sub_mid.tabs_area .prm_value_chart a,
.globalStock .sub_search .sub_mid.tabs_area .prm_value_chart img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data {
  margin: 25px 0 15px;
  padding: 0 15px;
  position: relative;
  text-align: right;
  padding-right: 35px;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .day {
  color: #939393;
  font-size: 0.85rem;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 15px;
  top: 0;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .txt_guide img {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table {
  display: inline-block;
  width: calc(50% - 4px);
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table:first-child {
  border-right: 1px solid #C3C3C3;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table th {
  color: #333;
  font-size: 0.75rem;
  padding: 6px 8px 6px 15px;
  height: 28px;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table td {
  padding: 6px 4px;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table td.prm_lock {
  background: #E6E7F4;
  border-radius: 10px;
  padding: 2px 10px 5px;
  margin-bottom: 3px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table td.prm_lock span {
  font-size: 0.84rem;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table td span {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
}

.globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table td span b {
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .sub_search .sub_mid .investCharm_area {
  margin-top: 24px;
  padding: 0 16px;
  background-color: #fff;
}
.globalStock .sub_search .sub_mid .investCharm_area .title a {
  color: var(--Font-secondary-title, #24282C);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .sub_mid .investCharm_area .title a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/more_gray.svg") no-repeat center center;
  padding-left: 5px;
}
.globalStock .sub_search .sub_mid .investCharm_area .tab_diagnosis_area {
  margin-top: 0;
  padding: 0;
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year {
  text-align: center;
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .spider_year_item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px 18px;
  border-radius: 100px;
  border: 1px solid var(--Border-primary-border, #E3E5E8);
  background: #FFF;
  margin: 16px auto 9px;
  padding: 12px 14px 12px 24px;
  box-sizing: border-box;
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .spider_year_item span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .spider_year_item span::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--Font-secondary-caption, #B0B8C1);
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .spider_year_item span.active::before {
  background-color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .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);
  right: 3px;
  top: 36px;
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .tooltip_content .tooltip_icon {
  position: absolute;
  right: 20px;
  top: -12px;
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .tooltip_content .tooltip_text {
  margin: 0;
  padding: 0;
  width: 100%;
}
.globalStock .sub_search .sub_mid .investCharm_area .spider_year .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);
}

.globalStock .sub_search .sub_mid .investCharm_area:after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .sub_search .sub_mid .investCharm_area .charm_area {
  background: #2C255D;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
}

.globalStock .sub_search .sub_mid .investCharm_area .charm_area .charm {
  color: #fff;
  margin-top: 30px;
  display: inline-block;
}

.globalStock .sub_search .sub_mid .investCharm_area .charm_area .score {
  color: #fff;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .txt {
  display: inline-block;
  width: calc(100% - 120px);
  padding-left: 20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area {
  vertical-align: top;
  border-right: 1px solid #E0E4E9;
  position: relative;
  margin: 25px 0;
  display: inline-block;
  width: calc(33.3333333333% - 25px);
  text-align: center;
  line-height: 22px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area:nth-child(3) {
  border-right: none;
  width: calc(33.3333333333% + 38px);
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area strong {
  font-weight: normal;
  color: #939393;
  font-size: 0.9375rem;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area .starRev {
  margin-top: 6px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .recom {
  display: block;
  width: 86%;
  margin: 0 auto;
  padding: 5px 4px;
  text-align: center;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .recom.buying {
  color: #F8385A;
  border: 1px solid #F8385A;
  border-radius: 24px;
  font-size: 0.9375rem;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .recom.sell {
  color: #0094FF;
  border: 1px solid #0094FF;
  border-radius: 24px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: -18px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary {
  position: relative;
  background: #ececef;
  padding: 16px 15px;
  border-radius: 20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .view_box {
  overflow: hidden;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.small {
  padding-bottom: 35px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.big::before {
  content: "";
  display: block;
  background: #ececef;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 50%;
  bottom: -20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.big::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #867EAF;
  border-top: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 7px);
  bottom: -15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.small::before {
  content: "";
  display: block;
  background: #867EAF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 50%;
  bottom: 10px;
  display: none;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.small::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #867EAF;
  border-bottom: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 7px);
  bottom: 15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary p {
  color: #333;
  font-size: 0.75rem;
  line-height: 1.3rem;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc {
  margin: 10px 0;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li {
  padding: 4px 0;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li span {
  color: #939393;
  font-size: 0.75rem;
  padding-right: 5px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li a {
  color: #6178f2;
  font-size: 0.8rem;
  text-decoration: underline;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area {
  margin-top: 40px;
  position: relative;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area strong.unit {
  display: block;
  text-align: right;
  color: #939393;
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 15px;
  margin-right: 15px;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .containercharm1 {
  width: 100%;
  margin: 0 auto;
  height: 260px;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .containercharm1 .highcharts-axis-labels.highcharts-radial-axis-labels span {
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .containercharm1 .highcharts-axis-labels.highcharts-radial-axis-labels strong {
  display: inline-block;
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num {
  color: #939393;
  font-size: 1.125rem;
  background: #f7f8f9;
  border-radius: 28px;
  padding: 9px 5px 19px;
  text-align: center;
  width: calc(100% - 60px);
  margin: 20px auto 10px;
  display: block;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num strong {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  top: 4px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num .total {
  font-size: 0.85rem;
  color: #939393;
  display: inline-block;
  margin-top: 15px;
  padding-left: 30px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca {
  width: calc(100% - 60px);
  margin: 15px auto;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca tr:last-child {
  border-bottom: none;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca td.title span {
  color: #333;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca td.num span {
  color: #939393;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -30px 21px 0px rgba(255, 255, 255, 0.7);
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--Font-primary-blue, #4168F6);
  padding: 30px 15px;
  text-align: center;
  display: grid;
  grid-template-columns: auto 140px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box {
    grid-template-columns: auto 110px;
  }
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
}

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

.globalStock .sub_search .sub_mid .tab_diagnosis_area .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: 500;
  padding: 8px 12px;
}

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

.globalStock .sub_search .sub_mid .tab_diagnosis_area .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_search .sub_mid .tab_diagnosis_area .hiding_box {
  background: #f7f8f9;
  margin: 40px auto 0;
  box-sizing: border-box;
  padding: 23px 15px 20px;
  border-radius: 10px;
  position: relative;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal {
  margin: 0 -15px 0 -15px !important;
  padding: 0 20px 24px !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  box-shadow: 0 -24px 20px 10px white;
  position: relative;
  top: 20px;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner {
  overflow: hidden;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  margin: 0 auto 32px;
  overflow: hidden;
  border-radius: 16px;
  max-width: none !important;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 24px 20px;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner {
    padding: 23px 16px;
  }
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner .link_banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner .link_banner b {
  color: var(--Gray-gray800, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner .link_banner span {
  display: block;
  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);
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .banner_signal .premium_banner .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--Radius-r-02, 8px);
  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-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star {
  border-bottom: 1px solid #E0E4E9;
  padding-bottom: 0;
  margin-bottom: 40px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .alloca_box {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 5px;
  width: calc(33.3333333333% - 3px);
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .alloca_box .title {
  display: block;
  color: #939393;
  font-size: 0.8rem;
  text-align: left;
  height: 16px;
  position: relative;
  top: 2px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .alloca_box:first-child {
  border-right: 1px solid #F4F4F5;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .alloca_box:first-child .title {
  color: #333;
  font-size: 1rem;
  font-weight: bold;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .txt {
  margin: 30px 0 10px;
  color: #939393;
  font-size: 0.8rem;
  line-height: 1.3rem;
  padding: 0;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .txt {
    padding: 0 5px 10px;
  }
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_box {
  padding-top: 10px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_box .containeralloca_star1 {
  display: inline-block;
  width: calc(50% - 3px);
  height: 180px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_box .containeralloca_star1 .highcharts-text-outline,
.globalStock .sub_search .highcharts-container .highcharts-text-outline {
  stroke-width: 0px;
  stroke-linejoin: round;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart {
  padding: 30px 15px;
  margin-top: 15px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart .title {
  color: #333;
  font-size: 0.9375rem;
  border-bottom: 1px solid #E0E4E9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart .chart_name {
  display: inline-block;
  line-height: 28px;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart .chart_name strong {
  display: block;
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart .swiper_competChar .swiper-wrapper {
  margin-left: -77px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num.lately_allocation {
  display: inline-block;
  vertical-align: bottom;
  width: calc(50% - 3px);
  height: 130px;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 18px;
  padding: 0;
  padding-top: 40px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num.lately_allocation strong {
  color: #939393;
  font-size: 0.85rem;
  font-weight: normal;
  position: relative;
  top: 4px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num.lately_allocation strong b {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1.25rem;
  font-weight: bold;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num.lately_allocation strong.pls b {
  font-size: 2rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .charm_num.lately_allocation .total {
  font-size: 0.85rem;
  color: #939393;
  display: block;
  margin-top: 15px;
  padding-top: 11px;
  border-top: 1px solid #E0E4E9;
  line-height: 18px;
  padding-left: 0;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .dataLink {
  vertical-align: top;
  margin-top: 5px;
  font-size: 0.75rem;
  text-align: right;
  margin-right: 20px;
}

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

.globalStock .sub_search .sub_mid .hiding_box .small_star .star_area {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.globalStock .sub_search .sub_mid .hiding_box .small_star .star_area .starR {
  background: url("/img/ico_review.png") no-repeat -24px 0;
  background-size: auto 100%;
  width: 14px;
  height: 14px;
}

.globalStock .sub_search .sub_mid .hiding_box .small_star .star_area .starR.on {
  background-position: 0 0;
}

.globalStock .sub_search .sub_mid .hiding_box .small_star .star_area .starR.half {
  background-position: right 0 !important;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart_uses {
  display: block;
  margin: 10px auto 20px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  background: #f7f8f9;
  padding: 15px 15px;
  border-radius: 20px;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart_uses .title {
  color: #939393;
  text-align: left;
  font-size: 0.9375rem;
  font-weight: normal;
  display: inline-block;
  width: calc(100% - 20px);
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart_uses .title strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart_uses .more {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .containercompet1 {
  width: 160px;
  height: 160px;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_name,
.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_name a {
  display: inline-block;
  width: 160px;
  text-align: center;
  line-height: 1.2rem;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chartData {
  position: relative;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_star {
  display: none;
  position: absolute;
  padding: 10px;
  box-sizing: border-box;
  width: 160px;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.7);
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_star .title {
  color: #fff;
  width: 50px;
  border-bottom: none;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_star .more {
  display: none;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 0.82rem;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_star .more i {
  color: #fff;
  font-size: 0.82rem;
}

.globalStock .sub_search .sub_mid.tabs_area .compet_chart .chart_star .starRev {
  display: inline-block;
  width: calc(100% - 50px);
  padding: 3px 0;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend {
  display: block;
  border-radius: 5px;
  padding: 10px 0;
  margin-bottom: 17px;
  text-align: right;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend li {
  display: inline-block;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend li span {
  display: inline-block;
  font-size: 0.72rem;
  color: #939393;
  padding: 0 8px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend li span i {
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend li:nth-child(1) span i {
  background: #00aece;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend li:nth-child(2) span i {
  background: #545872;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box .alloca_star .chart_legend li:nth-child(3) span i {
  background: #d3d3d3;
}

/* 종목검색 - 종목진단 - 기업개요 */
.globalStock .sub_search .sub_mid .investCharm_area .charm_area {
  background: #2C255D;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
}

.globalStock .sub_search .sub_mid .investCharm_area .charm_area .charm {
  color: #fff;
  margin-top: 30px;
  display: inline-block;
}

.globalStock .sub_search .sub_mid .investCharm_area .charm_area .score {
  color: #fff;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum {
  padding: 0 15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .txt {
  display: inline-block;
  width: calc(100% - 120px);
  padding-left: 20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area {
  vertical-align: top;
  border-right: 1px solid #E0E4E9;
  position: relative;
  margin: 25px 0;
  display: inline-block;
  width: calc(33.3333333333% - 25px);
  text-align: center;
  line-height: 22px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area:nth-child(3) {
  border-right: none;
  width: calc(33.3333333333% + 38px);
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area strong {
  font-weight: normal;
  color: #939393;
  font-size: 0.9375rem;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .star_area .starRev {
  margin-top: 6px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .recom {
  display: block;
  width: 86%;
  margin: 0 auto;
  padding: 5px 4px;
  text-align: center;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .recom.buying {
  color: #F8385A;
  border: 1px solid #F8385A;
  border-radius: 24px;
  font-size: 0.9375rem;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .recom.sell {
  color: #0094FF;
  border: 1px solid #0094FF;
  border-radius: 24px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: -18px;
}

.globalStock .sub_search .sub_mid .investCharm_area .chart_sum .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary {
  position: relative;
  background: #ececef;
  padding: 10px;
  border-radius: 12px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .view_box {
  overflow: hidden;
  height: 80px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.small {
  padding-bottom: 35px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.big::before {
  content: "";
  display: block;
  background: #ececef;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: calc(50% - 20px);
  bottom: -20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.big::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #867EAF;
  border-top: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 5px);
  bottom: -15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.small::before {
  content: "";
  display: block;
  background: #867EAF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 50%;
  bottom: 10px;
  display: none;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary.small::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #867EAF;
  border-bottom: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 5px);
  bottom: 15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary p {
  color: #333;
  font-size: 0.85rem;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc {
  margin: 15px 0;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li {
  padding: 6px 0;
  color: #939393;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li.industry,
.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li.home {
  display: inline-block;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li.industry {
  margin-right: 5px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li span {
  color: #939393;
  font-size: 0.8rem;
  padding-right: 5px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary .etc li a {
  color: #6178f2;
  font-size: 0.8rem;
  text-decoration: underline;
}

.globalStock .sub_search .sub_mid .investCharm_area .title_guide {
  clear: both;
  float: none;
  display: block;
  width: 12px;
  height: 12px;
  float: right;
  padding-right: 15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .title_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area {
  margin-top: 30px;
  padding: 0 15px;
  position: relative;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .swiper_competChar {
  padding: 0 15px;
  box-sizing: border-box;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .swiper_competChar .swiper-slide {
  display: block;
  width: auto;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .스파이더차트_스몰 {
  margin-top: 15px;
  border-top: 1px solid #f4f4f5;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .스파이더차트_스몰 .MRIchart_small_style {
  width: 120px;
  height: 140px;
  margin: 0 auto;
  box-sizing: border-box;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .스파이더차트_스몰 .MRIchart_small_style .highcharts-title,
.globalStock .sub_search .sub_mid .tab_diagnosis_area .스파이더차트_스몰 .MRIchart_small_style a {
  width: 100px !important;
  padding-top: 5px;
  line-height: 1.2;
  margin: 0 auto;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 0.75rem !important;
  color: rgb(147, 147, 147) !important;
  fill: rgb(147, 147, 147) !important;
}
.globalStock .sub_search .sub_mid .tab_diagnosis_area .스파이더차트_스몰 .MRIchart_small_style .highcharts-axis-labels text {
  font-size: 12px !important;
  color: rgb(147, 147, 147) !important;
  fill: rgb(147, 147, 147) !important;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .containersummary1 {
  height: 200px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 10px auto 20px;
  width: calc(100% - 10px);
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table th,
.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table td {
  padding: 11px 3px 0 5px;
  text-align: center;
  text-align: left;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table th {
  color: #939393;
  font-size: 0.9375rem;
  line-height: 24px;
  height: 47px;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table th span {
  border-bottom: 1px dotted #999;
  padding-bottom: 4px;
  display: inline-block;
  color: #939393;
  font-size: 0.75rem;
  line-height: 0.95rem;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table td {
  color: #333;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table td.name {
  color: #333;
  text-align: left;
  display: inline-block;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table td.increase {
  color: #F8385A;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table td.decrease {
  color: #0094FF;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table {
  width: calc(50% - 7px);
  vertical-align: top;
  border-top: 1px solid #939393;
  margin-bottom: 10px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table.left {
  float: left;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table.right {
  float: right;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table.left tr:nth-child(1) td span,
.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table.left tr:nth-child(2) td span {
  display: block;
  padding-top: 4px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table th {
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.guide_table td {
  text-align: right;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area strong.unit {
  display: block;
  text-align: right;
  color: #939393;
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 25px;
  margin-right: 0;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca {
  width: calc(100% - 30px);
  margin: 15px auto;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca td.title span {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca td.num span {
  color: #939393;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid .search_ptfo {
  padding: 15px 0 0;
  margin-top: 30px;
  border-top: solid 1px #e0e4e9;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th {
  background: #e5e7fd;
  border-radius: 14px;
  margin-top: 15px;
  padding: 13px 14px 11px 28px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .ptfo_title {
  position: relative;
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1.36;
  color: var(--Font-primary-blue, #4168F6);
  width: calc(100% - 190px);
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .ptfo_title::after {
  content: "";
  position: absolute;
  left: -11px;
  top: 2px;
  display: block;
  width: 3px;
  height: 33px;
  opacity: 0.1;
  border-radius: 20px;
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .transfer {
  display: inline-block;
  font-size: 0.75rem;
  width: 80px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue {
  display: inline-block;
  font-size: 0.75rem;
  width: 100px;
  line-height: 1.06;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .transfer .event {
  display: block;
  color: #a8add7;
  font-size: 0.75rem;
  line-height: 1.06;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .transfer .num {
  display: inline-block;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1.125rem;
  line-height: 1.06;
  margin-top: 4px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .transfer .num b {
  color: #535358;
  font-size: 0.9rem;
  padding-left: 4px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue .yield {
  display: block;
  color: #a8add7;
  font-size: 0.75rem;
  line-height: 1.06;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue .pp {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.06;
  margin-top: 4px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue .pp.increase {
  color: #F8385A;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue .pp.decrease {
  color: #0094FF;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue .pp.increase b {
  color: #F8385A;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_recom_th .revenue .pp.decrease b {
  color: #0094FF;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table td.num {
  padding-right: 15px;
  padding-top: 9px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table td.name {
  padding-left: 20px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table td.num span {
  font-size: 0.9rem;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table td.num .yield {
  font-size: 0.75rem;
  color: #b5b5b6;
  font-weight: normal;
  position: relative;
  top: 2px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table tr {
  border-bottom: 1px solid #f4f4f4;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_datatable {
  margin: 0 auto;
  border-radius: 0;
  border: solid 1px #d0d5fa;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-bottom: none;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table {
  background: #fff;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table th,
.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table td {
  padding: 13px 3px 8px;
}

.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table tr:last-child th,
.globalStock .sub_search .sub_mid .search_ptfo .ptfo_table tr:last-child td {
  padding-bottom: 18px;
}

.globalStock .sub_search .sub_mid .search_ptfo .free_choicestock {
  padding: 10px 10px;
  background-color: var(--Font-primary-blue, #4168F6);
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  text-align: center;
}

.globalStock .sub_search .sub_mid .search_ptfo .free_choicestock p {
  color: #fff;
  font-size: 0.75rem;
  position: relative;
}

.globalStock .sub_search .sub_mid .search_ptfo .free_choicestock p i {
  position: absolute;
  right: calc(50% - 106px);
  top: 2px;
  display: inline-block;
  width: 6px;
  height: 8px;
  background: url("/img/more_white.svg") no-repeat 0 0;
  background-size: 6px 8px;
}

.globalStock .sub_search .sub_mid .search_ptfo .free_choicestock a {
  font-weight: bold;
  color: #ffda0d;
  font-size: 0.75rem;
  text-decoration: underline;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend {
  display: block;
  border-radius: 5px;
  padding: 3px 0 25px;
  text-align: right;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend li {
  display: inline-block;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend li span {
  display: inline-block;
  font-size: 0.72rem;
  color: #939393;
  padding: 0 8px;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend li span i {
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend li:nth-child(1) span i {
  background: #404fc3;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend li:nth-child(2) span i {
  background: #545872;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .chart_legend li:nth-child(3) span i {
  background: #d3d3d3;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box .containerfinancials1 {
  height: 180px;
}

.globalStock .sub_search .sub_mid.financials_chart {
  margin-top: 35px;
  padding: 15px 15px;
  clear: both;
  float: none;
}

.globalStock .sub_search .sub_mid.financials_chart .bdr_title {
  border-bottom: 1px solid #E0E4E9;
  position: relative;
}

.globalStock .sub_search .sub_mid.financials_chart .bdr_title .title {
  color: #333;
  font-size: 0.9375rem;
  display: inline-block;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.financials_chart .bdr_title .tabs_menu {
  display: inline-block;
  padding: 0;
  padding-bottom: 15px;
  padding-left: 20px;
  margin: 0;
}

.globalStock .sub_search .sub_mid.financials_chart .tabs_menu::after {
  content: "";
  display: table;
  clear: both;
}

.globalStock .sub_search .sub_mid.financials_chart .tabs_menu span {
  color: #939393;
  display: inline-block;
  padding: 1px 9px;
  border-right: 1px solid #BEBCCB;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid.financials_chart .tabs_menu span:first-child {
  padding-left: 0;
}

.globalStock .sub_search .sub_mid.financials_chart .tabs_menu span:nth-child(2) {
  border-right: none;
  padding-left: 5px;
}

.globalStock .sub_search .sub_mid.financials_chart .tabs_menu span.active {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_search .sub_mid.financials_chart .tabs_menu .unit {
  border-right: none;
  float: right;
  color: #939393;
  font-size: 0.75rem;
  font-weight: normal;
  font-stretch: normal;
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1.33;
  position: absolute;
  right: 0;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box {
  margin-top: 15px;
}

.globalStock .sub_search .sub_mid.financials_chart .chart_box:last-child {
  border-bottom: none;
}

.globalStock .sub_search .sub_mid.financials_chart .summary {
  background: #fff;
  padding: 15px 15px;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis {
  background: #f7f8f9;
  width: calc(100% - 30px);
  margin: 20px auto 15px;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 12px 10px;
  position: relative;
  left: 0px;
  display: grid;
  grid-template-columns: 110px auto;
  grid-column: 1/2;
  grid-row: 2/1;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis {
    grid-template-columns: 88px auto;
  }
}
@media (min-width: var(--bp-tablet-s)) {
  .globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis {
    grid-template-columns: 40% auto;
  }
}
.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData {
  display: inline-block;
  border-right: 1px solid #E0E4E9;
  vertical-align: top;
  text-align: center;
  padding: 12px 0 24px;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData .charm {
  color: #939393;
  font-size: 0.75rem;
  position: relative;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData .charm strong {
  color: #333;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData .charm_num {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference {
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 10px;
  display: grid;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference .dt {
  color: #333;
  font-size: 1.125rem;
  margin-bottom: 5px;
  align-items: center;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference .dt:nth-child(3) {
  color: #939393;
  margin-top: 15px;
  font-size: 0.85rem;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference .dt strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference .dd {
  color: #d3d3d3;
  font-size: 0.7rem;
  line-height: 1.3;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment {
  font-size: 0;
  border-top: 1px solid #E0E4E9;
  padding: 12px 5px 0;
  position: relative;
  grid-area: 2/1/span 2/span 2;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment ul {
  display: flex;
  justify-content: space-between;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment li {
  display: inline-block;
  font-size: 0.75rem;
  color: #939393;
  text-align: center;
  line-height: 1.4;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment li span {
  color: #333;
  font-weight: 500;
  padding-left: 7px;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment li b {
  color: #333;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .data_attainment .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .no_value {
  margin: 20px auto 0;
}

.globalStock .sub_search .sub_mid.tabs_area .no_value {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .no_value img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData .charm .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: calc(50% + 33px);
  top: -12px;
}

.globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData .charm .txt_guide img {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

/* 종목검색 - 종목진단 - 재무차트 */
.globalStock .sub_search .sub_mid .financecachart_area .select_area {
  padding: 0 4px 0 0 !important;
}

.globalStock .sub_search .sub_mid .financecachart_area .tabs_menu {
  display: block;
  text-align: right;
  padding: 0 15px;
}

.globalStock .sub_search .sub_mid .financecachart_area .tabs_menu span {
  color: #939393;
  display: inline-block;
  padding: 1px 7px;
  border-right: 1px solid #BEBCCB;
  font-size: 0.8rem;
}

.globalStock .sub_search .sub_mid .financecachart_area .tabs_menu span:last-child {
  border-right: none;
  padding-left: 5px;
}

.globalStock .sub_search .sub_mid .financecachart_area .tabs_menu span.active {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_search .sub_mid .financecachart_area .chart_area .box {
  padding: 10px 0;
  margin-top: 25px;
}

.globalStock .sub_search .sub_mid .financecachart_area .chart_area .box:first-child {
  margin-top: 0;
}

.globalStock .sub_search .sub_mid .financecachart_area .chart_area .box .title {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  border-bottom: 1px solid #D3D3D3;
  margin-top: 22px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 16px;
  color: var(--Font-secondary-title, #24282C);
  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);
}

.globalStock .sub_search .sub_mid .financecachart_area .chart_area .box .title span {
  margin-left: auto;
  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);
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide {
  position: relative;
  background: #F5F5F9;
  padding: 10px;
  border-radius: 12px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide .guide {
  overflow: hidden;
  height: 75px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide.big {
  padding-bottom: 20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide.small {
  padding-bottom: 10px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide.big::before {
  content: "";
  display: block;
  background: #F5F5F9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: calc(50% - 20px);
  bottom: -20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide.big::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #867EAF;
  border-top: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 5px);
  bottom: -15px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide.small::before {
  content: "";
  display: block;
  background: #F5F5F9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: calc(50% - 20px);
  bottom: -20px;
}

.globalStock .sub_search .sub_mid .investCharm_area .summary_guide.small::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #867EAF;
  border-bottom: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 5px);
  bottom: -10px;
}

.globalStock .sub_search .sub_mid .financecachart_area .chart_area .guide {
  background: #F5F5F9;
  border-radius: 12px;
  text-align: left;
  color: #939393;
  line-height: 24px;
  font-size: 0.75rem;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid .financecachart_area .chart_area .containerfinance1 {
  text-align: center;
  height: 300px;
}

.highcharts-point-up {
  fill: rgb(211, 0, 0);
  stroke: rgb(211, 0, 0);
}

.highcharts-point-down {
  fill: rgb(0, 98, 255);
  stroke: rgb(0, 98, 255);
}

.highcharts-point-down-bearish-up {
  fill: transparent;
  stroke: rgb(0, 0, 0);
}

/* 종목검색 - 재무제표탭 레이아웃 */
.globalStock .sub_search .sub_mid.tabs_area .select_area {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px 12px;
  padding: 0 20px 0 0;
}
.globalStock .sub_search .sub_mid.tabs_area .select_area .selectBoxList {
  position: relative;
  width: 100%;
}
.globalStock .sub_search .sub_mid.tabs_area .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: 9px;
  top: 9px;
  z-index: 81;
}
.globalStock .sub_search .sub_mid.tabs_area .select_area select {
  cursor: pointer;
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  border: none;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Background-primary-light-background, #F1F4F6);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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);
  opacity: 1;
  appearance: none;
}
.globalStock .sub_search .sub_mid.tabs_area .select_area select option {
  border: 1px solid var(--Background-primary-light-background, #F1F4F6);
  background-color: #fff;
  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);
}
.globalStock .sub_search .sub_mid.tabs_area .select_area select:disabled {
  background-color: red;
  cursor: not-allowed;
  opacity: 0.7;
}
.globalStock .sub_search .sub_mid.tabs_area .select_area select:focus {
  outline: none;
}
.globalStock .sub_search .sub_mid.tabs_area .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);
}
.globalStock .sub_search .sub_mid.tabs_area .select_area .noData_title b {
  color: var(--Font-primary-title, #1F242B);
  font-weight: var(--Weight-600, 600);
}
.globalStock .sub_search .sub_mid.tabs_area .select_area .sort_manage {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  margin-left: auto;
}
.globalStock .sub_search .sub_mid.tabs_area .select_area .sort_manage a,
.globalStock .sub_search .sub_mid.tabs_area .select_area .sort_manage button {
  cursor: pointer;
  color: #6A727B;
  font-size: 14px;
  font-weight: 500;
  padding: 0 4px;
  border: none;
  background: none;
  outline: none;
}
.globalStock .sub_search .sub_mid.tabs_area .select_area .sort_manage .btn_manage_group {
  position: relative;
  padding-right: 0;
}
.globalStock .sub_search .sub_mid.tabs_area .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;
}
.globalStock .sub_search .sub_mid.tabs_area .filter_list {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  margin-top: var(--spacing-xl);
  margin-top: 0 !important;
}
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide:last-child {
  margin-right: var(--spacing-xl) !important;
}
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide .filter_btn,
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide .filterBtn_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  border-radius: var(--radius-xxl);
  border: 1px solid var(--color-border-primary);
  padding: 7px 16px;
  box-sizing: border-box;
  color: var(--color-text-secondary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xl);
  letter-spacing: var(--letter-spacing-tight);
}
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide .filter_btn.active,
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide .filterBtn_link.active {
  background: var(--color-text-primary);
  color: var(--color-bg-primary);
  font-weight: var(--font-weight-semibold);
  border-color: transparent;
}
.globalStock .sub_search .sub_mid.tabs_area .filter_list .swiper-slide .filter_btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  border-radius: var(--Radius-r-06, 32px);
  border: 1px solid var(--Border-primary-border, #E3E5E8);
  padding: 7px 16px;
  box-sizing: border-box;
  color: var(--Font-default, #6B7684);
  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);
}
.globalStock .sub_search .sub_mid.tabs_area .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
  padding: 0;
}
.globalStock .sub_search .sub_mid.tabs_area .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.globalStock .sub_search .sub_mid.tabs_area .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.globalStock .sub_search .sub_mid.tabs_area .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}
.globalStock .sub_search .sub_mid.tabs_area .interest_list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 12px;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.globalStock .sub_search .sub_mid.tabs_area .interest_list .table_more {
  cursor: pointer;
  border: none;
  background: none;
  margin-left: auto;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Blue-blue100, #ECF0FF);
  padding: 10px 12px;
  color: var(--Font-primary-blue, #4168F6);
  /* Global Styles/Component Styles/Button/Xsmall */
  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);
}

/* 종목검색 - 재무제표탭 테이블*/
.globalStock .sub_search .sub_mid .search_financials_area {
  margin: 24px 0 0px;
}
.globalStock .sub_search .sub_mid .search_financials_area .tabs_menu {
  display: block;
  box-sizing: border-box;
  text-align: left;
  padding: 0 11px 13px 10px;
  margin-bottom: 17px;
  border-bottom: 1px solid #E0E4E9;
}
.globalStock .sub_search .sub_mid .search_financials_area .tabs_menu span {
  cursor: pointer;
  color: #939393;
  display: inline-block;
  padding: 1px 7px;
  border-right: 1px solid #BEBCCB;
  font-size: 0.8rem;
}
.globalStock .sub_search .sub_mid .search_financials_area .tabs_menu span:nth-child(3) {
  border-right: none;
  padding-left: 5px;
}
.globalStock .sub_search .sub_mid .search_financials_area .tabs_menu span:nth-child(4) {
  border-right: none;
  padding-left: 5px;
  float: right;
}
.globalStock .sub_search .sub_mid .search_financials_area .tabs_menu span.active {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}
.globalStock .sub_search .sub_mid .search_financials_area .tabs_menu strong {
  margin-top: 3px;
  color: #939393;
  font-size: 0.8rem;
  font-weight: normal;
  border-right: none;
  padding-left: 12px;
  float: right;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking {
  border-top: none;
  margin-top: 5px;
  margin-bottom: 30px;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking thead td, .globalStock .sub_search .sub_mid .search_financials_area .tableRanking thead th {
  height: 30px;
  text-align: center;
  border-bottom: none !important;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking thead td::before, .globalStock .sub_search .sub_mid .search_financials_area .tableRanking thead th::before {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--Gray-gray700, #4E5866);
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking th {
  padding: 7px 3px;
  box-sizing: border-box;
  color: #939393;
  font-size: 0.75rem;
  text-align: center;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking th .tltle {
  color: #333;
  font-size: 0.9375rem;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking td {
  padding: 13px 12px;
  word-break: break-all;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
  text-align: center;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking td.decrease {
  color: var(--Font-down-blue, #097DF3);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking td:nth-child(2n) {
  background: #fff;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking td:first-child {
  word-break: break-all;
  box-sizing: border-box;
  width: 64px;
  text-align: left;
  padding-left: 8px;
  color: #939393;
  line-height: 18px;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking td.th_guide {
  position: relative;
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking td.th_guide span {
  display: inline-block;
  color: var(--Font-secondary-title, #24282C);
  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);
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking tr:nth-child(10) td.th_guide span,
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking tr:nth-child(11) td.th_guide span,
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking tr:nth-child(12) td.th_guide span {
  border-bottom: none;
}
.globalStock .sub_search .sub_mid .search_financials_area .table_guide {
  color: #939393;
  font-size: 0.8rem;
  text-align: right;
  padding: 0 15px;
}
.globalStock .sub_search .sub_mid .search_financials_area .table_guide strong {
  font-weight: normal;
}
.globalStock .sub_search .sub_mid .search_financials_area .dataLink {
  vertical-align: top;
  margin-top: 5px;
  font-size: 0.75rem;
  text-align: right;
  margin-right: 20px;
}
.globalStock .sub_search .sub_mid .search_financials_area .dataLink a {
  color: #608bff;
  font-size: 0.75rem;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap {
  padding-top: 32px;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .table_title {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  padding: 0 20px;
  color: var(--Font-secondary-title, #24282C);
  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);
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .table_title .unit {
  margin-left: auto;
  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);
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table {
  margin-top: 16px;
  margin-bottom: 30px;
  padding-bottom: 5px;
  width: 100%;
  overflow: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table {
  opacity: 0;
  transition: opacity 0.2s;
  table-layout: fixed;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0;
  margin-top: 0;
  border-collapse: collapse; /* iOS에서 보더 두줄 문제 해결 */
  -webkit-appearance: none; /* iOS Safari 기본 스타일 제거 */
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table th, .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table td {
  border-bottom: 1px solid var(--Border-primary-border, #E3E5E8);
  border-right: 1px solid var(--Border-primary-border, #E3E5E8);
  background-color: #fff;
  border-top: none;
  border-left: none;
  box-sizing: border-box; /* iOS에서 보더 계산 정확성 보장 */
  -webkit-transform: translateZ(0); /* iOS에서 렌더링 최적화 */
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table thead th, .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table thead td {
  border-top: 1px solid var(--Border-tertiary-border, #DADCE0);
  padding: 4px 8px;
  text-align: right;
  color: var(--Font-tertiary-caption, #8C98A7) !important;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-13, 13px) !important;
  font-style: normal;
  font-weight: var(--Weight-500, 500) !important;
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px) !important;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table thead th span, .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table thead td span {
  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);
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table tbody tr.tr_emphasis, .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table tbody tr.tr_emphasis td {
  background: var(--Background-blue-background, #F6F8FF);
  font-size: var(--Size-sm, 14px);
  font-weight: 500;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table tbody tr.tr_emphasis td:first-child, .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table tbody tr.tr_emphasis td:first-child span {
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table thead th:first-child {
  border-bottom: none;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table th {
  height: 32px;
  box-sizing: border-box;
  text-align: left;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table th span {
  display: inline-block;
  color: #939393;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table td {
  min-height: 44px;
  width: 89px;
  box-sizing: border-box;
  text-align: right;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table td.th_2line {
  color: var(--Font-secondary-title, #24282C);
  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);
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table th:first-child,
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table td:first-child {
  position: sticky;
  left: 0;
  padding-left: 12px;
  box-sizing: border-box;
  width: 108px;
  background-color: #fff;
  border-right: 1px solid var(--Border-tertiary-border, #DADCE0) !important;
  color: var(--Font-secondary-title, #24282C);
  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);
  text-align: left;
  z-index: 1; /* 추가하여 우측 보더가 사라지는 문제 해결 */
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table th:first-child::after,
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table td:first-child::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: var(--Border-tertiary-border, #DADCE0);
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table .table_search_invest th span {
  display: inline-block;
  text-align: center;
  width: 60px;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table .table_search_invest th:first-child {
  width: 100px;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table .table_search_invest td {
  padding: 5px 2px;
}
.globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table table .table_search_invest td:first-child {
  width: 100px;
}
@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table th:first-child,
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table td:first-child {
    width: 70px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table .table_search_invest th span {
    width: 48px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table .table_search_invest th:first-child {
    width: 84px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table .table_search_invest td:first-child {
    width: 84px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table th span {
    width: 49px;
  }
}
@media (min-width: 414px) and (max-width: 9999px) {
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table th span {
    width: 67px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .scroll_table_wrap .scroll_table .table_search_invest th span {
    width: 63px;
  }
}
.globalStock .sub_search .sub_mid .search_financials_area .tableRanking.table_search_invest td:first-child {
  text-align: left;
  padding-left: 7px;
  padding-right: 5px;
}

.guide_layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: -1;
}

/* 종목검색 - 배당탭 */
.globalStock .sub_search .sub_mid.tabs_area > .weeks_free {
  min-height: 180px;
  box-sizing: border-box;
  padding-top: 40px;
}

.globalStock .sub_search .sub_mid.tabs_area > .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;
  display: grid;
  grid-template-columns: auto 123px;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box .txt {
  margin-top: 9px;
  color: #fff;
  opacity: 0.5;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 10px;
}

.globalStock .sub_search .sub_mid.tabs_area > .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: 500;
  padding: 8px 12px;
  line-height: 12px;
}

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

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

.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap {
  margin: 40px auto 0;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .no_data {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 9px 9px;
  min-height: 160px;
  padding: 40px 20px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .no_data .txt {
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_score {
  padding: 0 20px;
  margin-bottom: 32px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_score .title {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_score .title .txt_guide {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .containercharm1 {
  width: 100%;
  margin: 16px auto 0;
  height: 260px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .containercharm1 .highcharts-axis-labels.highcharts-radial-axis-labels span {
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .containercharm1 .highcharts-axis-labels.highcharts-radial-axis-labels strong {
  display: inline-block;
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg {
  margin: 0 20px;
  border-radius: 16px;
  background: var(--Mint-mint50, #EAFAF9);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px 12px;
  box-sizing: border-box;
  padding: 21px 20px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: var(--bp-mobile-max)) {
  .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner {
    padding: 23px 16px;
  }
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner .link_banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner .link_banner b {
  color: var(--Font-secondary-title, #24282C);
  font-weight: var(--Weight-600, 600);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner .link_banner span {
  display: block;
  padding-bottom: 4px;
  color: var(--Font-primary-title, #1F242B);
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner .link_banner span b {
  color: var(--Mint-mint600, #08BDAF);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_banner_bg .alloca_banner .banner_bg {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  background-size: 80px 80px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info {
  margin-top: 8px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .alloca_summary {
  padding: 0 20px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .alloca_summary .alloca_summary_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .alloca_summary .alloca_summary_list .alloca_item {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  justify-content: space-between;
  padding: 12px 4px;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  color: var(--Font-secondary-caption, #6B7684);
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .alloca_summary .alloca_summary_list .alloca_item:first-child {
  border-top: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .alloca_summary .alloca_summary_list .alloca_item .expected {
  color: var(--Mint-mint600, #08BDAF);
  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-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .alloca_summary .alloca_summary_list .alloca_item strong {
  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-xl-01, 24px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .info {
  width: 100%;
  padding: 0 20px;
  margin: 48px 0 0;
  border: none;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .info .title {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  color: var(--Mint-mint600, #08BDAF);
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .info .invest_point {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  width: 100%;
  margin-top: 8px;
  padding: 16px 16px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .info .invest_point .txt {
  position: relative;
  padding-left: 9px;
  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;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .info .invest_point .txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 3px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .term {
  margin: 30px auto;
  text-align: center;
  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-600, 600);
  line-height: var(--Line-height-2xl, 26px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .term b, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .term strong {
  color: var(--Font-primary-blue, #4168F6);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .sum_title {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  padding: 0 20px 16px;
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .sum_title .unit {
  margin-left: auto;
  color: #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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box {
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #F5F5F9;
  margin: 0 20px 16px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 10px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .th {
  color: var(--Font-primary-caption, #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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td {
  margin-top: 2px;
  position: relative;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td span {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line:not(:first-child) span {
  font-weight: 400;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td b {
  font-weight: 700;
  color: #363F4B;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .unit {
  display: block;
  font-weight: 300;
  font-size: 10px;
  line-height: 1.7;
  color: #969EA7;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .ibox {
  display: inline-flex;
  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 .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .ibox.str {
  background-color: #dd5257;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .ibox.bas {
  background: #C7CCD1;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .ibox.weak {
  background-color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .same {
  font-weight: 500;
  color: #363F4B;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion .line .td .same b {
  font-weight: 500;
  color: #363F4B;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion.signal {
  position: relative;
  text-align: center;
  justify-content: space-around;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion.signal .line .th {
  font-size: 0.8125rem;
  letter-spacing: -0.33px;
  color: var(--cold9e);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion.signal .line .td .increase,
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion.signal .line .td .decrease {
  font-size: 1.25rem;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .bg_box .data_opinion.signal::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 85px;
  top: 0;
  left: 50%;
  background-color: var(--colbar);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .chart_box {
  height: 260px;
  margin: 0 10px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .chart_box .pricedividend_style {
  margin-top: 16px;
  width: 100%;
  height: 260px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .chart_box .pricedividend_style .highcharts-label.highcharts-series-label {
  display: none !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .chart_box .pricedividend_style .highcharts-legend-item .highcharts-graph {
  display: none;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .chart_box .pricedividend_style .highcharts-legend-item span {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .price_dividend_chart .chart_box .pricedividend_style .highcharts-legend-item:not(.highcharts-legend-item-hidden) span {
  color: #4E5866 !important;
  fill: #4E5866 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap {
  margin-top: 40px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .dividend_filter_area .dividend_toggle_btn {
  position: relative;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  height: 40px;
  padding: 0 40px 0 12px;
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .dividend_filter_area .dividend_toggle_btn::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: 7px;
  top: 10px;
  z-index: 81;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .filter_title_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px;
  box-sizing: border-box;
  background: var(--Background-primary-light-background, #F1F4F6);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .filter_title_wrap .filter_title {
  color: var(--Font-secondary-title, #24282C);
  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 .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area {
  margin-top: 0;
  padding: 32px 0 0;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .title {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  padding: 0 20px 16px;
  color: var(--Font-primary-title, #1F242B);
  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);
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .title .unit {
  margin-left: auto;
  color: #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 #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1 {
  border-top: 1px solid var(--Border-secondary-border, #F1F4F6);
  height: 200px;
  margin: 0 10px;
  padding-top: 15px;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1 .highcharts-data-labels .highcharts-label text {
  font-size: 12px !important;
  color: #6A727B !important;
  fill: #6A727B !important;
  text-shadow: none;
  stroke-width: 0;
  font-weight: 400 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1 .highcharts-label.highcharts-tooltip span {
  line-height: 1.2;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1 .highcharts-xaxis .highcharts-axis-line {
  stroke: #DADCE0;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1 rect.highcharts-point {
  stroke-width: 0;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1 .highcharts-axis-labels text {
  font-size: 12px !important;
  color: #8C98A7 !important;
  fill: #8C98A7 !important;
  font-weight: 500 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart1 rect.highcharts-point, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart4 rect.highcharts-point {
  fill: var(--color-primary, #4168F6) !important;
  background: var(--color-primary, #4168F6) !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart1 rect.highcharts-point.point_color, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart4 rect.highcharts-point.point_color {
  fill: #B0B8C1 !important;
  background: #B0B8C1 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart2 rect.highcharts-point, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart5 rect.highcharts-point {
  fill: #6B7684 !important;
  background: #6B7684 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart2 rect.highcharts-point.point_color, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart5 rect.highcharts-point.point_color {
  fill: #B0B8C1 !important;
  background: #B0B8C1 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart3 rect.highcharts-point, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart6 rect.highcharts-point {
  fill: var(--color-primary, #4168F6) !important;
  background: var(--color-primary, #4168F6) !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart3 rect.highcharts-point.point_color, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart6 rect.highcharts-point.point_color {
  fill: #B0B8C1 !important;
  background: #B0B8C1 !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart3 rect.highcharts-point.zero-value, .v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .containeralloca1#alloc_line_chart6 rect.highcharts-point.zero-value {
  rx: 3 !important;
  ry: 3 !important;
  border-radius: 0px !important;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .chart_guide {
  margin: 16px 20px 0;
  padding: 12px 12px 12px 51px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-secondary-border, #F1F4F6);
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap .alloca_info .allocachart_area_wrap .allocachart_area .chart_guide::before {
  content: "중요";
  position: absolute;
  left: 12px;
  top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #E2EAFF;
  padding: 3.5px 6px;
  width: 32px;
  height: 20px;
  box-sizing: border-box;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .alloca_star .star_area .starR.starR.on {
  background-position: 0 0;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .alloca_star .star_area .starR.starR.half {
  background-position: right 0;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 10px auto 20px;
  width: calc(100% - 10px);
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca th,
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td {
  padding: 9px 3px 9px 5px;
  text-align: center;
  text-align: left;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca th {
  color: #939393;
  font-size: 0.78rem;
  line-height: 24px;
  padding: 7px 0;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca th span {
  display: block;
  color: #939393;
  font-size: 0.78rem;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td {
  color: #333;
  font-size: 0.9375rem;
  text-align: right;
  padding-right: 3px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td b {
  color: #333;
  opacity: 0.7;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td.name {
  color: #333;
  text-align: left;
  display: inline-block;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td.increase {
  color: #F8385A;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td.decrease {
  color: #0094FF;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area {
  margin-top: 30px;
  padding: 0 15px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .title .unit {
  float: right;
  color: #939393;
  font-size: 0.75rem;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .containeralloca1 {
  margin: 10px 0;
  height: 200px;
}
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .containeralloca1 rect.highcharts-point.point_color {
  fill: #EDEEEF !important;
  background: #EDEEEF !important;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .containeralloca1 .highcharts-data-label:nth-child(8),
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .containeralloca1 .highcharts-data-label:nth-child(9),
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .containeralloca1 .highcharts-data-label:nth-child(10) {
  opacity: 1;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .containeralloca1 .highcharts-data-label:nth-child(9) {
  position: relative;
  top: -10px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .chart_guide {
  position: relative;
  top: -12px;
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 400;
  color: #969ea7;
  padding: 0 16px 10px 24px;
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .allocachart_area .chart_guide::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info {
  position: relative;
  padding: 0 15px;
  border-bottom: 1px solid #E0E4E9;
  padding-bottom: 30px;
  margin: 30px auto;
  width: calc(100% - 30px);
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info p {
  padding: 0;
  color: #939393;
  font-size: 0.85rem;
  line-height: 26px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px -30px 21px 0px rgba(255, 255, 255, 0.7);
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free .box {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--Font-primary-blue, #4168F6);
  padding: 30px 15px;
  text-align: center;
  display: grid;
  grid-template-columns: auto 140px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free .box {
    grid-template-columns: auto 110px;
  }
}
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
}

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

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .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: 500;
  padding: 8px 12px;
}

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

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .info .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_search .sub_mid.tabs_area .alloca_info .term {
  padding: 0 15px;
  color: #939393;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 28px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .term strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .table_area {
  background: #f7f8f9;
  border-radius: 9px;
  box-sizing: border-box;
  padding: 5px 10px;
  margin: 0 auto;
  width: calc(100% - 30px);
  overflow: hidden;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca {
  border-top: none;
  margin: 3px 0;
  border-bottom: none;
  vertical-align: top;
  width: calc(50% + 7px);
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca:nth-child(1) {
  float: left;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca:nth-child(2) {
  float: right;
  width: calc(50% - 14px);
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca tr:last-child {
  border-bottom: none;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca th,
.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca td {
  padding: 10px 3px;
}

.globalStock .sub_search .sub_mid.tabs_area .alloca_info .tableRanking.table_alloca th {
  text-align: left;
  width: 86px;
}

.globalStock .sub_search .alloca_wrap.na_box .alloca_star {
  margin: 0 auto;
  padding-left: 15px;
}

.globalStock .sub_search .alloca_wrap.na_box .alloca_star .title {
  font-size: 0.9375rem;
  text-align: left;
  display: inline-block;
}

.globalStock .sub_search .alloca_wrap.na_box .alloca_star .title .na {
  color: #939393;
  font-size: 1rem;
  margin-left: 15px;
  display: inline-block;
}

/* 종목검색 - 경쟁사 */
.globalStock .sub_search .sub_mid.competitors_table {
  padding: 15px 0 0;
  position: relative;
}

.globalStock .sub_search .sub_mid.competitors_table .tltle {
  color: #333;
  font-size: 0.9375rem;
  display: inline-block;
  font-weight: bold;
  padding-left: 15px;
}

.globalStock .sub_search .sub_mid.competitors_table .sum {
  color: #939393;
  font-size: 0.75rem;
  margin-left: 10px;
}

.globalStock .sub_search .sub_mid.competitors_table .table_guide {
  color: #939393;
  font-size: 0.8rem;
  text-align: right;
  padding: 0 15px;
  margin-bottom: 10px;
}

.globalStock .sub_search .sub_mid.competitors_table .table_guide strong {
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.competitors_table .title_guide {
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 15px;
  top: 20px;
}

.globalStock .sub_search .sub_mid.competitors_table .title_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table {
  width: 100%;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 15px auto;
  width: calc(100% - 30px);
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table th,
.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td {
  padding: 10px 3px;
  text-align: center;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table th {
  color: #939393;
  font-size: 0.75rem;
  line-height: 20px;
  padding: 4px 0 8px;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table th span {
  display: block;
  color: #939393;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td {
  color: #939393;
  font-size: 0.9375rem;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td.name {
  color: #333;
  text-align: left;
  display: inline-block;
  padding: 15px 3px;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td.name a {
  color: #333;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td.name .ticker {
  display: block;
  line-height: 1.2rem;
  color: #939393;
  font-size: 0.75rem;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td.increase {
  color: #F8385A;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td.decrease {
  color: #0094FF;
}

.globalStock .sub_search .sub_mid.competitors_table .tableRanking.sum_table td.name .remark {
  height: 14px;
  font-size: 1.5em;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  display: inline-block;
  vertical-align: top;
  padding-top: 1px;
}

/********************/
/**** 발굴 *****/
/********************/
/* 발굴 - 투자매력도 */
.globalStock .sub_attract .sub_top .title {
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
}

.globalStock .sub_attract .sub_top .title strong {
  color: #ff9600;
  font-size: 2rem;
  font-weight: normal;
}

.globalStock .sub_attract .sub_top .txt_box {
  background: #fff;
  padding: 16px 20px;
}

.globalStock .sub_attract .sub_mid.attract_sub {
  padding: 25px 5px 0;
  position: relative;
}

.globalStock .sub_attract .sub_mid.attract_sub .btn_more {
  margin-top: 15px;
}

.globalStock .sub_attract .sub_mid.attract_sub .btn_more a {
  width: 100%;
}

.globalStock .sub_attract .sub_mid.attract_sub .set {
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
}

.globalStock .sub_attract .sub_mid.attract_sub .set ul {
  display: inline-block;
  width: calc(100% - 90px);
}

.globalStock .sub_attract .sub_mid.attract_sub .set li {
  display: inline-block;
  text-align: left;
  line-height: 18px;
  padding: 0 7px;
  color: #939393;
  font-size: 0.75rem;
  padding-left: 0;
}

.globalStock .sub_attract .sub_mid.attract_sub .set li:first-child {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
}

.globalStock .sub_attract .sub_mid.attract_sub .set li:first-child strong {
  color: #939393;
  font-weight: 500;
  padding-right: 3px;
}

.globalStock .sub_attract .sub_mid.attract_sub .btn_schSet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px 4px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Gray-gray700, #4E5866);
  border: none;
  outline: none;
  padding: 10px 12px;
  text-align: center;
  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);
}

.globalStock .sub_attract .sub_mid.attract_sub .btn_schSet i {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url("/img/btn_schSet.svg") no-repeat 50% 50%;
  background-size: auto 100%;
}

.globalStock .sub_attract .sub_mid.attract_sub .table_guide {
  text-align: right;
  font-size: 0.75rem;
  color: #939393;
  margin-top: 18px;
  padding-right: 5px;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table {
  border-top: 1px solid #939393;
  margin-top: 10px;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table th {
  color: #939393;
  font-size: 0.73rem;
  padding: 5px 3px 12px;
  text-align: center;
  position: relative;
  line-height: 16px;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table th i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 4px;
  background: #ffc400;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table td {
  padding: 15px 3px 10px;
  text-align: center;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table td.title {
  text-align: left;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table td span {
  color: #939393;
  font-size: 0.9rem;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table td:nth-child(2) {
  font-weight: 500;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table td a {
  color: #333;
  font-size: 0.9375rem;
  box-sizing: border-box;
  display: inline-block;
  width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table td a .ticker {
  display: block;
  line-height: 1.2rem;
  color: #999;
  font-size: 0.8rem;
  margin-top: 1px;
  margin-right: 10px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 20px;
}

.globalStock .sub_attract .sub_mid.attract_sub .attract_table .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 15px;
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .signal_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .signal_list span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  margin-right: 8px;
  height: 34px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  background: var(--Background-Neutral, #F7F8FA);
  color: var(--Semantic-Label-Alternative, var(--Neutral-600, #6B7684));
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px); /* 157.143% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .signal_list span.sort_btn {
  cursor: pointer;
  border: 1px solid var(--Button-Tertiary-Outline-Border-Default, #24282C);
  background: var(--Button-Tertiary-Outline-Bg-Default, #FFF);
  color: var(--Button-Tertiary-Outline-Text-Default, #24282C);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px); /* 157.143% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .signal_list span.btn_schRecipeSet {
  margin: 0;
}
.globalStock .sub_attract .sub_mid.attract_sub .filter-swiper .signal_list span.btn_schRecipeSet:before {
  content: none;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal {
  overflow: hidden;
  border-radius: var(--Spacing-s-06, 16px);
  background: #ECEFFD;
  margin: 0 auto 32px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 -24px 20px 10px white;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  margin: 24px auto;
  padding: 0 20px;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner {
  display: flex;
  align-items: center;
  gap: 4px 12px;
  width: 100%;
  height: 84px;
  padding: 18px 20px;
  box-sizing: border-box;
  border-radius: var(--Spacing-s-06, 16px);
  background: #ECEFFD;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner {
    padding: 23px 16px;
  }
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner .link_banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  color: var(--Gray-gray800, #24282C);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner .link_banner b {
  color: var(--Gray-gray800, #24282C);
  font-weight: 700;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner .link_banner span {
  display: block;
  padding-bottom: 4px;
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--Radius-r-02, 8px);
  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-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_attract .sub_mid.attract_sub .banner_signal .premium_banner {
  max-width: none;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free {
  box-shadow: 0px -40px 21px 0px rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #e6e7f4;
  padding: 20px 15px;
  text-align: center;
  display: grid;
  grid-template-columns: auto 125px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  font-weight: 500;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockB.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .txt {
  margin-top: 9px;
  color: #939393;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 10px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .btn_free {
  display: inline-block;
  background: var(--Font-primary-blue, #4168F6);
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 8px 12px;
}

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

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .go_link {
  display: inline-block;
  color: #608bff;
  font-size: 0.75rem;
  text-decoration: underline;
  margin-top: 10px;
}

/* 전종목 투자매력도 Popup */
.globalStock .setting_pop .attract_table {
  width: 100%;
}

.globalStock .setting_pop .attract_table th,
.globalStock .setting_pop .attract_table td {
  padding: 7px 3px;
  text-align: left;
  line-height: 22px;
}

.globalStock .setting_pop .attract_table th {
  padding-bottom: 12px;
}

.globalStock .setting_pop .attract_table th span {
  color: #939393;
  font-weight: bold;
  font-size: 0.9375rem;
}

.globalStock .setting_pop .attract_table td label {
  color: #939393;
  font-size: 0.9375rem;
}

.globalStock .setting_pop .sort li {
  display: inline-block;
  background: #fff;
  border: 1px solid #e0e4e9;
  border-radius: 8px;
  width: calc(16.6666666667% - 3px);
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  vertical-align: top;
}

.globalStock .setting_pop .sort li a {
  display: inline-block;
  padding: 5px 5px;
  text-align: center;
  line-height: 18px;
  font-weight: normal;
  font-size: 0.75rem;
  color: #939393;
}

.globalStock .setting_pop .sort li:first-child {
  padding-top: 10px;
}

.globalStock .setting_pop .sort li.active {
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
  border-color: transparent;
}

.globalStock .setting_pop .sort li.active a {
  color: #fff;
}

.globalStock .setting_pop legend {
  display: none;
}

.globalStock .setting_pop .ly_header {
  margin: 0 0 5px;
  padding: 8px 0 7px 11px;
  background: #f4f4f4;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.globalStock .setting_pop .ly_body {
  margin: 0 20px;
  padding: 15px 0 4px;
  color: #444;
  font-size: 12px;
}

.globalStock .setting_pop .ly_body dt {
  margin: 0 0 9px;
}

.globalStock .setting_pop .ly_body dd {
  margin: 0 0 6px;
}

.globalStock .setting_pop .ly_body .input_radio {
  _margin: -3px;
  vertical-align: middle;
}

.globalStock .setting_pop .close_layer {
  position: absolute;
  top: 9px;
  right: 9px;
}

.globalStock .setting_pop .shadow {
  _display: none;
  overflow: visible;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.globalStock .setting_pop .pop_footer {
  margin: 20px 0 0;
  padding: 15px 0 15px;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}

.globalStock .setting_pop .pop_footer .title {
  color: #939393;
  font-weight: bold;
  font-size: 0.9375rem;
  text-align: left;
  display: block;
  margin-bottom: 15px;
}

.globalStock .setting_pop .pop_footer input,
.globalStock .setting_pop a,
.globalStock .setting_pop .pop_footer img {
  vertical-align: top;
}

.globalStock .setting_pop .pop_footer input,
.globalStock .setting_pop .pop_footer a {
  margin: 0 1px 0 0;
}

.globalStock .md-modal .attract_table th,
.globalStock .md-modal .attract_table td {
  padding: 7px 3px;
  text-align: left;
  line-height: 22px;
}

.globalStock .md-modal .attract_table td .input_radio {
  position: relative;
  top: -2px;
  margin-right: 3px;
}

.globalStock .md-modal .attract_table th {
  padding-bottom: 12px;
}

.globalStock .md-modal .attract_table th span {
  color: #939393;
  font-weight: bold;
  font-size: 0.9375rem;
}

.globalStock .md-modal .attract_table td label {
  color: #939393;
  font-size: 0.9375rem;
}

.globalStock .md-modal .sort li {
  display: inline-block;
  background: #fff;
  border: 1px solid #e0e4e9;
  border-radius: 8px;
  width: calc(16.6666666667% - 3px);
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  vertical-align: top;
}

.globalStock .md-modal .sort li a {
  display: inline-block;
  padding: 5px 5px;
  text-align: center;
  line-height: 18px;
  font-weight: normal;
  font-size: 0.75rem;
  color: #939393;
}

.globalStock .md-modal .sort li:first-child,
.globalStock .md-modal .sort li:nth-child(5) {
  padding-top: 10px;
}

.globalStock .md-modal .sort li.active {
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  font-weight: var(--Weight-600, 600);
  border-color: transparent;
}

.globalStock .md-modal .sort li.active a {
  color: #fff;
}

.globalStock .md-modal legend {
  display: none;
}

.globalStock .md-modal .ly_header {
  margin: 0 0 5px;
  padding: 8px 0 7px 11px;
  background: #f4f4f4;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.globalStock .md-modal .ly_body {
  margin: 0 20px;
  padding: 15px 0 4px;
  color: #444;
  font-size: 12px;
}

.globalStock .md-modal .ly_body dt {
  margin: 0 0 9px;
}

.globalStock .md-modal .ly_body dd {
  margin: 0 0 6px;
}

.globalStock .md-modal .ly_body .input_radio {
  _margin: -3px;
  vertical-align: middle;
}

.globalStock .md-modal .close_layer {
  position: absolute;
  top: 9px;
  right: 9px;
}

.globalStock .md-modal .shadow {
  _display: none;
  overflow: visible;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.globalStock .md-modal .pop_footer {
  margin: 20px 0 0;
  padding: 15px 0 15px;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}

.globalStock .md-modal .pop_footer .sort {
  display: flex;
  justify-content: space-between;
  gap: 5px 2px;
}

.globalStock .md-modal .pop_footer .title {
  color: #939393;
  font-weight: bold;
  font-size: 0.9375rem;
  text-align: left;
  display: block;
  margin-bottom: 15px;
}

.globalStock .md-modal .pop_footer input,
.globalStock .md-modal a,
.globalStock .md-modal .pop_footer img {
  vertical-align: top;
}

.globalStock .md-modal .pop_footer input,
.globalStock .md-modal .pop_footer a {
  margin: 0 1px 0 0;
}

/* 2주 무료 */
.globalStock .free_pop.md-modal #setting {
  padding: 0;
  border: none;
}

.globalStock .free_pop.md-modal #setting .pop_header {
  padding: 19px 10px 0;
  background: linear-gradient(118deg, #3261cc 17%, #239cac 93%);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.globalStock .free_pop.md-modal #setting .pop_header .sub_top {
  padding-bottom: 3px;
  background: url("/img/bg_free_pop.png") no-repeat right bottom;
  background-size: 60px 60px;
}

.globalStock .free_pop.md-modal #setting .pop_header .sub_top .h2_title {
  color: #00c8ed;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 11px;
}

.globalStock .free_pop.md-modal #setting .pop_header .sub_top .h2_title span {
  font-size: 1.4rem;
  color: #fff;
  display: block;
  font-weight: normal;
  margin-top: 3px;
}

.globalStock .free_pop.md-modal #setting .pop_header .sub_top .h2_title span strong {
  color: #fff;
  font-weight: bold;
  border-bottom: 2px solid #00c8ed;
  padding-bottom: 3px;
}

.globalStock .free_pop.md-modal #setting .pop_header .sub_top .sum {
  color: #fff;
  font-size: 0.9rem;
  opacity: 0.5;
  line-height: 1.43;
  padding-left: 15px;
}

.globalStock .free_pop.md-modal #setting .pop_con {
  padding: 22px 18px 15px;
}

.globalStock .free_pop.md-modal #setting .pop_con .service_title {
  margin-bottom: 7px;
}

.globalStock .free_pop.md-modal #setting .pop_con .service_title,
.globalStock .free_pop.md-modal #setting .pop_con .service_title strong {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.95rem;
}

.globalStock .free_pop.md-modal #setting .pop_con li.txt {
  color: #939393;
  font-size: 0.8rem;
  line-height: 1.4;
}

.globalStock .free_pop.md-modal #setting .pop_btm {
  background: #e6e7f4;
  padding: 9px 20px 18px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .free_pop.md-modal #setting .pop_btm .payBtn {
  text-align: center;
  margin-top: 10px;
  padding: 0 15px;
}

.globalStock .free_pop.md-modal #setting .pop_btm .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: calc(50% + 120px);
}

.globalStock .free_pop.md-modal #setting .pop_btm .btn_save {
  color: #fff;
  background: var(--Font-primary-blue, #4168F6);
}

.globalStock .free_pop.md-modal #setting .pop_btm .btn_save i {
  position: absolute;
  right: 18px;
  top: 15px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .free_pop.md-modal #setting .pop_btm .link_menu {
  font-size: 0;
  margin: 9px auto 0;
  width: calc(100% - 60px);
}

.globalStock .free_pop.md-modal #setting .pop_btm .link_menu li {
  display: inline-block;
  width: 50%;
  font-size: 0.9rem;
  text-align: center;
}

.globalStock .free_pop.md-modal #setting .pop_btm .link_menu li a {
  font-size: 0.9rem;
  text-align: center;
}

.globalStock .free_pop.md-modal #setting .pop_btm .link_menu li:nth-child(1) a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .free_pop.md-modal #setting .pop_btm .link_menu li:nth-child(1) {
  width: 50%;
  margin-left: 27px;
}

.globalStock .free_pop.md-modal #setting .pop_btm .link_menu li:nth-child(2) {
  width: calc(50% - 40px);
}

/* 미주미초이스 프리미엄 서비스 팝업 */
.globalStock .premium_pop.md-modal #setting {
  padding: 0;
  border: none;
}

.globalStock .premium_pop.md-modal #setting .pop_header {
  padding: 17px 10px 0;
  background: url("/img/bg_premium_pop.png") no-repeat right top;
  background-size: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.globalStock .premium_pop.md-modal #setting .pop_header .sub_top {
  padding-bottom: 3px;
}

.globalStock .premium_pop.md-modal #setting .pop_header .sub_top .h2_title {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 11px;
}

.globalStock .premium_pop.md-modal #setting .pop_header .sub_top .h2_title strong {
  color: #fff;
  font-size: 1.25rem;
  border-bottom: 2px solid #6a76d0;
  padding-bottom: 2px;
}

.globalStock .premium_pop.md-modal #setting .pop_header .sub_top .h2_title span {
  font-size: 0.75rem;
  color: #fff;
  display: block;
  font-weight: normal;
  margin-top: 7px;
  opacity: 0.5;
}

.globalStock .premium_pop.md-modal #setting .pop_header .sub_top .sum {
  color: #fff;
  font-size: 0.9rem;
  opacity: 0.5;
  line-height: 1.43;
  padding-left: 15px;
}

.globalStock .premium_pop.md-modal #setting .pop_con {
  padding: 22px 18px 15px;
}

.globalStock .premium_pop.md-modal #setting .pop_con .service_title {
  margin-bottom: 7px;
}

.globalStock .premium_pop.md-modal #setting .pop_con .service_title,
.globalStock .premium_pop.md-modal #setting .pop_con .service_title strong {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.95rem;
}

.globalStock .premium_pop.md-modal #setting .pop_con li.txt {
  color: #939393;
  font-size: 0.8rem;
  line-height: 1.7;
}

.globalStock .premium_pop.md-modal #setting .pop_con li.txt strong {
  color: #939393;
}

.globalStock .premium_pop.md-modal #setting .pop_btm {
  background: #e6e7f4;
  padding: 9px 20px 18px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .payBtn {
  text-align: center;
  margin-top: 10px;
  padding: 0 15px;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: calc(50% + 120px);
}

.globalStock .premium_pop.md-modal #setting .pop_btm .btn_save {
  color: #FFDA0D;
  background: var(--Font-primary-blue, #4168F6);
}

.globalStock .premium_pop.md-modal #setting .pop_btm .btn_save i {
  position: absolute;
  right: 18px;
  top: 15px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .link_menu {
  font-size: 0;
  margin: 9px auto 0;
  width: calc(100% - 60px);
}

.globalStock .premium_pop.md-modal #setting .pop_btm .link_menu li {
  display: inline-block;
  width: 50%;
  font-size: 0.9rem;
  text-align: center;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .link_menu li a {
  font-size: 0.9rem;
  text-align: center;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .link_menu li:nth-child(1) a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .link_menu li:nth-child(1) {
  width: 50%;
  margin-left: 27px;
}

.globalStock .premium_pop.md-modal #setting .pop_btm .link_menu li:nth-child(2) {
  width: calc(50% - 40px);
}

/* 1주년 900원 이벤트 */
.globalStock .event_1year.md-modal #setting {
  padding: 0;
  border: none;
}

.globalStock .event_1year.md-modal #setting .pop_header {
  padding: 10px 10px 15px;
  background: #1a918d url("/img/banner/pop_event1year.png") no-repeat right bottom;
  background-size: 114px 81px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.globalStock .event_1year.md-modal #setting .pop_header .sub_top {
  padding-bottom: 3px;
}

.globalStock .event_1year.md-modal #setting .pop_header .sub_top .h2_title {
  color: #fff97c;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.5;
  padding-left: 11px;
  margin-bottom: 0;
}

.globalStock .event_1year.md-modal #setting .pop_header .sub_top .h2_title span {
  font-size: 1.25rem;
  color: #fff;
  display: block;
}

.globalStock .event_1year.md-modal #setting .pop_header .sub_top .h2_title span strong {
  color: #fff;
  font-weight: bold;
  padding: 0 2px;
  background: url("/img/banner/bg_gbline.png") repeat-x 0 calc(100% + 8px);
  font-weight: 500;
}

.globalStock .event_1year.md-modal #setting .pop_header .sub_top .period {
  line-height: 1.2;
  letter-spacing: -0.5px;
  color: #fff;
  font-size: 0.7rem;
  opacity: 0.55;
  margin-top: 11px;
  padding-left: 11px;
}

.globalStock .event_1year.md-modal #setting .pop_header .sub_top .sum {
  color: #fff;
  font-size: 0.9rem;
  opacity: 0.5;
  line-height: 1.43;
  padding-left: 15px;
}

.globalStock .event_1year.md-modal #setting .pop_con {
  padding: 14px 18px 15px;
}

.globalStock .event_1year.md-modal #setting .pop_con .service_title {
  margin-bottom: 7px;
}

.globalStock .event_1year.md-modal #setting .pop_con .service_title,
.globalStock .event_1year.md-modal #setting .pop_con .service_title strong {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.95rem;
}

.globalStock .event_1year.md-modal #setting .pop_con li.txt {
  color: #939393;
  font-size: 0.8rem;
  line-height: 1.4;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare tr:nth-child(2) td {
  padding-top: 4px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare th,
.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare td {
  vertical-align: top;
  text-align: center;
  padding: 0 2px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare th span,
.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare td span {
  color: #939393;
  font-size: 0.75rem;
  line-height: 26px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare td span b {
  color: #939393;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .top_th {
  padding: 9px 2px;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .top_th span {
  color: var(--Font-primary-blue, #4168F6);
  line-height: 0.71;
  letter-spacing: -0.7px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .top_th:first-child {
  text-align: left;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .top_th:first-child span {
  font-weight: bold;
  font-size: 0.9rem;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .top_th:nth-child(2) span {
  color: #939393;
  font-weight: normal;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .line_th {
  text-align: left;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .line_th span {
  color: #333;
  font-weight: bold;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .pdiT_th {
  padding-top: 25px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .mid_td {
  text-align: left;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .mid_td.line_2 {
  padding: 6px 5px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .mid_td.line_2 span {
  display: block;
  line-height: 1.23;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .mid_td.line_2 span:last-child {
  padding-left: 5px;
}

.globalStock .event_1year.md-modal #setting .pop_con .tableRanking.type_compare .com_select {
  vertical-align: middle;
}

.globalStock .event_1year.md-modal #setting .pop_con .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 .event_1year.md-modal #setting .pop_btm {
  background: #e6e7f4;
  padding: 9px 20px 18px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .event_1year.md-modal #setting .pop_btm .payBtn {
  text-align: center;
  margin-top: 10px;
  padding: 0 15px;
}

.globalStock .event_1year.md-modal #setting .pop_btm .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: calc(50% + 120px);
}

.globalStock .event_1year.md-modal #setting .pop_btm .btn_save {
  color: #fff;
  background: var(--Font-primary-blue, #4168F6);
}

.globalStock .event_1year.md-modal #setting .pop_btm .btn_save b {
  color: #ffdd00;
  font-weight: normal;
}

.globalStock .event_1year.md-modal #setting .pop_btm .btn_save i {
  position: absolute;
  right: 18px;
  top: 15px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .event_1year.md-modal #setting .pop_btm .link_menu {
  font-size: 0;
  margin: 9px auto 0;
  width: calc(100% - 42px);
}

.globalStock .event_1year.md-modal #setting .pop_btm .link_menu li {
  display: inline-block;
  width: 50%;
  font-size: 0.9rem;
  text-align: center;
}

.globalStock .event_1year.md-modal #setting .pop_btm .link_menu li a {
  font-size: 0.9rem;
  text-align: center;
}

.globalStock .event_1year.md-modal #setting .pop_btm .link_menu li:nth-child(1) a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .event_1year.md-modal #setting .pop_btm .link_menu li:nth-child(1) {
  width: 50%;
  margin-left: 27px;
}

.globalStock .event_1year.md-modal #setting .pop_btm .link_menu li:nth-child(2) {
  width: calc(50% - 40px);
}

/* 발굴 - 투자레시피 */
.v_signalStreng.globalStock .sub_recipe.new_recipe {
  margin-top: 0;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  margin-top: var(--spacing-xl);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list .swiper-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list .swiper-slide:last-child {
  margin-right: var(--spacing-xl) !important;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list .swiper-slide .filter_btn,
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list .swiper-slide .filterBtn_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  border-radius: var(--radius-xxl);
  border: 1px solid var(--color-border-primary);
  padding: 7px 16px;
  box-sizing: border-box;
  color: var(--color-text-secondary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xl);
  letter-spacing: var(--letter-spacing-tight);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list .swiper-slide .filter_btn.active,
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_list .swiper-slide .filterBtn_link.active {
  background: var(--color-text-primary);
  color: var(--color-bg-primary);
  font-weight: var(--font-weight-semibold);
  border-color: transparent;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_box_inner .txt_box {
  width: 100%;
  padding-bottom: 16px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .filter_box_inner .txt_box .title {
  color: var(--Font-primary-title, #1F242B);
  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);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 16px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure {
  width: calc(50% - 8px);
  min-width: 150px;
  box-sizing: border-box;
}
@media (min-width: 576px) and (max-width: 767px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure {
    width: calc(33% - 14px);
  }
}
@media (min-width: var(--bp-tablet-s)) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure {
    width: calc(25% - 14px);
  }
}
@media (min-width: var(--bp-desktop-min)) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure {
    width: calc(25% - 14px);
  }
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure a {
  margin-top: 12px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure::before {
  content: "";
  display: block;
  width: 100%;
  height: 164px;
  margin: 0 auto;
  border-radius: 16px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.jump a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.top50 a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.sale a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.earnings a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.dividend a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.growth a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.superStocks a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.consumerMonopoly a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.profitTurnaround a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.goldenCross a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.growthDiscovery a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.rocketBooster a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.aiSignalTrade a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.memeTrend a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.nDollarPenny a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.investmentMaster a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.undervaluedStocks a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.attractiveBlueChips a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.aiAttractiveStocks a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.pegGrowthStocks a, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.deadCrossCheck a {
  display: block;
  background: none;
  padding: 0;
  text-align: left;
  color: var(--Font-primary-subtitle, #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);
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.jump a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.top50 a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.sale a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.earnings a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.dividend a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.growth a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.superStocks a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.consumerMonopoly a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.profitTurnaround a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.goldenCross a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.growthDiscovery a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.rocketBooster a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.aiSignalTrade a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.memeTrend a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.nDollarPenny a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.investmentMaster a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.undervaluedStocks a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.attractiveBlueChips a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.aiAttractiveStocks a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.pegGrowthStocks a strong, .v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.deadCrossCheck a strong {
  display: block;
  color: var(--Font-secondary-title, #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);
  padding-bottom: 4px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.jump::before {
  background: #646FCD url("/img/jump.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.top50::before {
  background: #F8D95F url("/img/top50.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.sale::before {
  background: #76BCE7 url("/img/sale.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.earnings::before {
  background: #2E3848 url("/img/earnings.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.dividend::before {
  background: #87CD64 url("/img/dividend.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.growth::before {
  background: #79D5A9 url("/img/growth.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.superStocks::before {
  background: #E7B676 url("/img/superStocks.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.consumerMonopoly::before {
  background: #D6E0EA url("/img/consumerMonopoly.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.profitTurnaround::before {
  background: #7694E7 url("/img/profitTurnaround.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.goldenCross::before {
  background: #E36B6D url("/img/goldenCross.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.growthDiscovery::before {
  background: #E79366 url("/img/growthDiscovery.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.rocketBooster::before {
  background: #646FCD url("/img/rocketBooster.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.aiSignalTrade::before {
  background: #608CFA url("/img/aiSignalTrade.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.memeTrend::before {
  background: #F8D95F url("/img/memeTrend.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.nDollarPenny::before {
  background: #87CD64 url("/img/nDollarPenny.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.investmentMaster::before {
  background: #79D5A9 url("/img/investmentMaster.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.undervaluedStocks::before {
  background: #975F47 url("/img/undervaluedStocks.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.attractiveBlueChips::before {
  background: #E79366 url("/img/attractiveBlueChips.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.aiAttractiveStocks::before {
  background: #76BCE7 url("/img/aiAttractiveStocks.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.pegGrowthStocks::before {
  background: #D6E0EA url("/img/pegGrowthStocks.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_tabs .box_tabs .list_masonry > .figure.deadCrossCheck::before {
  background: #E7B676 url("/img/deadCrossCheck.png") no-repeat center 14px;
  background-size: auto 132px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal {
  overflow: hidden;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  margin: 0 auto 32px;
  margin: 24px 20px 0;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 24px 20px;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner {
    padding: 23px 16px;
  }
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner .link_banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner .link_banner b {
  color: var(--Gray-gray800, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner .link_banner span {
  display: block;
  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);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .banner_signal .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--Radius-r-02, 8px);
  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-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view {
  background-color: #646FCD;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view .update_info {
  color: #939393;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  padding-right: 16px;
  padding-bottom: 16px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view .box_tabs {
  position: relative;
  background: none;
  padding: 32px 24px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  text-align: left;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view .box_tabs strong {
  display: flex;
  align-items: center;
  gap: 0 6px;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view .box_tabs::before {
  content: "";
  display: block;
  width: 100%;
  height: 230px;
  margin: 0 auto 10px;
  background-size: auto 230px !important;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view .box_tabs .update_info {
  position: absolute;
  right: 0;
  top: 16px;
  color: rgba(51, 51, 51, 0.7);
  letter-spacing: normal !important;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view .box_tabs .reference {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 400;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.jump .box_tabs {
  background-color: #646FCD;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.jump .box_tabs::before {
  background: #646FCD url("/img/jump.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.jump .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.top50 .box_tabs {
  color: rgba(51, 51, 51, 0.7);
  background-color: #F8D95F;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.top50 .box_tabs strong {
  color: #333;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.top50 .box_tabs::before {
  background: #F8D95F url("/img/top50.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.sale .box_tabs {
  background-color: #76BCE7;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.sale .box_tabs::before {
  background: #76BCE7 url("/img/sale.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.sale .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.earnings .box_tabs {
  background-color: #2E3848;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.earnings .box_tabs::before {
  background: #2E3848 url("/img/earnings.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.earnings .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.dividend .box_tabs {
  background-color: #87CD64;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.dividend .box_tabs::before {
  background: #87CD64 url("/img/dividend.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.dividend .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.growth .box_tabs {
  background-color: #79D5A9;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.growth .box_tabs::before {
  background: #79D5A9 url("/img/growth.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.growth .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.superStocks .box_tabs {
  color: rgba(51, 51, 51, 0.7);
  background-color: #E7B676;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.superStocks .box_tabs strong {
  color: #333;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.superStocks .box_tabs::before {
  background: #E7B676 url("/img/superStocks.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.consumerMonopoly .box_tabs {
  color: rgba(51, 51, 51, 0.7);
  background-color: #D6E0EA;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.consumerMonopoly .box_tabs strong {
  color: #333;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.consumerMonopoly .box_tabs::before {
  background: #D6E0EA url("/img/consumerMonopoly.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.profitTurnaround .box_tabs {
  background-color: #7694E7;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.profitTurnaround .box_tabs::before {
  background: #7694E7 url("/img/profitTurnaround.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.profitTurnaround .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.goldenCross .box_tabs {
  background-color: #E36B6D;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.goldenCross .box_tabs::before {
  background: #E36B6D url("/img/goldenCross.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.goldenCross .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.growthDiscovery .box_tabs {
  background-color: #E79366;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.growthDiscovery .box_tabs::before {
  background: #E79366 url("/img/growthDiscovery.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.growthDiscovery .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.rocketBooster .box_tabs {
  background-color: #646FCD;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.rocketBooster .box_tabs::before {
  background: #646FCD url("/img/rocketBooster.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.rocketBooster .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.aiSignalTrade .box_tabs {
  background-color: #608CFA;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.aiSignalTrade .box_tabs::before {
  background: #608CFA url("/img/aiSignalTrade.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.aiSignalTrade .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.memeTrend .box_tabs {
  color: rgba(51, 51, 51, 0.7);
  background-color: #F8D95F;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.memeTrend .box_tabs strong {
  color: #333;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.memeTrend .box_tabs::before {
  background: #F8D95F url("/img/memeTrend.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.nDollarPenny .box_tabs {
  background-color: #87CD64;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.nDollarPenny .box_tabs::before {
  background: #87CD64 url("/img/nDollarPenny.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.nDollarPenny .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.investmentMaster .box_tabs {
  background-color: #79D5A9;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.investmentMaster .box_tabs::before {
  background: #79D5A9 url("/img/investmentMaster.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.investmentMaster .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.undervaluedStocks .box_tabs {
  background-color: #975F47;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.undervaluedStocks .box_tabs::before {
  background: #975F47 url("/img/undervaluedStocks.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.undervaluedStocks .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.attractiveBlueChips .box_tabs {
  background-color: #E79366;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.attractiveBlueChips .box_tabs::before {
  background: #E79366 url("/img/attractiveBlueChips.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.attractiveBlueChips .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.aiAttractiveStocks .box_tabs {
  background-color: #76BCE7;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.aiAttractiveStocks .box_tabs::before {
  background: #76BCE7 url("/img/aiAttractiveStocks.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.aiAttractiveStocks .update_info {
  color: rgba(255, 255, 255, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.pegGrowthStocks .box_tabs {
  color: rgba(51, 51, 51, 0.7);
  background-color: #D6E0EA;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.pegGrowthStocks .box_tabs strong {
  color: #333;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.pegGrowthStocks .box_tabs::before {
  background: #D6E0EA url("/img/pegGrowthStocks.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.pegGrowthStocks .box_tabs .reference {
  color: rgba(51, 51, 51, 0.7);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.deadCrossCheck .box_tabs {
  color: rgba(51, 51, 51, 0.7);
  background-color: #E7B676;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.deadCrossCheck .box_tabs strong {
  color: #333;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_top.view.deadCrossCheck .box_tabs::before {
  background: #E7B676 url("/img/deadCrossCheck.png") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 0;
  margin: 24px auto;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px 9px;
  width: 100% !important;
  flex-wrap: nowrap;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li {
  padding: 0;
  color: #939393;
  font-size: 12px;
  font-weight: 500;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li.li_btn {
  flex: 10;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li.rate_trend {
  margin-left: auto;
  position: relative;
  top: -2px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li.rate_trend .atten {
  color: #939393;
  font-size: 12px;
  font-weight: 500;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li.rate_trend .atten i.trans {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 1px 0;
  background: url("/img/icon_transition.svg") no-repeat 0 1px;
  background-size: 14px 14px;
  margin-left: 2px;
  position: relative;
  top: 4px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li.update_info {
  width: auto;
  margin-top: 0;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li .btn_schRecipeSet {
  display: inline-flex;
  margin: 0;
  padding: 5.5px 13px;
  border-radius: 4px;
  border: 1px solid #E0E4E9;
  background: #FFF;
  width: auto;
  max-width: calc(100% - 0px);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li .btn_schRecipeSet .ellipsis {
  display: inline-flex;
  align-items: center;
  gap: 2px 2px;
  padding-left: 1px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .filter_set li .btn_schRecipeSet .ellipsis i {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #7b7881;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .l_box .update_info {
  padding: 0;
  margin-top: 2px;
  text-align: right;
  width: 100%;
  color: #939393;
  font-size: 12px;
  font-weight: 500;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 15px;
  margin-top: 8px;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list {
    gap: 10px 8px;
  }
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list {
  flex: 1 1 45%;
  border-radius: 16px;
  padding: 16px 16px 16px;
  background: #FFF;
  max-width: calc(50% - 7.5px);
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list {
    max-width: calc(50% - 4px);
    padding: 10px 8px 10px;
  }
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list#btn_free .title_logo .logo {
  background: #F5F5F9 url("/img/signal_prm.svg") no-repeat center center;
  background-size: 64%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 8px;
  width: 100%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .title_logo {
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .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);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .num {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -1px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .num span {
  letter-spacing: -0.8px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .num span b {
  font-weight: 500;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .per {
  color: #E1305A;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -1px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .per span {
  letter-spacing: -0.8px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .per .increase {
  color: #E1305A;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .per .increase b {
  color: #E1305A;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .per .decrease {
  color: #303FAF;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .list .stock_info .detail_num .per .decrease b {
  color: #303FAF;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .chart_style {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  width: 100%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .chart_style .highcharts-label.highcharts-tooltip {
  display: none !important;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .fit_margin {
  margin-top: 8px;
  color: #6A727B;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .fit_margin span {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.6;
  position: relative;
  top: -1px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .fit_margin .num.increase {
  color: #E1305A;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .chart_list .fit_margin .num.decrease {
  color: #303FAF;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info#btn_free .title_logo .logo {
  background: #F5F5F9 url("/img/signal_prm.svg") no-repeat center center;
  background-size: 64%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .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);
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail .title {
  padding-right: 6px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 320px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail .title {
    max-width: 150px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail .title {
    max-width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail .title {
    max-width: 480px;
  }
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail > .num {
  margin-left: auto;
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail > .num span b {
  font-weight: 500;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail_num .num {
  margin-left: 0;
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail_num .per {
  padding: 0;
  padding-top: 1px;
  padding-right: 10px;
  font-weight: normal;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail_num .per .increase b {
  color: #ff2929;
  font-weight: normal;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .trans_list {
  width: 100%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .stock_info .trans_list ul {
  vertical-align: bottom;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .list {
  justify-content: flex-end;
  align-items: center;
  gap: 0 4px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .list li.title_logo {
  flex-basis: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .list li.title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .list li.title {
  text-align: left;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .list li span {
  padding-right: 0 !important;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.turnaround .list li span:first-child::after {
  display: none !important;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.rocket .detail {
  flex: 5 !important;
}
@media (max-width: var(--bp-mobile-max)) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.rocket .detail {
    max-width: 110px;
  }
}
@media (min-width: 375px) and (max-width: 375px) {
  .v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.rocket .detail {
    max-width: 120px;
  }
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.rocket .detail + .num {
  margin-left: auto;
  flex: 7 !important;
  text-align: right;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.rocket .detail + .num span {
  letter-spacing: -1px;
  color: #ff2929;
  font-size: 0.9375rem;
  font-weight: normal;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .recipe_area .area.rocket .detail + .num span b {
  color: #ff2929;
  font-size: 0.9375rem;
  font-weight: normal;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sale_deal span i {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("/img/icon_saledeal.svg") no-repeat center center;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .attention_box {
  display: flex;
  gap: 0 3px;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .attention_box .attention.on {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: 700;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_view .recipe_area .area .per span {
  display: inline-block;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .sub_mid.recipe_view .recipe_area .area .per .hit {
  color: #939393;
  font-size: 13px;
  font-weight: 500;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .data_opinion {
  margin-left: auto;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .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;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .data_opinion .ibox.str {
  background-color: #dd5257;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .data_opinion .ibox.bas {
  background: #C7CCD1;
}
.v_signalStreng.globalStock .sub_recipe.new_recipe .data_opinion .ibox.weak {
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_recipe .sub_top .title {
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
}

.globalStock .sub_recipe .sub_top .title strong {
  color: #aaa8a4;
  font-size: 2rem;
  font-weight: normal;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs {
  margin: 18px auto 0;
  padding: 0 20px;
  overflow: hidden;
}

.v_signalStreng.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs {
  background-color: #fff;
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 32px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li {
  color: #939393;
  font-size: 0.78rem;
  line-height: 1rem;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li strong {
  display: block;
  color: #333;
  font-size: 1.125rem;
  margin-bottom: 7px;
  font-weight: 500;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li > a {
  color: #939393;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  box-sizing: border-box;
  padding: 94px 6px 17px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li > a {
    padding-top: 88px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li.jump a {
  /* 급등주 */
  background: #fff url("/img/recipe_jump.svg") no-repeat center 25px;
  background-size: 54px 54px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li.top50 a {
  /* TOP50 */
  background: #fff url("/img/recipe_top50.svg") no-repeat center 25px;
  background-size: 80px 53px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li:nth-child(4) a {
  /* 실적발표 */
  background: #fff url("/img/recipe_05.png") no-repeat center 25px;
  background-size: 50px 49px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li.sale a {
  /* 세일 */
  background: #fff url("/img/recipe_sale.svg") no-repeat center 15px;
  background-size: auto 62px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li:nth-child(6) a {
  /* 배당매력주 */
  background: #fff url("/img/recipe_01.png") no-repeat center 18px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li:nth-child(7) a {
  /* 이익성장주 */
  background: #fff url("/img/recipe_02.png") no-repeat center 21px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li:nth-child(8) a {
  /* 소비자독점 */
  background: #fff url("/img/recipe_03.png") no-repeat center 21px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li:nth-child(9) a {
  /* 슈퍼스톡 */
  background: #fff url("/img/recipe_04.png") no-repeat center 29px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li.today_signal a {
  /* 오늘의 매매신호 */
  background: #fff url("/img/recipe_today.png") no-repeat center 21px;
  background-size: 56px auto;
}

/* 발굴 - 투자레시피 view */
.globalStock .sub_recipe .sub_top.view .box_tabs {
  background: #fff url("/img/recipe_01.png") no-repeat center 13px;
  background-size: auto 59px;
  padding: 90px 15px 33px;
  color: #939393;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  text-align: center;
  font-weight: 300;
}

.globalStock .sub_recipe .sub_top.view.bgimg02 .box_tabs {
  /* 실적발표 */
  background-image: url("/img/recipe_05.png");
}

.globalStock .sub_recipe .sub_top.view.bgimg03 .box_tabs {
  /* 배당매력주 */
  background-image: url("/img/recipe_01.png");
}

.globalStock .sub_recipe .sub_top.view.bgimg04 .box_tabs {
  /* 이익성장주 */
  background-image: url("/img/recipe_02.png");
}

.globalStock .sub_recipe .sub_top.view.bgimg05 .box_tabs {
  /* 소비자독점 */
  background-image: url("/img/recipe_03.png");
}

.globalStock .sub_recipe .sub_top.view.bgimg01 .box_tabs {
  /* 슈퍼스톡 */
  background-image: url("/img/recipe_04.png");
}

.globalStock .sub_recipe .sub_top.view.recipejump .box_tabs {
  background-image: url("/img/recipe_jump.svg");
}

.globalStock .sub_recipe .sub_top.view.recipetop .box_tabs {
  background-image: url("/img/recipe_top50.svg");
}

.globalStock .sub_recipe .sub_top.view.recipesale .box_tabs {
  background-image: url("/img/recipe_sale.svg");
  background-size: auto 64px;
}

.globalStock .sub_recipe .sub_top.view.recipeToday .box_tabs {
  background-image: url("/img/recipe_today.png");
  background-size: auto 64px;
}

.globalStock .sub_recipe .sub_top.view .box_tabs .sale_icon {
  display: inline-block;
  background: #E6E7F4;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url("/img/icon_sale.svg") no-repeat center center;
  vertical-align: top;
}

.globalStock .sub_recipe .sub_top.view .box_tabs strong {
  display: block;
  color: #333;
  font-size: 1.25rem;
  margin-bottom: 10px;
  font-weight: 500;
}

.globalStock .sub_recipe .sub_mid.recipe_view {
  overflow: hidden;
  background: var(--Background-fill-background, #F1F4F6);
  padding: 0 15px;
}

.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view {
  background-color: #fff;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .title {
  font-size: 1rem;
  color: #333;
  font-weight: bold;
}

/* 메인 - 마켓스코어 공포지수 */
.globalStock .main_mid.tradeSignal_status {
  width: 100%;
  box-sizing: border-box;
  margin-top: 55px;
}
.globalStock .main_mid.tradeSignal_status .title {
  display: flex;
  align-items: center;
  gap: 5px 5px;
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
}
.globalStock .main_mid.tradeSignal_status .title .signal_guide {
  cursor: pointer;
  display: inline-block;
}
.globalStock .main_mid.tradeSignal_status .title .signal_guide img {
  display: inline-block;
  vertical-align: inherit;
}
.globalStock .main_mid.tradeSignal_status .title .more {
  margin-left: auto;
  display: inline-block;
  text-align: right;
  padding: 10px 7px 6px;
  width: 96px;
  box-sizing: border-box;
  color: #333;
  font-size: 0.9rem;
  vertical-align: top;
  line-height: 12px;
}
.globalStock .main_mid.tradeSignal_status .score_chart {
  position: relative;
  padding: 16px 0 0;
}
.globalStock .main_mid.tradeSignal_status .score_chart .update_info {
  position: absolute;
  right: 38px;
  top: -19px;
  color: #939393;
  font-size: 0.8125rem;
}
.globalStock .main_mid.tradeSignal_status .score_chart .highcharts-figure {
  position: relative;
  margin: 0 auto;
  width: 340px;
  height: 176px;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 {
  margin: 0 auto;
  width: 340px;
  height: 180px;
  background: url("/img/contaanalysis1_num.svg") no-repeat center 77px;
  background-size: auto 114px;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .gauge-value .highcharts-label-box {
  stroke-width: 0;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .gauge-value span {
  font-size: 30px !important;
  color: #333 !important;
  font-weight: bold !important;
}
.globalStock .main_mid.tradeSignal_status .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);
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(1) {
  fill: #D43F5D !important;
  color: #D43F5D !important;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(2) {
  fill: #E9835B !important;
  color: #E9835B !important;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(3) {
  fill: #F4A031 !important;
  color: #F4A031 !important;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(4) {
  fill: #F8D54E !important;
  color: #F8D54E !important;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(5) {
  fill: #5AA86B !important;
  color: #5AA86B !important;
}
.globalStock .main_mid.tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text.active-label {
  fill: #fff !important;
  color: #fff !important;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 {
  display: none;
  position: absolute;
  width: 170px;
  height: 85px;
  top: 77px;
  left: 85px;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element,
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-2,
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-3,
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-4,
.globalStock .main_mid.tradeSignal_status .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;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element {
  top: 20px;
  left: 29px;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-2 {
  top: 20px;
  right: 29px;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-3 {
  top: 0;
  left: 77px;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-4 {
  bottom: 0;
  left: 0;
}
.globalStock .main_mid.tradeSignal_status .score_chart .group-4 .element-5 {
  bottom: 0;
  right: 0;
}
.globalStock .main_mid.tradeSignal_status .score_chart .txt {
  font-weight: 500;
  font-size: 12px;
  color: #939393;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  opacity: 0.7;
}

.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status {
  width: 100%;
  box-sizing: border-box;
  margin-top: 35px;
  margin-bottom: 40px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .title {
  display: flex;
  gap: 5px 5px;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .title .signal_guide {
  cursor: pointer;
  display: inline-block;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .title .signal_guide img {
  display: inline-block;
  vertical-align: inherit;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart {
  position: relative;
  padding: 16px 0;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .highcharts-figure {
  position: relative;
  margin: 0 auto;
  width: 340px;
  height: 156px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 {
  margin: 0 auto;
  width: 340px;
  height: 180px;
  background: url("/img/contaanalysis1_num.svg") no-repeat center 77px;
  background-size: auto 114px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .gauge-value {
  background-color: red;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .gauge-value .highcharts-label-box {
  stroke-width: 0;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .gauge-value span {
  font-size: 30px !important;
  color: #333 !important;
  font-weight: bold !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .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);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(1) {
  fill: #D43F5D !important;
  color: #D43F5D !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(2) {
  fill: #E9835B !important;
  color: #E9835B !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(3) {
  fill: #F4A031 !important;
  color: #F4A031 !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(4) {
  fill: #F8D54E !important;
  color: #F8D54E !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text:nth-child(5) {
  fill: #5AA86B !important;
  color: #5AA86B !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .contaanalysis1 .highcharts-axis-labels.highcharts-radial-axis-labels text.active-label {
  fill: #fff !important;
  color: #fff !important;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 {
  display: none;
  position: absolute;
  width: 170px;
  height: 85px;
  top: 77px;
  left: 85px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element,
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-2,
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-3,
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-4,
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .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;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element {
  top: 20px;
  left: 29px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-2 {
  top: 20px;
  right: 29px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-3 {
  top: 0;
  left: 77px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-4 {
  bottom: 0;
  left: 0;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .group-4 .element-5 {
  bottom: 0;
  right: 0;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .score_chart .txt {
  font-weight: 500;
  font-size: 12px;
  color: #939393;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  opacity: 0.7;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .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;
  cursor: pointer;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert:active {
  transform: translate(2px, 2px);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .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%);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .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;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert .emoji {
  position: absolute;
  left: -28px;
  top: 0;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .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);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.fear {
  background: var(--Red-red50, #FEF2F3);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.fear .alert_title {
  color: #F03E4C;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.anxiety {
  background: var(--Beige-beige50, #FAF3EA);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.anxiety .alert_title {
  color: #E9835B;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.normal {
  background: var(--Beige-beige50, #FAF3EA);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.normal .alert_title {
  color: #F4A031;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.greed {
  background: var(--Yellow-yellow50, #FFFAE9);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.greed .alert_title {
  color: #EFC31A;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.extreme {
  background: var(--green50, #E9FBF4);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert.extreme .alert_title {
  color: #00A469;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert .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);
  right: 3px;
  top: calc(50% + 33px);
  transform: translateY(-50%);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert .tooltip_content .tooltip_icon {
  position: absolute;
  right: 20px;
  top: -12px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert .tooltip_content .tooltip_text {
  margin: 0;
  padding: 0;
  width: 100%;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tradeSignal_status .market_alert .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);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area {
  position: relative;
  padding: 32px 0 35px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area:before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  width: calc(100% + 30px);
  display: block;
  clear: both;
  background-color: #F1F4F6;
  height: 8px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .title {
  display: flex;
  gap: 5px 5px;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .title .signal_guide {
  cursor: pointer;
  display: inline-block;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .title .signal_guide img {
  display: inline-block;
  vertical-align: inherit;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .tab_btn {
  margin-top: 16px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
  padding: 0;
  margin-top: 16px;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .signal_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .signal_list span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  margin-right: 8px;
  height: 34px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  background: var(--Background-Neutral, #F7F8FA);
  color: var(--Semantic-Label-Alternative, var(--Neutral-600, #6B7684));
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px); /* 157.143% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .signal_list span.sort_btn {
  cursor: pointer;
  border: 1px solid var(--Button-Tertiary-Outline-Border-Default, #24282C);
  background: var(--Button-Tertiary-Outline-Bg-Default, #FFF);
  color: var(--Button-Tertiary-Outline-Text-Default, #24282C);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px); /* 157.143% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .signal_list span.btn_schRecipeSet {
  margin: 0;
}
.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .signal_area .filter-swiper .signal_list span.btn_schRecipeSet:before {
  content: none;
}

.globalStock .sub_recipe .sub_mid.recipe_view .update_info {
  padding: 20px 3px 3px;
  color: #939393;
  font-size: 0.75rem;
  text-align: right;
}

.globalStock .sub_recipe .sub_mid.recipe_view .btn_more {
  display: block;
  margin: 18px 15px 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .btn_more a {
  width: 100%;
  border: 1px solid #BEBCCB;
  border-radius: 8px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area:after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area {
  padding: 15px 0 0;
  margin-top: 8px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: top;
}
.globalStock .sub_recipe .sub_mid.recipe_view .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;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info#btn_free .title_logo .logo {
  background: #F5F5F9 url("/img/signal_prm.svg") no-repeat center center;
  background-size: 64%;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.globalStock .sub_recipe .sub_mid.recipe_view .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;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.globalStock .sub_recipe .sub_mid.recipe_view .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);
}
.globalStock .sub_recipe .sub_mid.recipe_view .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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 320px) and (max-width: 375px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail .title {
    max-width: 115px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail .title {
    max-width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail .title {
    max-width: 480px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .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;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail > .num span b {
  font-weight: 500;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
.globalStock .sub_recipe .sub_mid.recipe_view .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;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail_num .per {
  padding: 0;
  padding-top: 1px;
  padding-right: 10px;
  font-weight: normal;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail_num .per .increase b {
  color: #ff2929;
  font-weight: normal;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
  font-weight: normal;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .trans_list {
  width: 100%;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .stock_info .trans_list ul {
  vertical-align: bottom;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .list {
  justify-content: flex-end;
  align-items: center;
  gap: 0 4px;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .list li.title_logo {
  flex-basis: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.globalStock .sub_recipe .sub_mid.recipe_view .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;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .list li.title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .list li.title {
  text-align: left;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .list li span {
  padding-right: 0 !important;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .list li span:first-child::after {
  display: none !important;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area:after {
  content: "";
  display: block;
  clear: both;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .news_no_data {
  margin: 20px 0 55px;
  border-radius: 20px;
  background: #fff url("/img/bg_nodata.png") no-repeat center 70px;
  box-sizing: border-box;
  padding-top: 240px;
  padding-bottom: 15px;
  text-align: center;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .news_no_data .txt {
  display: block;
  padding: 15px 15px;
  background: #E6E7F4;
  margin: 20px auto 0;
  width: calc(100% - 20px);
  box-sizing: border-box;
  border-radius: 12px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-bottom: none;
  text-align: center;
  line-height: 1.43;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list {
  padding: 0 10px 7px;
  display: flex;
  justify-content: flex-end;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li {
  clear: both;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  flex-basis: 80px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.sum {
  display: inline-block;
  color: #d3d3d3;
  margin-top: 1px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.trans {
  float: right;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.trans {
    display: block;
    float: none;
    margin-bottom: 19px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.trans span {
  display: inline-block;
  border-radius: 3px;
  background-color: #c0c5ea;
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  padding: 3px 2px;
  width: 34px;
  box-sizing: border-box;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.trans span.allo {
  background: #c0c5ea;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.trans span.gro {
  background: #8ccede;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.trans span.mono {
  background: #b7dbc8;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title {
  flex-grow: 2;
  overflow: hidden;
  margin-bottom: 1px;
  padding-right: 12px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title a {
  color: #333;
  font-size: 0.9375rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title a .remark {
  padding-left: 2px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title a .remark .txt_filter.size_M {
  padding-top: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title a .remark .txt_filter.size_M i {
  vertical-align: middle;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title a {
    font-size: 15px;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list li.sum {
    margin-top: 0;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .title a .ticker {
  display: block;
  line-height: 1.2rem;
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 4px;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .sum {
  color: #d3d3d3;
  font-size: 0.75rem;
  margin-top: 2px;
  line-height: normal;
  display: inline-block;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .sum .update {
  color: #d3d3d3;
  font-size: 0.75rem;
  float: right;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span {
  text-align: center;
  position: relative;
  padding: 0 18px;
  font-weight: bold;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span:first-child::after,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E1E4E9;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span:first-child::after {
  right: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span:first-child::before {
  left: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.hit {
  display: block;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: normal;
  color: #939393;
  font-weight: 300;
  width: 100%;
  padding: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.hit.txt_r {
  text-align: right;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.hit::before,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.hit::after {
  display: none;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num span {
  font-size: 0.9375rem;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: 700;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num span b {
  font-weight: 700;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num span.same {
  color: #363F4B;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-left: 5px;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num span.same b {
  font-weight: normal;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num span {
    font-size: 15px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num span b {
  color: #333;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .increase {
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.increase {
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.increase b {
  color: #ff2929;
  font-weight: bold;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.decrease {
  color: #26ABFF;
  font-size: 0.9375rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num span.decrease b {
  color: #26ABFF;
  font-weight: bold;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .upAnddown {
  flex-basis: 60px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .upAnddown span {
  font-size: 0.75rem;
  padding: 0 8px 0 12px;
  font-weight: normal;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .upAnddown span b {
  font-weight: normal;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num .increase,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num .increase b,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num .decrease,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .num .decrease b {
  color: #333;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .increase:nth-child(2) {
  font-size: 0.9375rem;
  padding-top: 1px;
  padding-right: 10px;
  font-weight: normal;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .increase:nth-child(2) {
    padding-top: 3px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .decrease {
  color: #26ABFF;
  font-size: 0.9375rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .decrease:nth-child(2) {
  font-size: 0.9375rem;
  padding-top: 1px;
  padding-right: 10px;
  font-weight: normal;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .increase b {
  color: #ff2929;
  font-weight: normal;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .decrease b {
  color: #26ABFF;
  font-weight: normal;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .update {
  color: #d3d3d3;
  font-size: 0.6rem;
  float: right;
  margin-top: 4px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .num .update {
    display: block;
    float: none;
    text-align: right;
    margin-top: 6px;
    padding-right: 4px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .per {
  text-align: left;
  padding: 10px 0 5px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .per span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #333;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .per .increase {
  display: block;
  color: #ff2929;
  font-size: 0.9375rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .per .decrease {
  display: block;
  color: #26ABFF;
  font-size: 0.9375rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .per .same {
  display: block;
  color: #363F4B;
  font-size: 0.9375rem;
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .per .same b {
  font-weight: normal;
  color: #363F4B;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .score {
  text-align: right;
  padding-right: 10px;
  line-height: 2rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .score span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .recom {
  text-align: right;
  line-height: 2rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .recom span {
  font-size: 0.9375rem;
  font-weight: normal;
  color: #939393;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .allocation {
  text-align: right;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score {
  padding: 3px 10px 14px;
  width: 164px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score {
    width: 150px;
    padding-right: 5px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .star_area {
  display: inline-block;
  width: calc(100% - 68px);
  vertical-align: top;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .star_area .starRev {
  font-size: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .star_area .starR {
  width: 12px;
  height: 12px;
  margin-right: 1px;
  background-position: -21px 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .star_area .starR.on {
  background-position: 0 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .star_area .starR.half {
  background-position: right 0 !important;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .rank {
  color: #939393;
  font-size: 0.75rem;
  display: inline-block;
  text-align: right;
  vertical-align: top;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .rank b {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .rank.increase {
  color: #ff2929 !important;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .rank.decrease {
  color: #26ABFF !important;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .result_score {
  display: inline-block;
  vertical-align: top;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .result_score .num {
  display: block;
  position: relative;
  font-size: 0.75rem;
  color: #939393;
  letter-spacing: -0.025rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .result_score .hit {
  vertical-align: top;
  font-size: 0.7rem;
  color: #939393;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .num .increase:nth-child(2) {
  padding-left: 5px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .num .decrease:nth-child(2) {
  padding-left: 5px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list {
  display: inline-block;
  width: calc(100% - 182px);
  overflow: hidden;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list {
    width: calc(100% - 160px);
    padding-top: 4px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list ul {
  display: inline-block;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list li.trans {
  float: right;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list li.trans {
    display: block;
    float: none;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list li.trans span {
  display: inline-block;
  border-radius: 3px;
  background-color: #c0c5ea;
  text-align: center;
  color: #fff;
  font-size: 0.6rem;
  padding: 3px 2px;
  width: 34px;
  box-sizing: border-box;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list li.trans span.allo {
  background: #c0c5ea;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list li.trans span.gro {
  background: #8ccede;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list li.trans span.mono {
  background: #b7dbc8;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .trans_list .update {
  font-size: 10px;
  letter-spacing: normal;
  text-align: right;
  color: #d3d3d3;
  float: right;
  padding-top: 8px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .banner_prm {
  clear: both;
  float: none;
  margin-top: 25px;
  padding: 9px 0 11px;
  text-align: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_recipe .sub_mid.recipe_view .banner_prm .cho_prm {
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .sub_recipe .sub_mid.recipe_view .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_recipe .sub_mid.recipe_view .banner_prm .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 5px;
}

/* 발굴 - 투자레시피 (관심top50) view */
.globalStock .sub_recipe .sub_mid.recipe_view .update_info .atten {
  padding-left: 4px;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .update_info .atten .attention {
  padding-left: 4px;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_recipe .sub_mid.recipe_view .update_info .atten i.attention {
  display: inline-block;
  width: 9px;
  height: 11px;
  background: url("/img/heart_attention_gray.svg") no-repeat 0 1px;
  margin: 0 3px;
  background-size: 14px 25px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .update_info .atten i.attention.on {
  background-position: 0 100%;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .attention {
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 18px;
  color: #333;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .attention {
    font-size: 12px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .attention i {
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url("/img/heart_attention_gray.svg") no-repeat 0 1px;
  margin-right: 3px;
  background-size: 14px 25px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .attention.on i {
  background-position: 0 100%;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .score {
  padding-right: 0;
  font-size: 0.9375rem;
  line-height: 18px;
}

/* 발굴 - 투자레시피 (급등주) view */
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs {
  position: relative;
  display: block;
  padding: 15px 0 10px;
  border-bottom: solid 1px #e0e4e9;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li {
  position: relative;
  padding: 0 8px;
  margin: 0;
  border: none;
  display: inline-block;
  width: auto;
  color: #939393;
  font-size: 0.75rem;
  line-height: normal;
}

.globalStock .sub_recipe .sub_mid .update_sort {
  display: block;
  padding: 5px 3px 0 0;
  color: #939393;
  font-size: 10px;
  font-weight: 500;
  text-align: right;
}

.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li span,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li span {
  color: #939393;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li.active span,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li.active span {
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li::before,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #e0e4e9;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li:first-child,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li:first-child {
  padding-left: 0;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li:last-child,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li:last-child {
  padding-right: 0;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipe_tabs li:last-child::before,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipe_tabs li:last-child::before {
  display: none;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipejump_tabs .tab_content,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipejump_tabs .tab_content {
  padding: 0;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipejump_tabs ul,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipejump_tabs ul {
  width: auto;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipejump_tabs ul li,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipejump_tabs ul li {
  padding: 0;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .recipejump_tabs ul li.title,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .recipejump_tabs ul li.title {
  padding-right: 12px;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .update_info,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .update_info {
  padding-top: 10px;
}
.globalStock .sub_recipe .sub_top.recipejump + .sub_mid.recipe_view .atten i.trans,
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .atten i.trans {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 1px 0;
  background: url("/img/icon_transition.svg") no-repeat 0 1px;
  background-size: 14px 14px;
  margin-left: 2px;
  position: relative;
  top: 4px;
}
@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_top.recipejump .recipe_view .recipe_tabs li span,
  .globalStock .sub_recipe .sub_top.jump .recipe_view .recipe_tabs li span {
    font-size: 12px;
  }
}

.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .l_box .filter_set .update_info {
  padding-top: 0;
}
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .l_box .filter_set .atten {
  display: inline-flex;
  align-items: center;
  gap: 0 2px;
}
.globalStock .sub_recipe .sub_top.jump + .sub_mid.recipe_view .l_box .filter_set .atten i.trans {
  position: static;
  top: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip {
  position: relative;
  float: right;
  margin-top: 0;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip::after {
    left: 38px;
    height: 16px;
  }
}
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip .game_title {
  color: #939393;
  font-size: 0.7rem;
  line-height: normal;
  padding-right: 12px;
  font-weight: normal;
  display: inline-block;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip span {
  color: #939393;
  font-size: 0.7rem;
  padding: 0 2px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background: url("/img/game_trans_b.svg") no-repeat 0 0;
  background-size: 60px 14px;
  margin-top: 3px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn::before {
  content: "N/A";
  font-style: normal;
  display: inline-block;
  color: #939393;
  font-size: 0.7rem;
  padding-right: 4px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.up {
  background-position-x: -3px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.trans {
  background-position-x: 50%;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.down {
  background-position-x: calc(100% + 3px);
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.up::before,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.trans::before,
.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.down::before {
  display: none;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .trans_box {
  padding: 0 10px 0 16px;
  box-sizing: border-box;
  min-width: 84px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .trans_box .trans_icn {
  margin: 0 1px;
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background: url("/img/game_trans_b.svg") no-repeat 0 0;
  background-size: 60px 14px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .trans_box .trans_icn {
  background-size: auto 14px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .trans_box .trans_icn.trans {
  background-position-x: 50%;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .trans_box .trans_icn.down {
  background-position-x: calc(100% + 0px);
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .trans_box .trans_icn.up {
  background-position-x: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box {
  flex-basis: 67px;
  width: 100%;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box .attention {
  font-size: 0.9375rem;
  font-weight: bold;
  letter-spacing: normal;
  text-align: left;
  color: #333;
  padding: 0 18px;
  position: relative;
  min-width: 80px;
  text-align: center;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box .attention::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E1E4E9;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box .attention::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #E1E4E9;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box .attention i {
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url("/img/heart_attention_gray.svg") no-repeat 0 1px;
  margin-right: 3px;
  background-size: 14px 25px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box .attention.on i {
  background-position: 0 100%;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .attention_box .attention_score {
  padding: 0 8px 0 18px;
  font-size: 0.9375rem;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .star_area .starRev {
  padding: 2px 8px 0 18px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .star_area .starRev .starR {
  flex: 1;
  width: 12px;
  height: 12px;
  margin-right: 1px;
  background-position: -21px 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .star_area .starRev .starR.on {
  background-position: 0 0;
}

.globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list .star_area .starRev .starR.half {
  background-position: right 0 !important;
}

/* 발굴 - 미국주식 탐구생활 */
.globalStock .sub_research .sub_top .best_research {
  display: flex;
  align-items: flex-start;
  gap: 0 16px;
  margin: 32px 20px 0;
  box-sizing: border-box;
  padding: 24px 28px 40px 20px;
  background: linear-gradient(129deg, var(--Blue-blue100, #ECF0FF) 18.23%, var(--Red-red50, #FEF2F3) 95.73%);
  background-size: cover;
  border-radius: 16px;
  min-height: 138px;
  width: 100%;
}
.globalStock .sub_research .sub_top .best_research .img_box {
  overflow: hidden;
  border-radius: 16px;
  min-width: 48px;
  width: 48px;
  height: 48px;
  background: #fff;
  flex-shrink: 0;
}
.globalStock .sub_research .sub_top .best_research .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.globalStock .sub_research .sub_top .best_research .category_box {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.globalStock .sub_research .sub_top .best_research .category_box .category {
  color: var(--Font-primary-blue, #4168F6);
  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);
}
.globalStock .sub_research .sub_top .best_research .category_box .title {
  color: var(--Gray-gray800, #24282C);
  text-overflow: ellipsis;
  font-family: var(--Title, Pretendard);
  font-size: 20px;
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  letter-spacing: var(--Tracking-md, -0.3px);
  width: 100%;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  line-height: var(--Line-height-2xl, 26px);
  /* 144.444% */
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.globalStock .sub_research .sub_top .swiper-research .swiper-slide:nth-child(1) .best_research {
  background: linear-gradient(129deg, var(--Blue-blue100, #ECF0FF) 18.23%, var(--Red-red50, #FEF2F3) 95.73%);
}
.globalStock .sub_research .sub_top .swiper-research .swiper-slide:nth-child(2) .best_research {
  background: linear-gradient(129deg, var(--Yellow-yellow100, #FFF6D2) 18.23%, var(--Green-green50, #E9FBF4) 95.73%);
}
.globalStock .sub_research .sub_top .swiper-research .swiper-slide:nth-child(3) .best_research {
  background: linear-gradient(129deg, var(--Skyblue-skyblue50, #E2F5FF) 18.23%, var(--Orange-orange50, #FFF2EA) 95.73%);
}
.globalStock .sub_research .sub_top .swiper-research .swiper-slide {
  justify-content: flex-start;
  width: auto;
  visibility: hidden;
}
.globalStock .sub_research .sub_top .swiper-research .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.globalStock .sub_research .sub_top .swiper-research .swiper-pagination {
  visibility: hidden;
  left: auto;
  right: 35px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  padding: 3px 8px;
  border-radius: var(--Radius-r-07, 100px);
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}
.globalStock .sub_research .sub_top .swiper-research .swiper-pagination.swiper-pagination-fraction {
  visibility: visible;
}
.globalStock .sub_research .sub_top .swiper-research .swiper-pagination span {
  letter-spacing: 1px;
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
}

.globalStock .sub_research .sub_top .best_research .title {
  color: #fff;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: normal;
}

.globalStock .sub_research .sub_top .best_research .txt {
  color: #fff;
  font-size: 1.55rem;
  line-height: 2rem;
}

.globalStock .sub_research .sub_top .swiper-research .swiper-pagination-bullets {
  bottom: 0;
}

.globalStock .sub_research .sub_mid.research_board {
  margin: 20px auto;
}

.globalStock .sub_research .sub_mid.research_board .set {
  text-align: right;
  padding: 0 15px;
}

.globalStock .sub_research .sub_mid.research_board .set span {
  cursor: pointer;
  color: #939393;
  position: relative;
  padding: 0 10px 0 10px;
  font-size: 0.75rem;
}

.globalStock .sub_research .sub_mid.research_board .set span.active {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_research .sub_mid.research_board .set span:last-child {
  padding-right: 0;
}

.globalStock .sub_research .sub_mid.research_board .set span:first-child::before {
  content: "";
  position: absolute;
  right: -3px;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #BEBCCB;
}

.globalStock .sub_research .sub_mid.research_board .banner_signal {
  margin: 16px 20px !important;
  overflow: hidden;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  margin: 0 auto 32px;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 24px 20px;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner {
    padding: 23px 16px;
  }
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .link_banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .link_banner b {
  color: var(--Gray-gray800, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .link_banner span {
  display: block;
  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);
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--Radius-r-02, 8px);
  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-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner {
  margin: 0;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .link_banner b {
  color: var(--Red-red500, #F03E4C);
  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);
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .banner_bg {
  align-items: center;
  justify-content: center;
}
.globalStock .sub_research .sub_mid.research_board .banner_signal .premium_banner .banner_bg img {
  width: 32px;
  height: 32px;
}

.globalStock .sub_research .sub_mid.research_board .lst_type {
  width: calc(100% - 40px);
  margin: 15px auto 30px;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 24px 0;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list:first-child, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list:first-child {
  border-top: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list .tag, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
@media (max-width: var(--bp-mobile-max)) {
  .globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
    max-width: 8ch;
  }
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .txt .lock_icon, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  margin-right: 3px;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .txt p, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .info_box, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .info_box .day p, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .news_content .info_box .noti_tag, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .img, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(140, 152, 167, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .img.briefing, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(140, 152, 167, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .img span, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .img span {
  display: inline-flex;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .img span img, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.globalStock .sub_research .sub_mid.research_board .lst_type.news_list .list .img span.logo img, .globalStock .sub_research .sub_mid.research_board .lst_type.note_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}

.globalStock .sub_research .sub_mid.research_board .lst_type li {
  clear: both;
  _height: 0;
  _font-size: 0;
  padding: 15px 0;
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 {
  overflow: hidden;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dt {
  padding: 5px 0;
  font-size: 14px;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dt.tit {
  margin-top: 5px;
  margin-left: 80px;
  margin-bottom: 7px;
  color: #939393;
  font-size: 1rem;
  min-height: 53px;
  box-sizing: border-box;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dt.tit a,
.globalStock .sub_research .sub_mid.research_board .lst_type2 dt.tit strong {
  color: #333;
  font-weight: 300;
  font-size: 1rem;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2.lst_lock dt.tit strong {
  padding-left: 20px;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2.lst_lock dt.tit strong::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 10px;
  height: 13px;
  background: #F6F7FA url("/img/prm_tabsLock.svg") no-repeat center center;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dt.tit a {
  display: inline-block;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dd.photo {
  float: left;
  margin: -65px 10px 0 0;
  color: #fff;
  text-align: center;
  border: none;
  width: 67px;
  height: 60px;
  background: #fff url("/img/noimg.png") no-repeat center center;
  background-size: cover;
  border: 1px solid #E0E4E9;
  border-radius: 5px;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dd {
  line-height: 16px;
}

/* .globalStock .sub_research .sub_mid.research_board .lst_type2 dd.photo a::before {
	content:"";
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width:100%;
	height:100%;
	border-radius: 5px;
	background: #fff;
} */
.globalStock .sub_research .sub_mid.research_board .lst_type2 dd img {
  position: relative;
  border: none;
  display: inline-block;
  width: 67px;
  height: 60px;
  border-radius: 5px;
  background-color: #fff;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 dd img {
  border: none;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 a {
  color: #333;
  display: inline-block;
}

.globalStock .sub_research .sub_mid.research_board .lst_type2 a:hover {
  text-decoration: underline;
}

/* 발굴 - 동영상, 뉴스 */
.globalStock .sub_research .sub_top.news_top {
  margin-top: 12px;
  background: #f6f7fa;
  padding-top: 23px;
}

.globalStock .sub_research .sub_top.news_top .title {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  padding-left: 27px;
}

.globalStock .sub_research .sub_top.news_top .iframe_video {
  margin: 15px auto 32px;
  width: calc(100% - 60px);
  min-height: 177px;
  box-sizing: border-box;
  background: url("/img/bg_wow_video.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  padding-bottom: 48%;
}

.globalStock .sub_research .sub_top.news_top .iframe_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.globalStock .sub_research .sub_top.news_top .iframe_lounge {
  margin: 15px auto 32px;
  width: calc(100% - 60px);
  min-height: 177px;
  box-sizing: border-box;
}

.globalStock .sub_research .sub_top.news_top .iframe_lounge img {
  display: block;
  width: 100%;
}

.globalStock .sub_research .sub_top.news_top .tabsArea_live .tabs_live li {
  text-align: left;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  text-align: center;
}

.globalStock .sub_research .sub_top.news_top .tabsArea_live .tabs_live li.active,
.globalStock .sub_research .sub_top.news_top .tabsArea_live .tabs_live li.active span {
  font-weight: bold;
  color: #014b8d;
}

.globalStock .news_bannner {
  width: 100%;
}

.globalStock .news_bannner span,
.globalStock .news_bannner span a,
.globalStock .news_bannner span img {
  display: inline-block;
  width: 100%;
}

/* 미국주식 탐구생활(상세) */
.globalStock .sub_research .view_con {
  background: #fff;
  padding-bottom: 40px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.globalStock .sub_research .view_con .top {
  padding: 24px 20px 24px;
}

.globalStock .sub_research .view_con .top .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);
  word-break: break-all;
  word-wrap: break-word;
}

.globalStock .sub_research .view_con .top .writer {
  color: #939393;
  font-size: 0.75rem;
  margin-top: 20px;
  padding-right: 10px;
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}

.globalStock .sub_research .view_con .top .day {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 18px;
  padding-right: 8px;
  position: relative;
  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);
}

.globalStock .sub_research .view_con .top .wtr_rep,
.globalStock .sub_research .view_con .top .wtr_name {
  color: #939393;
  font-size: 0.75rem;
  margin-top: 20px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 18px;
  padding-right: 12px;
  position: relative;
}

.globalStock .sub_research .view_con .top .wtr_rep::before,
.globalStock .sub_research .view_con .top .wtr_name::before {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #E1E5EF;
}

.globalStock .sub_research .view_con .top .go_list {
  margin-top: 8px;
  float: right;
  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);
}

.globalStock .sub_research .popularity {
  margin-top: 30px;
  padding: 0 15px;
}

.globalStock .sub_research .popularity .title {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_research .popularity .lst_type {
  margin: 20px 0;
}

.globalStock .sub_research .popularity .lst_type {
  margin: 15px auto;
}

.globalStock .sub_research .popularity .lst_type li {
  clear: both;
  _height: 0;
  margin-bottom: 15px;
  _font-size: 0;
}

.globalStock .sub_research .popularity .lst_type2 {
  overflow: hidden;
}

.globalStock .sub_research .popularity .lst_type2 dt {
  padding: 5px 0;
  font-size: 14px;
}

.globalStock .sub_research .popularity .lst_type2 dt.tit {
  margin-top: 5px;
  margin-left: 80px;
  margin-bottom: 7px;
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_research .popularity .lst_type2 dt.tit a,
.globalStock .sub_research .popularity .lst_type2 dt.tit strong {
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_research .popularity .lst_type2 dt.tit a {
  display: inline-block;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.globalStock .sub_research .popularity .lst_type2 dt.tit a strong {
  color: #333;
  font-weight: normal;
  font-size: 1rem;
}

.globalStock .sub_research .popularity .lst_type2 dd.photo {
  float: left;
  margin: -65px 10px 0 0;
  color: #fff;
  text-align: center;
}

.globalStock .sub_research .popularity .lst_type2 dd {
  line-height: 16px;
}

.globalStock .sub_research .popularity .lst_type2 dd.txt {
  display: none;
}

.globalStock .sub_research .popularity .lst_type2 dd img,
.globalStock .sub_research .popularity .lst_type2 dd.photo {
  border: none;
  display: inline-block;
  width: 67px;
  height: 60px;
  background: #fff url("/img/noimg.png") no-repeat 0 0;
  background-size: cover;
  border: 1px solid #E0E4E9;
  border-radius: 5px;
}

.globalStock .sub_research .popularity .lst_type2 dd.txt a {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 110px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 1rem;
}

.globalStock .sub_research .popularity .lst_type2 a {
  color: #333;
  display: inline-block;
}

.globalStock .sub_research .popularity .lst_type2 a:hover {
  text-decoration: underline;
}

.globalStock .sub_research .sub_mid.research_board .video_tabs {
  display: flex;
  gap: 24px 24px;
  padding: 0 20px;
}

.globalStock .sub_research .sub_mid.research_board .video_tabs a {
  position: relative;
  color: var(--Font-default, #6B7684);
  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);
  padding: 8px 0 2px;
  box-sizing: border-box;
  height: 100%;
}
.globalStock .sub_research .sub_mid.research_board .video_tabs a .new_badge {
  cursor: auto;
  display: inline-flex;
  font-size: 0;
  text-indent: -9999px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -26px;
  top: calc(50% + 4px);
  transform: translateY(-50%);
  background: url("/img/icon_newbadge.png") no-repeat center center;
  background-size: contain;
  width: 19px;
  height: 20px;
}

.globalStock .sub_research .sub_mid.research_board .video_tabs a.active {
  color: var(--Font-secondary-title, #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);
  border-bottom: 2px solid var(--Border-dark-border, #24282C);
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list {
  border-top: none;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box:last-child {
  border-bottom: none;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box > a {
  display: block;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box > a .video_thumbnail {
  display: inline-block;
  width: 112px;
  height: 63px;
  background: #fff url("/img/noimg_wowtv.svg") no-repeat center center;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box > a .video_title {
  display: inline-block;
  padding-left: 16px;
  padding-top: 10px;
  height: 63px;
  width: calc(100% - 120px);
  box-sizing: border-box;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box > a .video_title span {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  font-weight: 300;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.globalStock .sub_research .sub_mid.research_board .lst_type.video_list .video_box.lst_lock > a .video_title span {
  text-indent: 20px;
  background: url("/img/prm_tabsLock.svg") no-repeat 0 2px;
}

​ .globalStock .sub_briefing .view_con {
  background: #fff;
  padding-bottom: 30px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.globalStock .sub_briefing .view_con .top {
  padding: 30px 15px 11px;
}

.globalStock .sub_briefing .view_con .top .title {
  color: #333;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.8rem;
}

.globalStock .sub_briefing .view_con .top .day {
  color: #939393;
  font-size: 0.75rem;
  margin-top: 20px;
  display: inline-block;
  width: calc(100% - 100px);
}

.globalStock .sub_briefing .view_con .top .go_list {
  color: #939393;
  font-size: 0.75rem;
  margin-top: 20px;
  display: inline-block;
  width: 95px;
  text-align: right;
}

.globalStock .sub_briefing .popularity {
  margin-top: 30px;
  padding: 0 15px;
}

.globalStock .sub_briefing .popularity .title {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_briefing .popularity .lst_type {
  margin: 20px 0;
}

.globalStock .sub_briefing .popularity .lst_type {
  margin: 15px auto;
}

.globalStock .sub_briefing .popularity .lst_type li {
  clear: both;
  _height: 0;
  margin-bottom: 15px;
  _font-size: 0;
}

.globalStock .sub_briefing .popularity .lst_type2 {
  overflow: hidden;
}

.globalStock .sub_briefing .popularity .lst_type2 dt {
  padding: 5px 0;
  font-size: 14px;
}

.globalStock .sub_briefing .popularity .lst_type2 dt.tit {
  margin-top: 5px;
  margin-left: 80px;
  margin-bottom: 7px;
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_briefing .popularity .lst_type2 dt.tit a,
.globalStock .sub_briefing .popularity .lst_type2 dt.tit strong {
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_briefing .popularity .lst_type2 dt.tit a {
  display: inline-block;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.globalStock .sub_briefing .popularity .lst_type2 dt.tit a strong {
  color: #333;
  font-weight: normal;
  font-size: 1rem;
}

.globalStock .sub_briefing .popularity .lst_type2 dd.photo {
  float: left;
  margin: -65px 10px 0 0;
  color: #fff;
  text-align: center;
}

.globalStock .sub_briefing .popularity .lst_type2 dd {
  line-height: 16px;
}

.globalStock .sub_briefing .popularity .lst_type2 dd.txt {
  display: none;
}

.globalStock .sub_briefing .popularity .lst_type2 dd img,
.globalStock .sub_briefing .popularity .lst_type2 dd.photo {
  border: none;
  display: inline-block;
  width: 67px;
  height: 60px;
  background: #fff url("/img/face_noimg.png") no-repeat 0 0;
  background-size: cover;
  border: 1px solid #E0E4E9;
  border-radius: 10px;
}

.globalStock .sub_briefing .popularity .lst_type2 dd.txt a {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 110px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 1rem;
}

.globalStock .sub_briefing .popularity .lst_type2 a {
  color: #333;
  display: inline-block;
}

.globalStock .sub_briefing .popularity .lst_type2 a:hover {
  text-decoration: underline;
}

.globalStock .sub_briefing .sub_top .best_research {
  background: url("/img/research_bg.png") no-repeat center center;
  margin: 25px 15px;
  box-sizing: border-box;
  padding: 22px 20px;
  background-size: cover;
  border-radius: 20px;
  min-height: 113px;
}

.globalStock .sub_briefing .sub_top .best_research .title {
  color: #fff;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: normal;
  margin-bottom: 5px;
}

.globalStock .sub_briefing .sub_top .best_research .txt {
  color: #fff;
  font-size: 1.55rem;
  line-height: 2rem;
}

.globalStock .sub_briefing .sub_top .swiper-research .swiper-pagination-bullets {
  bottom: 0;
}

.globalStock .sub_briefing .sub_mid.research_board {
  margin: 0 auto;
}

.globalStock .sub_briefing .sub_mid.research_board .set {
  text-align: right;
  padding: 0 15px;
}

.globalStock .sub_briefing .sub_mid.research_board .set span {
  color: #939393;
  position: relative;
  padding: 0 10px 0 10px;
  font-size: 0.75rem;
}

.globalStock .sub_briefing .sub_mid.research_board .set span.active {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_briefing .sub_mid.research_board .set span:last-child {
  padding-right: 0;
}

.globalStock .sub_briefing .sub_mid.research_board .set span:first-child::before {
  content: "";
  position: absolute;
  right: -3px;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #BEBCCB;
}

.globalStock .sub_briefing .sub_mid.research_board .filter-swiper {
  padding: 0 15px !important;
}
.globalStock .sub_briefing .sub_mid.research_board .filter_list {
  margin: 0 !important;
  padding: 0 0 20px 0 !important;
}
.globalStock .sub_briefing .sub_mid.research_board .filter_list .filter_btn {
  background-color: #fff;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type {
  width: calc(100% - 30px);
  margin: 0 auto 30px;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type li {
  clear: both;
  _height: 0;
  _font-size: 0;
  padding: 15px 0;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 {
  overflow: hidden;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dt {
  padding: 5px 0;
  font-size: 14px;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dt.tit {
  margin-top: 5px;
  margin-left: 95px;
  margin-bottom: 7px;
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2.none_img dt.tit {
  margin: 0;
  padding: 0;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dt.tit a,
.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dt.tit strong {
  color: #333;
  line-height: 1.67;
  font-weight: 400;
  font-size: 0.9375rem;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2.lst_lock dt.tit strong {
  display: inline-block;
  text-indent: 20px;
  background: url("/img/icon_list_lock.svg") no-repeat 0 4px;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dt.tit a {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  /* height:50px; */
  line-height: 1.67;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dt.tit .day {
  color: #939393;
  font-size: 0.75rem;
  font-weight: 300;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dd.photo {
  float: left;
  margin: -80px 10px 0 0;
  color: #fff;
  text-align: center;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dd {
  line-height: 16px;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dd img,
.globalStock .sub_briefing .sub_mid.research_board .lst_type2 dd.photo {
  border: none;
  display: inline-block;
  width: 80px;
  height: 71px;
  background: #fff url("/img/face_noimg.png") no-repeat 0 0;
  background-size: cover;
  border: 1px solid #E0E4E9;
  border-radius: 10px;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 a {
  color: #333;
  display: inline-block;
}

.globalStock .sub_briefing .sub_mid.research_board .lst_type2 a:hover {
  text-decoration: underline;
}

/* 알림 리스트 */
.globalStock .alarmArea {
  box-sizing: border-box;
  overflow: auto;
}

.globalStock .alarmArea.schFocus {
  display: block;
  border-bottom: 1px solid #e2e2e2;
}

.globalStock .alarmArea .filter_list {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  margin-top: var(--spacing-xl);
  margin: 0 !important;
  padding: 20px 0 !important;
}
.globalStock .alarmArea .filter_list .swiper-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.globalStock .alarmArea .filter_list .swiper-slide:last-child {
  margin-right: var(--spacing-xl) !important;
}
.globalStock .alarmArea .filter_list .swiper-slide .filter_btn,
.globalStock .alarmArea .filter_list .swiper-slide .filterBtn_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  border-radius: var(--radius-xxl);
  border: 1px solid var(--color-border-primary);
  padding: 7px 16px;
  box-sizing: border-box;
  color: var(--color-text-secondary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xl);
  letter-spacing: var(--letter-spacing-tight);
}
.globalStock .alarmArea .filter_list .swiper-slide .filter_btn.active,
.globalStock .alarmArea .filter_list .swiper-slide .filterBtn_link.active {
  background: var(--color-text-primary);
  color: var(--color-bg-primary);
  font-weight: var(--font-weight-semibold);
  border-color: transparent;
}
.globalStock .alarmArea .filter_list .filter_btn {
  background-color: #fff;
}
.globalStock .alarmArea .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
  padding: 0 15px !important;
}
.globalStock .alarmArea .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.globalStock .alarmArea .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.globalStock .alarmArea .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}
.globalStock .alarmArea .filter_box_inner .txt_box {
  width: 100%;
  padding-bottom: 16px;
}
.globalStock .alarmArea .filter_box_inner .txt_box .title {
  color: var(--Font-primary-title, #1F242B);
  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);
}

.globalStock .alarmArea .alarmList li {
  padding: 13px 15px;
}
.globalStock .alarmArea .alarmList li > a {
  display: block;
}
.globalStock .alarmArea .alarmList li span.title {
  display: inline-block;
  width: calc(100% - 100px);
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 14px;
  color: #939393;
}
.globalStock .alarmArea .alarmList li span.title i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: top;
}
.globalStock .alarmArea .alarmList li span.title i.note {
  background-image: url("/img/icon_list_note.svg");
}
.globalStock .alarmArea .alarmList li span.title i.recom {
  background-image: url("/img/icon_list_recom.svg");
}
.globalStock .alarmArea .alarmList li span.title i.interest {
  background-image: url("/img/icon_list_interest.svg");
}
.globalStock .alarmArea .alarmList li span.title i.event {
  background-image: url("/img/icon_list_event.svg");
}
.globalStock .alarmArea .alarmList li span.day {
  color: #939393;
  display: inline-block;
  width: 95px;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 300;
}
.globalStock .alarmArea .alarmList li span.sum {
  display: block;
  padding-left: 21px;
  color: #333;
  margin-top: 10px;
  box-sizing: border-box;
  line-height: 1.67;
  font-size: 0.9375rem;
  font-weight: 400;
  word-break: break-all;
  word-wrap: break-word;
  visibility: hidden;
}
.globalStock .alarmArea .alarmList li span.sum .lock_icon {
  display: inline-flex;
  width: 9.64px;
  height: 12.64px;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px);
  margin-right: 3px;
}
.globalStock .alarmArea .alarmList li span.sum a {
  color: #333;
  font-size: 0.9375rem;
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .alarmArea .alarmList li span.sum a.int_link {
  color: #333;
  text-decoration: underline;
}
.globalStock .alarmArea .alarmList li .group {
  width: calc(100% - 15px);
  margin: 5px auto 0;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #f7f8f9;
}
.globalStock .alarmArea .alarmList li .group li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
  padding: 11px 0;
  padding-left: 22px;
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: -0.35px;
  line-height: 1.42;
  color: #333;
  word-break: break-all;
  border-bottom: 1px solid #E0E4E9;
}
.globalStock .alarmArea .alarmList li .group li:last-of-type {
  border-bottom: none;
}
.globalStock .alarmArea .alarmList li .group li.buy {
  background: url("/img/group_buy.svg") no-repeat 2px 16px;
}
.globalStock .alarmArea .alarmList li .group li.sell {
  background: url("/img/group_sell.svg") no-repeat 2px 16px;
}
.globalStock .alarmArea .alarmList li .group li b {
  display: inline-flex;
  align-items: center;
  gap: 2px 2px;
  position: relative;
  font-weight: bold;
  font-size: 0.9375rem;
  color: #333;
  padding-right: 8px;
}
.globalStock .alarmArea .alarmList li .group li b::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #404fc3;
  border-right: 1px solid #404fc3;
}

.btn_schRecipeSet {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0 3px;
  position: relative;
  margin-top: 23px;
  padding: 3px 10px;
  border-radius: 8px;
  border: solid 1px #9c99a3;
  background-color: #fff;
  font-size: 0.8125rem;
  line-height: 1.46;
  letter-spacing: -0.65px !important;
  color: #7b7881;
}
.btn_schRecipeSet::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/icon_schSet.svg") no-repeat center center;
  background-size: contain;
  position: relative;
  top: -1px;
}

.class_filter {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  margin: 8px auto 0;
  box-sizing: border-box;
}
.class_filter label {
  width: 100%;
  font-size: 0.75rem;
  color: #333;
}

.filter_nodata {
  margin: 20px 0 0;
  border-radius: 20px;
  background: #f7f8f9 url("/img/bg_nodata.png") no-repeat center 50px;
  box-sizing: border-box;
  padding-top: 240px;
  padding-bottom: 15px;
  text-align: center;
}
.filter_nodata .txt {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
}

.sub_mid.recipe_view .filter_nodata {
  background-color: #fff !important;
}

.family_banner {
  padding: 35px 15px 0;
}

.family_banner .bannerSwiper {
  padding-bottom: 30px;
}

.family_banner .bannerSwiper img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.swipe_banner, .swipe_bannertemp, .swipe_banner_btm {
  position: relative;
  margin: 20px 16px 0;
}
.swipe_banner .swiper-slide, .swipe_bannertemp .swiper-slide, .swipe_banner_btm .swiper-slide {
  justify-content: flex-start;
  width: auto;
  visibility: hidden;
}
.swipe_banner .swiper-slide.swiper-slide-active, .swipe_bannertemp .swiper-slide.swiper-slide-active, .swipe_banner_btm .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.swipe_banner .swiper-pagination, .swipe_bannertemp .swiper-pagination, .swipe_banner_btm .swiper-pagination {
  visibility: hidden;
  left: auto;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  padding: 3px 8px;
  border-radius: var(--Radius-r-07, 100px);
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}
.swipe_banner .swiper-pagination.swiper-pagination-fraction, .swipe_bannertemp .swiper-pagination.swiper-pagination-fraction, .swipe_banner_btm .swiper-pagination.swiper-pagination-fraction {
  visibility: visible;
}
.swipe_banner .swiper-pagination span, .swipe_bannertemp .swiper-pagination span, .swipe_banner_btm .swiper-pagination span {
  letter-spacing: 1px;
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
}
.swipe_banner .banner, .swipe_bannertemp .banner, .swipe_banner_btm .banner {
  display: flex;
  align-items: center;
  gap: 4px 12px;
  width: 100%;
  height: 84px;
  padding: 18px 20px;
  box-sizing: border-box;
  border-radius: var(--Spacing-s-06, 16px);
  background: #ECEFFD;
}
.swipe_banner .banner .event_belt, .swipe_bannertemp .banner .event_belt, .swipe_banner_btm .banner .event_belt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  width: 93px;
  margin-left: auto;
  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);
}
.swipe_banner .banner .img, .swipe_bannertemp .banner .img, .swipe_banner_btm .banner .img {
  position: relative;
  display: inline-flex;
  background-color: #fff;
  width: 48px;
  height: 48px;
}
.swipe_banner .banner .img.bg_trans, .swipe_bannertemp .banner .img.bg_trans, .swipe_banner_btm .banner .img.bg_trans {
  background-color: transparent;
}
.swipe_banner .banner .img .event_belt, .swipe_bannertemp .banner .img .event_belt, .swipe_banner_btm .banner .img .event_belt {
  position: absolute;
  left: -33px;
  top: -5px;
  display: inline-flex;
  border-radius: 100px;
  background: var(--Yellow-yellow500, #FFD120);
  padding: 3px 6px;
  color: var(--Gray-gray800, #24282C);
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  transform: rotate(-30deg);
}
.swipe_banner .banner .txt_flx, .swipe_bannertemp .banner .txt_flx, .swipe_banner_btm .banner .txt_flx {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
}
.swipe_banner .banner .banner_text, .swipe_bannertemp .banner .banner_text, .swipe_banner_btm .banner .banner_text {
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}
.swipe_banner .banner .banner_title, .swipe_bannertemp .banner .banner_title, .swipe_banner_btm .banner .banner_title {
  color: var(--Gray-gray800, #24282C);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}

.mid {
  /* 다른 iframe은 다른 비율 적용 가능 */
}
.mid iframe[src*="youtube.com"] {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  margin: 15px auto;
}
.mid iframe:not([src*="youtube.com"]) {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}

/* 알림 푸쉬 설정 */
.globalStock .sub_alarm .alarm_from {
  padding: 40px 20px;
  border-bottom: 8px solid var(--Background-fill-background, #F7F8FA);
}
.globalStock .sub_alarm .alarm_from:has(.premium_banner) {
  padding-top: 20px;
}
.globalStock .sub_alarm .alarm_from .h2_title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.globalStock .sub_alarm .alarm_from .h2_title .day {
  margin-left: auto;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-12, 14px); /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .form_box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px 8px;
  margin-top: 18px;
}
.globalStock .sub_alarm .alarm_from .label {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  width: 100%;
}
.globalStock .sub_alarm .alarm_from .label .label_chk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .label .label_chk > label {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .label .label_chk .premium_item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--Yellow-yellow100, #FFF6D2);
  color: var(--Yellow-yellow700, #DFB513);
  font-family: Pretendard;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.globalStock .sub_alarm .alarm_from .label .label_chk .premium_item i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/premium_item.svg") no-repeat center center;
  background-size: contain;
  margin-right: 2px;
}
.globalStock .sub_alarm .alarm_from .toggleWrap {
  margin-left: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.globalStock .sub_alarm .alarm_from .toggleWrap input[type=checkbox] {
  display: none;
}
.globalStock .sub_alarm .alarm_from .toggleWrap label {
  display: block;
  width: 48px;
  height: 24px;
  padding: 2px 0;
  background: #e6e7f4;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
}
.globalStock .sub_alarm .alarm_from .toggleWrap label span {
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 7px;
  width: 7px;
  height: 1px;
  background-color: #333;
}
.globalStock .sub_alarm .alarm_from .toggleWrap a {
  display: contents;
  cursor: pointer;
}
.globalStock .sub_alarm.read span.sum {
  color: #d3d3d3;
}
.globalStock .sub_alarm.read span.sum a {
  color: #d3d3d3;
}
.globalStock .sub_alarm .alarm_time {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  width: 100%;
  padding: 40px 20px;
  box-sizing: border-box;
  border-bottom: 8px solid var(--Background-fill-background, #F7F8FA);
}
.globalStock .sub_alarm .alarm_time:has(.premium_banner) {
  padding-top: 20px;
}
.globalStock .sub_alarm .alarm_time .h2_title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.globalStock .sub_alarm .alarm_time .h2_title .day {
  margin-left: auto;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-12, 14px); /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_time .set_time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1px 1px;
  margin-left: auto;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Blue-blue100, #ECF0FF);
}
.globalStock .sub_alarm .alarm_time .set_time p {
  color: var(--Font-primary-blue, #4168F6);
  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);
}

@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; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
/* =============================================================================
   🎯 CATCH STYLES - 종목 캐치 스타일 (라인 1-1000)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _catch.scss
   - 종목 캐치 관련 스타일
   - 차트 캐치
   - 데이터 영역
   ============================================================================= */
/**** 종목 캐치 *****/
.globalStock .catch_wrap {
  padding: 22px 15px 0;
}

.globalStock .sub_catch .txt_box {
  background: #fff;
  padding: 12px 15px;
}

.globalStock .sub_catch .txt_box .txt {
  color: #939393;
  font-size: 0.9375rem;
  line-height: 20px;
}

.globalStock .catch_wrap .catch_guide {
  color: #333;
  font-size: 0.9rem;
  line-height: 26px;
}

.globalStock .catch_wrap .catch_guide + .guide_txt {
  display: block;
  margin-top: 15px;
  font-size: 0.75rem;
  color: #939393;
  line-height: 16px;
}

.globalStock .catch_wrap .catch_guide .terms_btn {
  float: right;
  vertical-align: top;
  width: 76px;
  background: #404fc3;
  border-radius: 3px;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  padding: 7px 5px;
  box-sizing: border-box;
}

.globalStock .catch_wrap .chart_catch {
  margin-top: 20px;
}

.globalStock .catch_wrap .chart_catch .data_area {
  padding: 12px 0 0;
  position: relative;
  background: #404fc3;
  border-radius: 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.globalStock .catch_wrap .chart_catch .data_area .menu-trigger span {
  background: #333;
}

.globalStock .catch_wrap .chart_catch .data_area .title {
  display: inline-block;
  height: 24px;
  color: #fff;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}

.globalStock .catch_wrap .chart_catch .data_area .title a {
  color: #fff;
  font-size: 1.25rem;
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .catch_wrap .chart_catch .data_area .title a i.attention {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url("/img/heart_attention.svg") no-repeat 0 1px;
  margin-right: 5px;
}

.globalStock .catch_wrap .chart_catch .data_area .title a i.attention.on {
  background-position: 0 -24px;
}

.globalStock .catch_wrap .chart_catch .data_area .info {
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 17px;
}

.globalStock .catch_wrap .chart_catch .data_area .info .sum,
.globalStock .catch_wrap .chart_catch .data_area .info .sum span {
  color: rgba(255, 255, 255, 0.6705882353);
  font-size: 0.75rem;
  line-height: normal;
}

.globalStock .catch_wrap .chart_catch .data_area .detail {
  padding: 0 15px;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li {
  display: inline-block;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per {
  color: #333;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per b {
  font-weight: normal;
  opacity: 0.7;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num {
  font-weight: 500;
  font-size: 1.2rem;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num span {
  color: #fff;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num span b {
  color: #fff;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.per {
  margin-left: 5px;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num .increase,
.globalStock .catch_wrap .chart_catch .data_area .detail li.num .increase span,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .increase,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .increase span {
  display: inline-block;
  color: #ff2929;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num .increase b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.num .increase span b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .increase b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .increase span b {
  font-weight: normal;
  color: #ff2929;
  opacity: 1;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num .decrease,
.globalStock .catch_wrap .chart_catch .data_area .detail li.num .decrease span,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .decrease,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .decrease span {
  display: inline-block;
  color: #0094FF;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.num .decrease b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.num .decrease span b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .decrease b,
.globalStock .catch_wrap .chart_catch .data_area .detail li.per .decrease span b {
  font-weight: normal;
  color: #0094FF;
  opacity: 1;
}

.globalStock .catch_wrap .chart_catch .data_area .detail li.day {
  color: rgba(255, 255, 255, 0.6705882353);
  font-weight: 400;
  font-size: 0.78rem;
  float: right;
  margin-top: 5px;
}

.globalStock .catch_wrap .chart_catch .data_area .go_page {
  position: absolute;
  top: 12px;
  right: 0;
  z-index: 80;
}

.globalStock .catch_wrap .chart_catch .data_area .go_page .more {
  padding: 5px 15px 0 0;
  display: inline-block;
}

.globalStock .catch_wrap .chart_catch .data_area .go_page .more img {
  display: inline-block;
}

.globalStock .catch_wrap .chart_catch .data_area .go_page .quarter {
  display: inline-block;
  color: #fff;
  font-size: 0.75rem;
  padding: 3px 5px;
  text-align: center;
  vertical-align: top;
  margin-right: 5px;
}

.globalStock .catch_wrap .chart_catch .data_area .go_page .quarter.recom {
  background: #f47474;
  border-radius: 7px;
  padding: 6px 8px 5px;
}

.globalStock .catch_wrap .chart_catch .data_area .go_page .quarter.analysis {
  background: #FFC400;
  border-radius: 7px;
  padding: 6px 8px 5px;
}

.globalStock .catch_wrap .chart_catch .data_area .info_icon {
  background: #f8f8f8;
  padding: 10px 15px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .catch_wrap .chart_catch .data_area .info_icon li {
  display: inline-block;
  padding: 5px 7px;
  text-align: center;
  background: #F4F4F5;
  border-radius: 12px;
  margin-bottom: 5px;
  font-size: 0.7rem;
  color: #8891d7;
  border: 1px solid #d2d5ed;
}

.globalStock .catch_wrap .chart_catch .data_area .info_icon li a {
  display: inline-block;
  color: #8891d7;
}

.globalStock .catch_wrap .chart_catch .data_area .area {
  background: #fff;
  margin: 17px 0 0;
  padding: 0 15px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .containerS1 {
  height: 110px;
  display: inline-block;
  width: calc(50% + 50px);
  vertical-align: top;
  box-sizing: border-box;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score {
  display: inline-block;
  width: calc(50% - 65px);
  vertical-align: top;
  padding-left: 7px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .score {
  display: block;
  text-align: center;
  padding: 16px 0 6px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .score strong {
  display: inline-block;
  color: #333;
  font-size: 1.4rem;
  padding-right: 3px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 17px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line {
  border-bottom: 3px solid #c3c3c3;
  position: relative;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph .g_action {
  position: absolute;
  left: 0;
  top: -5px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #404fc3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph .g_action::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action {
  position: absolute;
  left: 0;
  top: -7px;
  margin-left: -32px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4 url("/img/graph_prm.png") no-repeat 0 0;
  background-size: 100% auto;
  width: 60px;
  height: 19px;
  border-radius: 3px;
  font-size: 0;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action::after {
  display: none;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action {
  position: absolute;
  left: 0;
  top: -18px;
  margin-left: -37px;
  z-index: 2;
  display: inline-block;
  background: #E6E7F4;
  background-size: 100% auto;
  width: 76px;
  height: 38px;
  border-radius: 3px;
  font-size: 0;
  text-align: center;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action::after {
  content: "밸류에이션 데이터 부족";
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.7rem;
  left: 2px;
  top: 4px;
  width: 70px;
  height: 30px;
  background: none;
  border-radius: 10px;
  line-height: 1.43;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation {
  z-index: 1;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li {
  color: #333;
  font-size: 0.7rem;
  position: absolute;
  top: 14px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li::before {
  content: "";
  position: absolute;
  top: -18px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #c3c3c3;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li:nth-child(1) {
  left: 0;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li:nth-child(2) {
  left: 50%;
  margin-left: -17px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li:nth-child(3) {
  right: 0;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li:nth-child(1)::before {
  left: 0;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li:nth-child(2)::before {
  left: 16px;
}

.globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .evaluation li:nth-child(3)::before {
  right: 0;
}

.globalStock .catch_wrap .chart_catch .attention {
  display: inline-block;
  color: #333;
  font-size: 0.82rem;
  margin: 11px 0 25px;
  line-height: 18px;
  padding-left: 7px;
}

.globalStock .catch_wrap .chart_catch .attention i {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 18px;
  height: 16px;
  background: url("/img/heart_attention.svg") no-repeat 0 1px;
  background-size: auto 34px;
  margin-right: 5px;
}

.globalStock .catch_wrap .chart_catch .attention.on i {
  background-position: 0 -19px;
}

.globalStock .catch_wrap .chart_catch .attention span {
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .catch_wrap .chart_catch .attention + .same_selt {
  display: inline-block;
  padding-left: 5px;
  color: #333;
  font-size: 0.82rem;
  line-height: 18px;
}

.globalStock .catch_wrap .chart_catch .attention + .same_selt a {
  display: inline-block;
  color: #8891d7;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  vertical-align: middle;
}

.globalStock .catch_wrap .no_data {
  margin-top: 20px;
  border-radius: 20px;
  background: #fff url("/img/bg_nodata.png") no-repeat center 70px;
  box-sizing: border-box;
  padding-top: 220px;
  padding-bottom: 20px;
  text-align: center;
}

.globalStock .catch_wrap .no_data .box {
  margin: 0 auto;
  width: calc(100% - 30px);
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #e6e7f4;
  padding: 20px 15px;
  text-align: center;
}

.globalStock .catch_wrap .no_data .box .title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  font-weight: bold;
}

.globalStock .catch_wrap .no_data .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockB.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .catch_wrap .no_data .box .txt {
  margin-top: 9px;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .catch_wrap .no_data .box .btn_free {
  margin-top: 15px;
  display: inline-block;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.84rem;
  font-weight: bold;
  padding: 6px 15px;
}

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

.globalStock .catch_wrap .no_data .box .go_link {
  display: inline-block;
  color: #608bff;
  font-size: 0.75rem;
  text-decoration: underline;
  margin-top: 10px;
}

.globalStock .catch_wrap .no_data .service_title {
  font-size: 0.9375rem;
  border-bottom: none;
  text-align: left;
  margin-bottom: 15px;
  line-height: 1.43;
}

.globalStock .catch_wrap .no_data .service_title strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .catch_wrap .no_data .guide_txt.bg_blue {
  padding: 22px 15px;
  background: #E6E7F4;
  margin: 20px auto 0;
  width: calc(100% - 20px);
  box-sizing: border-box;
  border-radius: 12px;
}

.globalStock .catch_wrap .no_data .guide_txt li.title {
  color: #939393;
  font-size: 0.82rem;
  padding-left: 0;
  text-align: left;
  line-height: 1.43;
  margin-bottom: 6px;
}

.globalStock .catch_wrap .no_data .btnArea {
  text-align: center;
  margin-top: 20px;
  padding: 0 15px;
}

.globalStock .catch_wrap .no_data .btnArea .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: calc(100% - 140px);
}

.globalStock .catch_wrap .no_data .btnArea .btn_cncl {
  margin-right: 5px;
}

.globalStock .catch_wrap .no_data .btnArea .btn_save {
  color: #fff;
  background: #404fc3;
  padding-right: 30px;
}

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

.globalStock .catch_wrap .chart_catch_wrap {
  position: relative;
}

.globalStock .catch_wrap .weeks_free {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  box-shadow: 0px -30px 21px 0px rgba(255, 255, 255, 0.9);
  z-index: 90;
}

.globalStock .catch_wrap .weeks_free .box {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--Font-primary-blue, #4168F6);
  padding: 30px 15px;
  text-align: center;
  display: grid;
  grid-template-columns: auto 140px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .catch_wrap .weeks_free .box {
    grid-template-columns: auto 110px;
  }
}
.globalStock .catch_wrap .weeks_free .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
}

.globalStock .catch_wrap .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .catch_wrap .weeks_free .box .left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.globalStock .catch_wrap .weeks_free .box .right {
  display: inline-block;
  vertical-align: top;
}

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

.globalStock .catch_wrap .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: 500;
  padding: 8px 12px;
}

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

.globalStock .catch_wrap .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_menu .sub_top {
  background: #fff;
  padding: 38px 23px 26px;
}

.globalStock .sub_menu .sub_top .hm {
  position: absolute;
  right: 13px;
  top: 13px;
}

.globalStock .sub_menu .sub_top .hm .alarm {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  display: none;
}

.globalStock .sub_menu .sub_top .hm .alarm img {
  display: inline-block;
  height: 16px;
}

.globalStock .sub_menu .sub_top .hm .alarm i {
  display: inline-block;
  background: #ff2929;
  width: 4px;
  height: 4px;
  position: absolute;
  top: -5px;
  right: -4px;
  border-radius: 50%;
  font-size: 0;
  vertical-align: top;
}

.globalStock .sub_menu .sub_top .hm .go_sch {
  display: inline-block;
  margin-left: 10px;
  width: 16px;
  height: 16px;
}

.globalStock .sub_menu .sub_top .hm .go_sch img {
  display: inline-block;
  width: 16px;
}

.globalStock .sub_menu .sub_top .login {
  color: #333;
  font-size: 1.25rem;
  display: inline-block;
}

.globalStock .sub_menu .sub_top .login .user_name {
  font-weight: bold;
  display: inline-block;
  max-width: 172px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  position: relative;
  top: -2px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_menu .sub_top .login .user_name {
    max-width: 145px;
    line-height: 21px;
  }
}
.globalStock .sub_menu .sub_top .login .mem_rank {
  color: #82929f;
  font-size: 0.9375rem;
}

.globalStock .sub_menu .sub_top .login p .btn_logout {
  font-size: 0.9375rem;
  color: #608BFF;
  margin-left: 4px;
  display: inline-block;
  text-decoration: underline;
}

.globalStock .sub_menu .sub_top .logout {
  display: inline-flex;
  align-items: center;
  gap: 8px 16px;
}
.globalStock .sub_menu .sub_top .logout .btn_join {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  color: #FFF;
  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);
}
.globalStock .sub_menu .sub_top .logout .btn_join:active {
  transform: translate(2px, 2px);
}
.globalStock .sub_menu .sub_top .logout .btn_login {
  margin-left: auto;
  padding: 0 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--Font-primary-body, #24282C);
  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);
}
.globalStock .sub_menu .sub_top .logout .btn_login:active {
  transform: translate(2px, 2px);
}

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

.globalStock .sub_menu .sub_top .logout p a {
  color: #608BFF;
  text-decoration: underline;
}

.globalStock .sub_menu .sub_top .logout p {
  font-size: 1.25rem;
  display: inline-block;
  text-align: left;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.4rem;
}

.globalStock .sub_menu .sub_top .menu_list {
  font-size: 0;
  margin: 28px 0 30px;
  padding: 0 10px 0 3px;
  display: flex;
  justify-content: space-between;
}

.globalStock .sub_menu .sub_top .menu_list li {
  text-align: center;
  display: inline-block;
}

.globalStock .sub_menu .sub_top .menu_list li a {
  color: #333;
  font-size: 0.9rem;
  display: inline-block;
  padding-top: 38px;
  font-weight: 300;
}

.globalStock .sub_menu .sub_top .menu_list li:nth-child(1) a {
  background: url("/img/icon_menu_list_on.png") no-repeat 13px 0;
  background-size: auto 26px;
}

.globalStock .sub_menu .sub_top .menu_list li:nth-child(2) a {
  background: url("/img/icon_menu_list_on.png") no-repeat -79px 2px;
  background-size: auto 26px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_menu .sub_top .menu_list li:nth-child(1) a {
    background-position-x: 7px;
  }
  .globalStock .sub_menu .sub_top .menu_list li:nth-child(2) a {
    background-position-x: -81px;
  }
}
.globalStock .sub_menu .sub_top .menu_list li:nth-child(3) a {
  background: url("/img/icon_menu_list_on.png") no-repeat -190px 0;
  background-size: auto 26px;
}

.globalStock .sub_menu .sub_top .menu_list li:nth-child(4) a {
  background: url("/img/icon_menu_list_on.png") no-repeat calc(100% - 2px) 0;
  background-size: auto 26px;
}

.globalStock .sub_menu .sub_top .menu_list li.inactive a {
  opacity: 0.5;
}

.globalStock .sub_menu .sub_top .payBtn {
  text-align: center;
  margin-top: 28px;
}

.globalStock .sub_menu .sub_top .btn {
  color: var(--Font-primary-blue, #4168F6);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
  border-radius: 5px;
  position: relative;
  width: 100%;
}

.globalStock .sub_menu .sub_top .btn_save {
  color: var(--Font-primary-blue, #4168F6);
  background: #d8dbff url("/img/more_white.png") no-repeat calc(100% - 15px) 50%;
  border: 1px solid #d8dbff;
}

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

.globalStock .sub_menu .sub_mid .menu_link {
  font-size: 0;
  padding: 25px 0 15px;
  margin: 0 auto;
  width: calc(100% - 45px);
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_menu .sub_mid .menu_link:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.globalStock .sub_menu .sub_mid .menu_link .sum {
  color: #939393;
  font-size: 0.83rem;
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
}

.globalStock .sub_menu .sub_mid .menu_link .txt {
  color: #333;
  font-size: 0.9375rem;
  padding-left: 0;
  display: block;
}

.globalStock .sub_menu .sub_mid .menu_link .txt a {
  color: #333;
  font-size: 0.9375rem;
  display: block;
  background: url("/img/more_gray.svg") no-repeat calc(100% - 5px) 50%;
  line-height: 2.33;
}

.globalStock .sub_menu .sub_mid .menu_link .txt.dub_a {
  background: url("/img/more_Black.png") no-repeat calc(100% - 5px) 50%;
}

.globalStock .sub_menu .sub_mid .menu_link .txt.dub_a a {
  display: inline-block;
  background: none;
}

.globalStock .sub_menu .sub_mid .menu_link .family_app {
  display: inline-block;
  width: 33.3333333333%;
  text-align: center;
  margin-bottom: 20px;
}

.globalStock .sub_menu .sub_mid .menu_link .family_app span {
  color: #333;
  font-size: 12px;
  display: block;
  text-align: center;
}

.globalStock .sub_menu .sub_mid .menu_link .family_app span.app_logo {
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #E1E5EF;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 7px;
  box-sizing: border-box;
}

.globalStock .sub_menu .sub_mid .menu_link .family_app span.app_logo img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_menu .settings_more {
  display: inline-flex;
  align-items: center;
  background: #f4f4f5;
  border-radius: 3px;
  margin-left: 15px;
  padding: 7px 10px;
  text-align: center;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_menu .settings_more {
    padding: 5px 8px;
  }
}

.globalStock .sub_menu .settings_more span {
  color: #333;
  font-size: 0.75rem;
  vertical-align: top;
  box-sizing: border-box;
}

@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; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
/********************/
/* =============================================================================
   🔐 LOGIN & MEMBER STYLES - 로그인/회원가입 스타일 (라인 1-3000)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _login.scss
   - 로그인 관련 스타일
   - 회원가입 관련 스타일
   - SNS 로그인
   ============================================================================= */
/**** 로그인/회원가입 *****/
/********************/
/* 로그인 - 회원로그인 */
.globalStock .sub_login .loign {
  padding: 9px 15px 20px;
}

.globalStock .sub_login .loign .login_title {
  color: #333;
  font-weight: bold;
  font-size: 1.9rem;
}

.globalStock .sub_login .loign .sns_loign {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #333;
}

.globalStock .sub_login .loign .att_service {
  /* padding: 10px 0; */
  text-align: center;
}

.globalStock .sub_login .loign .att_service .service_title {
  font-size: 1.875rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: -1.5px;
  text-align: left;
}

.globalStock .sub_login .loign .att_service .service_title strong {
  color: #333;
  font-weight: bold;
}

.globalStock .sub_login .loign .att_service .guide_txt {
  text-align: left;
  margin-top: 10px;
  padding-bottom: 25px;
}

.globalStock .sub_login .loign .att_service .guide_txt li {
  color: #939393;
  font-size: 0.75rem;
  padding-left: 10px;
  line-height: 1.6;
}

.globalStock .sub_login .loign .att_service .guide_txt li.title {
  color: #333;
  font-size: 0.82rem;
  padding-left: 0;
}

.globalStock .sub_login .loign .att_service .guide_txt li.title .go_mam {
  color: #608BFF;
  font-size: 0.82rem;
  padding-left: 0;
  text-decoration: underline;
}

.globalStock .sub_login .loign .sns {
  margin-top: 14px;
  text-align: center;
}

.globalStock .sub_login .loign .sns li {
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

.globalStock .sub_login .loign .sns li a {
  position: relative;
  display: block;
  padding: 19px 20px 19px 44px;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #fff;
}

.globalStock .sub_login .loign .sns li.sns_n a {
  background-color: #00cf5d;
}

.globalStock .sub_login .loign .sns li.sns_n a i,
.globalStock .sub_login .loign .sns li.sns_K a i {
  content: "";
  position: absolute;
  left: calc(50% - 67px);
  top: 20px;
  width: 22px;
  height: 22px;
}

.globalStock .sub_login .loign .sns li.sns_K a {
  background-color: #FEE501;
  color: #391b1a;
}

.globalStock .sub_login .loign .sns li.sns_n a i {
  background: url("/img/icon_sns_n.svg") no-repeat left top;
}

.globalStock .sub_login .loign .sns li.sns_K a i {
  top: 22px;
  left: calc(50% - 68px);
  background: url("/img/icon_sns_k.svg") no-repeat left top;
}

.globalStock .sub_login .loign .sns li a,
.globalStock .sub_login .loign .sns li a img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_login .loign .att_service:nth-of-type(2) {
  padding: 0;
  text-align: left;
  margin-top: 0;
}

.globalStock .sub_login .loign .att_service:nth-of-type(2) .service_title {
  font-size: 0.9375rem;
  border-bottom: none;
  padding-bottom: 9px;
}

.globalStock .sub_login .loign .att_service:nth-of-type(2) .service_title strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_login .loign .att_service:nth-of-type(2) .guide_txt.bg_blue {
  padding: 22px 15px;
  background: #e6e7f4;
  margin-top: 0;
}

.globalStock .sub_login .loign .att_service:nth-of-type(2) .guide_txt li.title {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 2px 0;
  color: #333;
}
.globalStock .sub_login .loign .att_service:nth-of-type(2) .guide_txt li.title b {
  color: #333;
}

.globalStock .sub_login .loign .btn_channel {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.46;
  color: #939393;
  text-decoration: underline;
}

/* 로그인 - 아이디체크 */
.globalStock .sub_login .loign_chk {
  padding: 15px 15px;
}
.globalStock .sub_login .loign_chk .login_title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #333;
}
.globalStock .sub_login .loign_chk .dup_sns {
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.25;
  color: #333;
}
.globalStock .sub_login .loign_chk .id_chk {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 16px;
  margin-top: 8px;
  border-radius: 16px;
  background-color: #f7f8f9;
  padding: 13px 24px;
  box-sizing: border-box;
  width: 100%;
}
.globalStock .sub_login .loign_chk .id_chk .sns_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.globalStock .sub_login .loign_chk .id_chk .sns_info {
  width: calc(100% - 50px);
  margin-top: 4px;
}
.globalStock .sub_login .loign_chk .id_chk.sns_n .sns_img {
  background-color: #00cf5d;
}
.globalStock .sub_login .loign_chk .id_chk.sns_n .sns_img img {
  display: block;
  height: 12px;
  width: 32px;
}
.globalStock .sub_login .loign_chk .id_chk.sns_k .sns_img {
  background-color: #FEE501;
}
.globalStock .sub_login .loign_chk .id_chk.sns_k .sns_img img {
  display: block;
  height: 15px;
  width: 32px;
}
.globalStock .sub_login .loign_chk .id_chk .sns_name {
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}
.globalStock .sub_login .loign_chk .id_chk .sns_chk {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #333;
}
.globalStock .sub_login .loign_chk.dup .sns_img,
.globalStock .sub_login .loign_chk.dup .sns_info {
  margin-top: 0;
}
.globalStock .sub_login .loign_chk.dup .id_chk {
  padding: 24px 24px 25px;
}
.globalStock .sub_login .loign_chk.dup .sns_name {
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}
.globalStock .sub_login .loign_chk.dup .sns_chk,
.globalStock .sub_login .loign_chk.dup .sns_phon {
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #333;
}
.globalStock .sub_login .agree_area {
  width: calc(100% - 30px);
  margin: 24px auto 0;
}
.globalStock .sub_login .agree_area .txt {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #333;
}
.globalStock .sub_login .agree_area .agree_from {
  margin-top: 16px;
}
.globalStock .sub_login .agree_area .agree_from .bg_gray {
  padding: 15px 0;
  border-radius: 12px;
  background-color: #f7f8f9;
}
.globalStock .sub_login .agree_area .agree_from .overseas_guide {
  margin-top: 5px;
  padding-left: 25px;
  font-size: 0.875rem;
  line-height: 1.14;
  color: #6a727b;
  text-align: left;
}
.globalStock .sub_login .agree_area .agree_from .free_sum,
.globalStock .sub_login .agree_area .agree_from .free_sum strong {
  color: #333;
  font-size: 0.9375rem;
  margin: 30px 0 15px;
  line-height: 1.3;
  vertical-align: middle;
}
.globalStock .sub_login .agree_area .agree_from .free_sum span {
  color: #ff2929;
  font-size: 0.84rem;
  margin-top: 7px;
  text-decoration: underline;
  vertical-align: middle;
}
.globalStock .sub_login .agree_area .agree_from .label {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 9px;
  background: #f7f8f9;
  border-radius: 9px;
  padding: 7px 21px 14px 16px;
}
.globalStock .sub_login .agree_area .agree_from .label .label_chk {
  position: relative;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.14;
  color: #6a727b;
  padding-left: 24px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .globalStock .sub_login .agree_area .agree_from .label .label_chk {
    letter-spacing: -0.03rem;
  }
}
.globalStock .sub_login .agree_area .agree_from .label .label_chk i {
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 9px;
  background: url("/img/icon_agreecheck.svg") no-repeat 0 100%;
  filter: grayscale(100%) opacity(30%);
}
.globalStock .sub_login .agree_area .agree_from .label.active .label_chk i {
  filter: grayscale(0%) opacity(100%);
}
.globalStock .sub_login .agree_area .agree_from .label.active .label_chk .agree_area .agree_from .label .label_chk.sub_label {
  padding-left: 15px;
  padding-top: 10px;
  opacity: 0.5;
}
.globalStock .sub_login .agree_area .agree_from .label.active .label_chk.sub_label {
  opacity: 1;
}
.globalStock .sub_login .agree_area .agree_from .label .terms_btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.42;
  color: #939393;
  text-decoration: underline;
  padding: 2px 2px 2px 10px;
}
.globalStock .sub_login .agree_area .agree_from .payBtn {
  text-align: center;
  margin-top: 30px;
  padding: 0 15px;
}
.globalStock .sub_login .agree_area .agree_from .btn {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #fff;
  color: var(--Font-primary-blue, #4168F6);
  border-radius: 8px;
  position: relative;
  width: calc(50% + 60px);
}
.globalStock .sub_login .agree_area .agree_from .btn_save {
  color: #fff;
  background: var(--Font-primary-blue, #4168F6);
  transition: transform 100ms ease-in-out;
}
.globalStock .sub_login .agree_area .agree_from .btn_save:active {
  transform: scale(0.95);
  /* 버튼을 약간 축소 */
}
.globalStock .sub_login .agree_area .agree_from .btn_save i {
  position: absolute;
  right: 18px;
  top: 15px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

/* 회원가입시 휴대폰 번호 수집 */
.globalStock .sub_login .agree_area .new_free2week {
  padding-bottom: 5px;
  font-size: 15px;
  line-height: 1.37;
  letter-spacing: -0.75px;
  color: #333;
}

.globalStock .sub_login .agree_area .new_free2week strong {
  font-weight: bold;
}

.globalStock .sub_login .agree_area .new_free2week strong b {
  text-decoration: underline;
  color: #00aece;
}

.globalStock .sub_login .agree_area .agree_from .label.phone_label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 9px;
}

.globalStock .sub_login .agree_area .agree_from .label.phone_label .label_chk {
  width: 100%;
}

.globalStock .sub_login .agree_area .agree_from .label.phone_label .guide_txt {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
  padding: 3px 0 0 25px;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form {
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .box {
  padding: 0 20px 0 38px;
  background: #f7f8f9;
  position: relative;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .box:first-child {
  margin-top: 0;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .box:last-child {
  display: none;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput,
.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput_out {
  width: 100%;
  box-sizing: border-box;
  padding: 9.5px 16px;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput {
  color: #333;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput:focus {
  outline: none;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput:focus::-webkit-input-placeholder {
  color: transparent;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .dsc_error {
  text-align: center;
  margin-top: 6px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #f2333a;
}
.globalStock .sub_login .agree_area .agree_from .phonePin_form .dsc_overseas {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.58;
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .sub_login .agree_area .agree_from .phonePin_form .dsc_overseas a {
  padding-left: 5px;
  font-size: 0.75rem;
  line-height: 1.42;
  font-weight: 500;
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinBtn {
  cursor: pointer;
  position: absolute;
  right: 28px;
  top: 10px;
  outline: none;
  border: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.58;
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
  background-color: transparent;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinBtn.pin_req {
  display: block;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinBtn.pin_reqAgain {
  display: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.58;
  color: #939393;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput_out {
  margin-top: 8px;
  color: #333;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput_out:focus {
  outline: none;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput::-moz-placeholder, .globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput_out::-moz-placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput::placeholder,
.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput_out::placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinInput_out:focus::-webkit-input-placeholder {
  color: transparent;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pin_countDown {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
  text-align: center;
  width: calc(100% - 20px);
  margin-left: 20px;
  margin-top: 6px;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pin_countDown span {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pin_cncl {
  color: #333;
  text-decoration: underline;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pin_completion {
  cursor: pointer;
  position: absolute;
  right: 21px;
  top: 9px;
  height: 38px;
  width: 80px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.46;
  color: #d3d3d3;
  border: none;
  border-left: 1px solid #e0e4e9;
  outline: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: transform 100ms ease-in-out;
}
.globalStock .sub_login .agree_area .agree_from .phonePin_form .pin_completion:active {
  transform: scale(0.95);
  /* 버튼을 약간 축소 */
}

.globalStock .sub_login .agree_area .agree_from .payBtn {
  margin-top: 13px;
  background-color: #fff;
  padding: 0;
}

.globalStock .sub_login .agree_area .agree_from .txt_reject {
  background-color: #fff;
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: -0.6px;
  text-align: center;
  color: #82929f;
  padding-bottom: 15px;
  margin-top: 15px;
}

/* 로그인 - 가입완료 */
.globalStock .sub_login .loign_com {
  background: url("/img/bg_loign_com.png") no-repeat 98% 17px;
  padding: 245px 15px 30px;
}

.globalStock .sub_login .loign_com .login_title {
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2rem;
}

.globalStock .sub_login .loign_com .login_title strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_login .loign_com .txt {
  color: #333;
  font-size: 0.9375rem;
  margin-top: 13px;
  line-height: 1.43;
}

.globalStock .sub_login .loign_com .txt_sum {
  color: #333;
  font-size: 0.9rem;
  opacity: 0.7;
  margin-top: 7px;
  line-height: 1.43;
}

.globalStock .sub_login .loign_com .payBtn {
  text-align: center;
  margin-top: 45px;
}

.globalStock .sub_login .loign_com .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  border-radius: 5px;
  position: relative;
  width: 100%;
}

.globalStock .sub_login .loign_com .btn_save {
  color: #fff;
  background: #404fc3;
}

.globalStock .sub_login .loign_com .att_service {
  background: #e6e7f4;
  padding: 10px 15px;
  text-align: center;
  margin-top: 20px;
}

.globalStock .sub_login .loign_com .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;
}

.globalStock .sub_login .loign_com .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_login .loign_com .att_service .service_title strong span {
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
}

.globalStock .sub_login .loign_com .att_service .guide_txt {
  text-align: left;
  margin-top: 10px;
  padding-bottom: 10px;
}

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

.globalStock .sub_login .loign_com .att_service .guide_txt li.title {
  color: #939393;
  font-size: 0.82rem;
  padding-left: 0;
  margin-top: 15px;
  line-height: 1.4;
}

.globalStock .sub_login .phone_regbox {
  background: #e6e7f4;
  border-radius: 10px;
  padding: 15px 20px 21px;
  margin: 30px auto 20px;
}

.globalStock .sub_login .phone_regbox .title {
  font-size: 1.075rem;
  font-weight: bold;
  letter-spacing: -0.85px;
  text-align: left;
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_login .phone_regbox .txt {
  background: url("/img/dot_line.png") no-repeat 0 11px;
  padding-left: 10px;
  margin-top: 0;
  font-size: 0.9375rem;
  line-height: 1.67;
  letter-spacing: -0.75px;
  color: #333;
}

.globalStock .sub_login .phone_regbox .txt:first-child {
  margin-top: 15px;
}

.globalStock .sub_login .phone_regbox .txt i {
  display: inline-block;
  width: 12.5px;
  height: 15.5px;
  margin-right: 5px;
  background: url("/img/banner/icon_alarm2.png") no-repeat 0 0;
  background-size: 12.5px 15.5px;
  position: relative;
  top: 2px;
}

.globalStock .sub_login .phone_regbox .txt span {
  text-decoration: underline;
}

.globalStock .sub_login .phone_regbox .payBtn {
  margin-top: 20px;
}

.globalStock .sub_login .phone_regbox .payBtn .btn {
  width: calc(100% - 40px);
}

.globalStock .sub_login .link_home {
  text-align: center;
  margin: 15px auto 0;
}

.globalStock .sub_login .link_home a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px 7px;
  display: block;
  width: 100%;
  padding: 13px 5px;
  box-sizing: border-box;
  background-color: var(--Font-primary-blue, #4168F6);
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  border-radius: 5px;
  position: relative;
}
.globalStock .sub_login .link_home a b {
  color: #f0cc09;
}
.globalStock .sub_login .link_home a::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.globalStock .sub_login .link_home i {
  display: inline-block;
  width: 3px;
  height: 6px;
  padding: 0 1px;
  margin-right: 3px;
  background: url("/img/more_Black.png") no-repeat 0 0;
  background-size: 3px 6px;
  position: relative;
  top: -2px;
}

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

.globalStock .sub_login .loign_com .att_service.free_service .service_title {
  display: block;
  font-weight: bold;
}

.globalStock .sub_login .loign_com .att_service.free_service .service_title strong {
  display: inline-block;
  color: #ff2929;
  font-weight: normal;
  font-size: 0.9rem;
}

.globalStock .sub_login .loign_com .att_service.free_service .agree_area {
  width: 100%;
}

.globalStock .sub_login .loign_com .att_service.free_service .agree_area .agree_from {
  margin-top: 10px;
}

.globalStock .sub_login .loign_com .att_service.free_service .agree_area .agree_from .label .label_chk {
  width: 100%;
  line-height: 1.4;
}

.globalStock .sub_login .loign_com .att_service.free_service .agree_area .agree_from .label .label_chk i {
  top: 1px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table tr:last-child {
  border-bottom: none;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table th,
.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td {
  text-align: left;
  padding: 20px 0 14px;
  line-height: 1.2rem;
  font-weight: normal;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table th {
  color: #939393;
  font-size: 0.82rem;
  width: 90px;
  vertical-align: top;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .i_dsc {
  clear: both;
  float: none;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
  line-height: 14px;
  margin-top: 6px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .i_dsc i {
  position: relative;
  top: 2px;
  margin-right: 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/bg_x.png") no-repeat 0 0;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .i_dsc.phone {
  color: #ff2929;
  margin-top: 0;
  padding-top: 6px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .i_dsc.phone i {
  background-position: 0 100%;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .i_guide {
  clear: both;
  float: none;
  color: #333;
  margin-top: 0;
  padding-top: 6px;
  font-size: 0.75rem;
  display: block;
  line-height: 1.4;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .mod_btn {
  display: inline-block;
  border: 1px solid #404fc3;
  border-radius: 3px;
  width: 100px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
  text-align: center;
  padding: 5px 3px;
  box-sizing: border-box;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .mod_phone .txt_info {
  display: inline-block;
  padding-right: 5px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .certification_area {
  background: #e6e7f4;
  min-height: 58px;
  padding: 15px 15px;
  padding-left: 100px;
  margin-left: -100px;
  margin-top: 15px;
  box-sizing: border-box;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .certification_area .certifi_btn {
  float: left;
  vertical-align: top;
  background: #404fc3;
  color: #fff;
  font-size: 0.75rem;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  line-height: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .certification_area .phone_mod {
  float: left;
  vertical-align: top;
  border: none;
  height: 23px;
  line-height: 25px;
  width: 130px;
  padding: 0 5px;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .certifi_btn {
  float: left;
  vertical-align: top;
  background: #404fc3;
  color: #fff;
  font-size: 0.75rem;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  line-height: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.globalStock .sub_login .loign_com .att_service.free_service .mapage_form .form_table td .phone_mod {
  float: left;
  vertical-align: top;
  border: none;
  height: 25px;
  line-height: 25px;
  width: 130px;
  padding: 0 5px;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.globalStock .sub_login .btnArea.freeBtn {
  text-align: right;
  margin-top: 45px;
  position: relative;
}

.globalStock .sub_login .btnArea.freeBtn .btn {
  width: 60%;
}

.globalStock .sub_login .go_main {
  position: absolute;
  left: 15px;
  top: 12px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  text-decoration: underline;
}

.globalStock .sub_login .go_main i {
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-right: 3px;
  position: relative;
  top: 2px;
  background: url("/img/icon_home_on.png") no-repeat center center;
  background-size: 15px 14px;
}

/********************/
/* =============================================================================
   👤 MY INFO STYLES - 내정보 스타일 (라인 1088-6000)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _myinfo.scss
   - 내정보 관련 스타일
   - 회원정보
   - 서비스/결제내역
   - 회원탈퇴
   ============================================================================= */
/**** 내정보 *****/
/********************/
/* 내정보 - 회원정보 */
.form_table table {
  width: 100%;
  border: 0;
}

.form_table .item {
  position: relative;
}

.form_table .item .txt_info {
  display: inline-block;
  max-width: 250px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .form_table .item .txt_info {
    max-width: 200px;
  }
}
.form_table .item .i_help {
  position: absolute;
  top: 4px;
  right: 0;
}

.form_table .item .i_label {
  top: 6px;
  left: 10px;
}

.form_table .item .i_dsc {
  margin: 2px 0;
}

.form_table .item .i_check,
.form_table .item .i_radio {
  width: 13px;
  height: 13px;
  margin: 2px 5px 2px 0;
  padding: 0;
  vertical-align: middle;
}

.form_table .item .i_text {
  position: relative;
}

.form_table .item .hide {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
}

.form_table .item select {
  margin: 2px;
  font-size: 0.84rem;
}

.form_table .item label {
  margin: 0 10px 0 0;
  cursor: pointer;
  font-size: 0.84rem;
}

.globalStock .sub_login .mapage_area .mapage_form {
  padding: 5px 15px 0;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table tr:last-child {
  border-bottom: none;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table th,
.globalStock .sub_login .mapage_area .mapage_form .form_table td {
  text-align: left;
  padding: 20px 0 14px;
  line-height: 1.2rem;
  font-weight: normal;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table th {
  color: #939393;
  font-size: 0.82rem;
  width: 100px;
  vertical-align: top;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc {
  clear: both;
  float: none;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
  line-height: 14px;
  margin-top: 6px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc i {
  position: relative;
  top: 2px;
  margin-right: 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/bg_x.png") no-repeat 0 0;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc.email i {
  background: url("/img/banner/Icon_preinfo.png") no-repeat 0 0;
  background-size: 14px 14px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc.phone {
  color: #ff2929;
  margin-top: 0;
  padding-top: 6px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc.phone i {
  background-position: 0 100%;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc.phone_premium {
  color: var(--Font-primary-blue, #4168F6);
  margin-top: 0;
  padding-top: 6px;
  line-height: 1.4;
  letter-spacing: -0.6px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_dsc.phone_premium i {
  background: url("/img/banner/Icon_preinfo.png") no-repeat 0 0;
  background-size: 14px 14px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .i_guide {
  clear: both;
  float: none;
  color: #333;
  margin-top: 0;
  padding-top: 6px;
  font-size: 0.75rem;
  display: block;
  line-height: 1.4;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .mod_btn {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #404fc3;
  border-radius: 3px;
  width: 98px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
  text-align: center;
  padding: 5px 3px;
  box-sizing: border-box;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .mod_phone .txt_info {
  display: inline-block;
  padding-right: 5px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .certification_area {
  background: #e6e7f4;
  min-height: 58px;
  padding: 15px 15px;
  padding-left: 100px;
  margin-left: -100px;
  margin-top: 15px;
  box-sizing: border-box;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .certification_area .certifi_btn {
  float: left;
  vertical-align: top;
  background: #404fc3;
  color: #fff;
  font-size: 0.75rem;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  line-height: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .certification_area .phone_mod {
  float: left;
  vertical-align: top;
  border: none;
  height: 23px;
  line-height: 25px;
  width: 130px;
  padding: 0 5px;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .certifi_btn {
  float: left;
  vertical-align: top;
  background: #404fc3;
  color: #fff;
  font-size: 0.75rem;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  line-height: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .phone_mod {
  float: left;
  vertical-align: top;
  border: none;
  height: 25px;
  line-height: 25px;
  width: 117px;
  padding: 0 5px;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.globalStock .sub_login .mapage_area .mapage_form .agree_area .agree_from {
  margin-top: 0;
}

.globalStock .sub_login .mapage_area .mapage_form .agree_area {
  width: 100%;
}

.globalStock .sub_login .mapage_area .mapage_form .agree_area .agree_from .label {
  padding: 10px 20px 10px 12px;
  background-color: #f7f8f9;
}

.globalStock .sub_login .mapage_area .mapage_form .agree_area .agree_from .label .label_chk {
  width: 100%;
}

.globalStock .sub_login .modBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px 8px;
  text-align: center;
  margin-top: 30px;
  padding: 0 15px;
}
.globalStock .sub_login .modBtn .btn {
  position: relative;
  display: block;
  margin: 19px auto 0;
  padding: 19px 0;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
}
.globalStock .sub_login .modBtn .btn_save {
  display: block;
  margin: 19px auto 0;
  padding: 19px 0;
  border-radius: 8px;
  background-color: var(--Font-primary-blue, #4168F6);
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
}
.globalStock .sub_login .modBtn .btn_cncl {
  background: #C7CCD1;
  border-color: #C7CCD1;
}

.globalStock .sub_login .withdrawal {
  padding: 0 15px;
  text-align: right;
  margin-top: 60px;
}

.globalStock .sub_login .btn_withdrawal {
  color: #939393;
  font-size: 0.83rem;
}

.globalStock .sub_login .btn_withdrawal i {
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("/img/more_Black.png") no-repeat 0 0;
  background-size: 6px 10px;
  margin-left: 10px;
}

/* 내정보 - 서비스/결제내역 */
.globalStock .sub_login .mapage_service {
  background: #f7f8f9;
  border-radius: 9px;
  margin: 26px auto 0;
  width: calc(100% - 30px);
  padding: 14px 10px 20px;
  box-sizing: border-box;
}

.globalStock .sub_login .mapage_service .service_table {
  width: 100%;
}

.globalStock .sub_login .mapage_service .service_table tr:nth-child(2) {
  border-top: 1px solid #E0E4E9;
}

.globalStock .sub_login .mapage_service .service_table th,
.globalStock .sub_login .mapage_service .service_table td {
  text-align: left;
  font-weight: normal;
  color: #333;
  font-size: 0.82rem;
  padding: 0 5px;
}

.globalStock .sub_login .mapage_service .service_table .service {
  font-weight: 500;
  padding-bottom: 12px;
  width: 110px;
}

.globalStock .sub_login .mapage_service .service_table .day {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  gap: 5px 5px;
  color: var(--Font-primary-blue, #4168F6);
  padding-left: 4px;
  padding-bottom: 3px;
  line-height: 1.3;
}
.globalStock .sub_login .mapage_service .service_table .day .pay_cacl {
  display: inline-block;
  color: #f2333a;
  position: relative;
  top: 6px;
  font-size: 0.75rem;
  border: 1px solid #f2333a;
  text-align: center;
  border-radius: 3px;
  padding: 4px 5px;
}
@media (max-width: 375px) {
  .globalStock .sub_login .mapage_service .service_table .day .pay_cacl {
    letter-spacing: -1px;
  }
}
.globalStock .sub_login .mapage_service .service_table .day .pay_cacl a {
  color: #f2333a;
}
@media (max-width: 375px) {
  .globalStock .sub_login .mapage_service .service_table .day .pay_cacl a {
    letter-spacing: -1px;
  }
}

.globalStock .sub_login .mapage_service .service_table .system {
  text-align: center;
  padding-top: 12px;
}

.globalStock .sub_login .mapage_service .service_table .system span {
  background-color: #fff;
  border: 1px solid #e0e4e9;
  border-radius: 13px;
  font-size: 0.75rem;
  padding: 5px 12px;
  display: inline-block;
}

.globalStock .sub_login .mapage_service .service_table .system .auto_cncl {
  cursor: pointer;
  display: inline-block;
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
  top: 6px;
  font-size: 0.75rem;
  border: 1px solid #404fc3;
  border-radius: 3px;
  padding: 3px 5px;
}

.globalStock .sub_login .mapage_service .service_table .num {
  padding-top: 6px;
}

.globalStock .sub_login .mapage_service .service_table .num span {
  color: #939393;
  display: inline-block;
  width: 68px;
}

.globalStock .sub_login .mapage_service .service_table .num strong {
  color: #333;
  font-weight: 500;
}

.globalStock .sub_login .mapage_service .service_table .num .card_ch {
  cursor: pointer;
  display: inline-block;
  background: #404fc3;
  margin-left: 5px;
  color: #fff;
  font-size: 0.75rem;
  border: 1px solid #404fc3;
  border-radius: 3px;
  padding: 3px 5px;
}

.globalStock .sub_login .mapage_service_free {
  background: #fff;
  border-radius: 9px;
  margin: 26px auto 0;
  width: calc(100% - 30px);
  padding: 17px 0;
  box-sizing: border-box;
}

.globalStock .sub_login .mapage_service_free .top {
  position: relative;
  padding: 0 10px 17px 10px;
}

.globalStock .sub_login .mapage_service_free .top .h2_freetitle {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .sub_login .mapage_service_free .top .h2_freetitle span {
  color: #939393;
  font-size: 0.75rem;
  font-weight: normal;
}

.globalStock .sub_login .mapage_service_free .top .day {
  color: #00aece;
  font-size: 0.75rem;
  margin-top: 5px;
}

.globalStock .sub_login .mapage_service_free .top .auto_cncl {
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  bottom: 17px;
  cursor: pointer;
  display: inline-block;
  color: #00aece;
  border: 1px solid #00aece;
  border-radius: 3px;
  padding: 5px 10px;
}

.globalStock .sub_login .mapage_service_free .mid {
  background: #eaf5f7;
  padding: 17px 10px;
}

.globalStock .sub_login .mapage_service_free .mid li {
  color: #939393;
  font-size: 0.75rem;
  line-height: 1.3;
  margin-bottom: 6px;
}

.globalStock .sub_login .mapage_service_free .mid ul:last-child {
  margin-top: 13px;
}

.globalStock .sub_login .mapage_service_free .mid ul:last-child li {
  background: url("/img/dot_line.png") no-repeat 0 8px;
  padding-left: 8px;
  color: #333;
}

.globalStock .sub_login .mapage_service_free .btm {
  padding: 17px 10px 0;
  position: relative;
}

.globalStock .sub_login .mapage_service_free .btm .h3_freetitle {
  color: #333;
  font-size: 0.82rem;
}

.globalStock .sub_login .mapage_service_free .btm ul {
  margin-top: 10px;
}

.globalStock .sub_login .mapage_service_free .btm li {
  color: #939393;
  font-size: 0.82rem;
  line-height: 1.43;
}

.globalStock .sub_login .mapage_service_free .btm li span {
  color: #939393;
  width: 62px;
  display: inline-block;
}

.globalStock .sub_login .mapage_service_free .btm li strong {
  color: #333;
  padding-left: 10px;
  display: inline-block;
}

.globalStock .sub_login .mapage_service_free .btm .card_ch {
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  color: var(--Font-primary-blue, #4168F6);
  border: 1px solid #404fc3;
  border-radius: 3px;
  padding: 5px 10px;
}

.globalStock .sub_login .history_area {
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0 15px;
}

.globalStock .sub_login .history_area .history_table {
  width: 100%;
  border-top: 2px solid #D3D3D3;
}

.globalStock .sub_login .history_area .history_table th,
.globalStock .sub_login .history_area .history_table td {
  padding: 9px 1px;
  color: #939393;
  font-size: 0.82rem;
  text-align: center;
  font-weight: normal;
  line-height: 1.3;
}

.globalStock .sub_login .history_area .history_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_login .history_area .history_table th:nth-child(2),
.globalStock .sub_login .history_area .history_table th:nth-child(3) {
  text-align: right;
  padding-right: 6px;
}

.globalStock .sub_login .history_area .history_table td:first-child {
  text-align: center;
}

.globalStock .sub_login .history_area .history_table td {
  text-align: right;
}

.globalStock .sub_login .history_area .history_table td:nth-child(2),
.globalStock .sub_login .history_area .history_table td:nth-child(3) {
  color: #333;
}

.globalStock .sub_login .history_area .history_table td .in {
  color: #939393;
  display: block;
  padding-top: 2px;
  line-height: 1.3;
}

.globalStock .sub_login .history_area .history_table .btn_payCan {
  cursor: pointer;
  display: inline-block;
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
  top: 6px;
  border: 1px solid #404fc3;
  border-radius: 3px;
  padding: 5px 10px;
}

.globalStock .pay_edt .mapage_form {
  padding: 0;
}

.globalStock .pay_edt .form_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .pay_edt .form_table tr:last-child {
  border-bottom: none;
}

.globalStock .pay_edt .form_table th,
.globalStock .pay_edt .form_table td {
  text-align: left;
  padding: 7px 0;
  line-height: 1.2rem;
  font-weight: normal;
}

.globalStock .pay_edt .form_table th {
  color: #939393;
  font-size: 0.82rem;
  width: 100px;
}

.globalStock .pay_edt .form_table td {
  color: #333;
  font-size: 0.9375rem;
}

.globalStock .pay_edt .form_table td .certification_area {
  background: #e6e7f4;
  padding: 15px 15px;
  margin-left: -100px;
  margin-top: 20px;
  box-sizing: border-box;
}

.globalStock .pay_edt.pay_edt_02_2 .form_table td .certification_area {
  max-height: 110px;
  overflow: scroll;
}

.globalStock .pay_edt .form_table td .certification_area .service_title {
  color: #333;
  font-size: 0.9rem;
  margin-bottom: 15px;
}

.globalStock .pay_edt .form_table td .certification_area .txt {
  background: url("/img/dot_line.png") no-repeat 0 8px;
  padding-left: 8px;
  color: #939393;
  font-size: 0.84rem;
  line-height: 1.4;
  margin-top: 7px;
  word-break: normal;
  word-wrap: break-word;
}

.globalStock .pay_edt .form_table td .certification_area .refund_terms {
  cursor: pointer;
  display: inline-block;
  padding-left: 8px;
  margin-top: 7px;
  color: #06c;
  font-size: 0.75rem;
  text-decoration: none;
}

.globalStock .pay_edt .form_table td .certification_area .go_link {
  display: block;
  color: #608bff;
  text-decoration: underline;
  font-size: 0.82rem;
  text-align: right;
  margin-top: 7px;
}

.globalStock .pay_edt .form_table td .certification_area .go_link i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/icon_moreR.png") no-repeat 0 100%;
  background-size: auto;
  padding: 4px 3px;
  box-sizing: border-box;
  position: relative;
  top: 1px;
}

.globalStock .pay_edt .form_table .label_chk {
  cursor: pointer;
  color: #333;
  font-size: 0.82rem;
  margin-top: 15px;
}

.globalStock .pay_edt .form_table .label_chk i {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -2px;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background: url("/img/icon_agreecheck.svg") no-repeat 0 100%;
  filter: grayscale(100%) opacity(30%);
}

.globalStock .pay_edt .form_table .label_chk.active i {
  filter: grayscale(0%) opacity(100%);
}

.globalStock .pay_edt .btnArea.edtBtn {
  margin-top: 25px;
  margin-bottom: 15px;
}

.globalStock .pay_edt .form_table .tr_num {
  width: 100%;
  height: 28px;
  color: #333;
  font-size: 0.9375rem;
  border: none;
  border-radius: 3px;
  padding: 0 5px 0 10px;
  box-sizing: border-box;
}

.globalStock .pay_edt .form_table .tr_num::-moz-placeholder {
  color: #939393;
}

.globalStock .pay_edt .form_table .tr_num::placeholder {
  color: #939393;
}

.globalStock .pay_edt .form_table td .i_dsc.phone {
  color: #ff2929;
  margin-top: 0;
  padding-top: 6px;
  clear: both;
  float: none;
  font-size: 0.75rem;
  line-height: 14px;
}

.globalStock .sub_login .notice_freetxt {
  padding: 0 15px;
  margin-top: 35px;
}

.globalStock .sub_login .notice_freetxt .service_title {
  color: #333;
  font-size: 0.9rem;
  margin-bottom: 15px;
}

.globalStock .sub_login .notice_freetxt .title {
  background: url("/img/dot_line.png") no-repeat 0 8px;
  padding-left: 8px;
  color: #939393;
  font-size: 0.84rem;
  line-height: 1.4;
  margin-top: 10px;
}

.globalStock .sub_login .notice_freetxt .title strong {
  color: #939393;
}

.globalStock .sub_login .notice_freetxt .title span {
  color: #939393;
  text-decoration: underline;
}

.globalStock .sub_login .payment_note {
  background: none;
  padding: 0;
  border-top: 1px solid #E0E4E9;
  margin-top: 15px;
}

.globalStock .sub_login .payment_note .note .mod_btn {
  display: inline-block;
  border: 1px solid #404fc3;
  border-radius: 3px;
  width: 80px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.75rem;
  margin-top: 7px;
  text-align: center;
  padding: 5px 3px;
  box-sizing: border-box;
}

.globalStock .sub_login .payment_note .note li {
  color: #939393;
  font-size: 0.84rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

.globalStock .sub_login .payBtn .btn {
  width: 74%;
}

.globalStock .sub_login .mapage_area .payBtn {
  text-align: center;
  margin: 28px 15px 0;
}

.globalStock .sub_login .mapage_area .btn {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.69rem;
  border-radius: 5px;
  position: relative;
  width: 100%;
}

.globalStock .sub_login .mapage_area .btn_save {
  color: var(--Font-primary-blue, #4168F6);
  background: #d8dbff url("/img/more_white.png") no-repeat calc(100% - 15px) 50%;
  border: 1px solid #d8dbff;
}

.globalStock .sub_login .mapage_area .btn_save strong {
  color: var(--Font-primary-blue, #4168F6);
}

/* 내정보 - 회원탈퇴 */
.globalStock .sub_login .withdrawal_com {
  padding: 5px 20px 25px;
}

.globalStock .sub_login .withdrawal_com .h2_title {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 28px;
}

.globalStock .sub_login .withdrawal_com .h2_title strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: normal;
}

.globalStock .sub_login .withdrawal_com .txt {
  color: #333;
  font-size: 1.25rem;
  line-height: 1.35;
}

.globalStock .sub_login .withdrawal_com .txt strong {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: normal;
}

.globalStock .sub_login .withdrawal_com .att_service {
  background: #e6e7f4;
  padding: 16px 12px;
  text-align: left;
  margin-top: 20px;
  border-radius: 5px;
}

.globalStock .sub_login .withdrawal_com .att_service .guide_txt .h3_title {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 10px;
}

.globalStock .sub_login .withdrawal_com .att_service .guide_txt .h3_title strong {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_login .withdrawal_com .att_service .guide_txt .term {
  font-size: 0.75rem;
  color: #333;
}

.globalStock .sub_login .withdrawal_com .att_service .guide_txt .payment_bd {
  margin-top: 15px;
  font-size: 0.75rem;
  display: inline-block;
  color: var(--Font-primary-blue, #4168F6);
  border: 1px solid #404fc3;
  border-radius: 3px;
  padding: 5px 10px;
}

.globalStock .sub_login .withdrawal_com .att_service + .withdrawal_freetxt {
  margin-top: 30px;
}

.globalStock .sub_login .withdrawal_com .withdrawal_freetxt {
  padding: 0;
  margin-top: 40px;
}

.globalStock .sub_login .withdrawal_com .withdrawal_freetxt .service_title {
  color: #333;
  font-size: 0.9rem;
  margin-bottom: 15px;
}

.globalStock .sub_login .withdrawal_com .withdrawal_freetxt .title {
  background: url("/img/dot_line.png") no-repeat 0 8px;
  padding-left: 8px;
  color: #939393;
  font-size: 0.84rem;
  line-height: 1.4;
  margin-top: 10px;
}

.globalStock .sub_login .withdrawal_com .withdrawal_freetxt .title strong {
  color: #939393;
  text-decoration: underline;
}

.globalStock .sub_login .withdrawal_com .withdrawal_freetxt .title span {
  color: #939393;
  text-decoration: underline;
}

.globalStock .sub_login .withdrawal_com .wtwalBtn {
  text-align: right;
  margin-top: 30px;
}

.globalStock .sub_login .withdrawal_com .wtwalBtn .btn_ssin {
  min-width: auto;
  padding: 11px 15px;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  width: calc(100% - 30px);
  color: #FFF;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.globalStock .setting_pop.card_edt #pay_cncl.setting_area {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  border: solid 3px #404fc3;
  transform: translate(-50%, -70%);
}

.globalStock .setting_pop.card_edt .txt {
  text-align: center;
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.3rem;
}

.globalStock .setting_pop.card_edt .btnArea {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #E0E4E9;
}

.globalStock .setting_pop.card_edt .btnArea .btn {
  width: 90px;
  margin: 0 4px;
}

.globalStock .setting_pop.card_edt.pay_terms #pay_cncl.setting_area {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  border: solid 3px #404fc3;
  transform: translate(-50%, -50%);
}

.globalStock .setting_pop.card_edt.pay_terms .pop_con {
  overflow: scroll;
  height: 300px;
  padding-bottom: 30px !important;
}

.globalStock .setting_pop.card_edt.pay_terms .pop_con .txt dt {
  margin: 10px 0 5px;
  text-align: left;
  line-height: 1.43;
  color: #333;
  font-weight: bold;
  font-size: 0.9rem;
  vertical-align: top;
}

.globalStock .setting_pop.card_edt.pay_terms .pop_con .txt,
.globalStock .setting_pop.card_edt.pay_terms .pop_con .txt dd,
.globalStock .setting_pop.card_edt.pay_terms .pop_con .txt li {
  text-align: left;
  line-height: 1.43;
  color: #939393;
  font-size: 0.84rem;
  vertical-align: top;
}

.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;
}

.loader_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 92;
}

.loader {
  position: fixed;
  left: 50%;
  top: 40%;
  width: 75px;
  height: 100px;
  z-index: 92;
  transform: translate(-50%, -50%);
}

.loader__bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: #fff;
  transform-origin: center bottom;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.loader__bar:nth-child(1) {
  left: 0px;
  transform: scale(1, 0.2);
  animation: barUp1 4s infinite;
}

.loader__bar:nth-child(2) {
  left: 15px;
  transform: scale(1, 0.4);
  animation: barUp2 4s infinite;
}

.loader__bar:nth-child(3) {
  left: 30px;
  transform: scale(1, 0.6);
  animation: barUp3 4s infinite;
}

.loader__bar:nth-child(4) {
  left: 45px;
  transform: scale(1, 0.8);
  animation: barUp4 4s infinite;
}

.loader__bar:nth-child(5) {
  left: 60px;
  transform: scale(1, 1);
  animation: barUp5 4s infinite;
}

.loader__ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  animation: ball 4s infinite;
}
@keyframes ball {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px);
  }
  17% {
    transform: translate(23px, -24px);
  }
  20% {
    transform: translate(30px, -20px);
  }
  27% {
    transform: translate(38px, -34px);
  }
  30% {
    transform: translate(45px, -30px);
  }
  37% {
    transform: translate(53px, -44px);
  }
  40% {
    transform: translate(60px, -40px);
  }
  50% {
    transform: translate(60px, 0);
  }
  57% {
    transform: translate(53px, -14px);
  }
  60% {
    transform: translate(45px, -10px);
  }
  67% {
    transform: translate(37px, -24px);
  }
  70% {
    transform: translate(30px, -20px);
  }
  77% {
    transform: translate(22px, -34px);
  }
  80% {
    transform: translate(15px, -30px);
  }
  87% {
    transform: translate(7px, -44px);
  }
  90% {
    transform: translate(0, -40px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes barUp1 {
  0% {
    transform: scale(1, 0.2);
  }
  40% {
    transform: scale(1, 0.2);
  }
  50% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.2);
  }
}
@keyframes barUp2 {
  0% {
    transform: scale(1, 0.4);
  }
  40% {
    transform: scale(1, 0.4);
  }
  50% {
    transform: scale(1, 0.8);
  }
  90% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 0.4);
  }
}
@keyframes barUp3 {
  0% {
    transform: scale(1, 0.6);
  }
  100% {
    transform: scale(1, 0.6);
  }
}
@keyframes barUp4 {
  0% {
    transform: scale(1, 0.8);
  }
  40% {
    transform: scale(1, 0.8);
  }
  50% {
    transform: scale(1, 0.4);
  }
  90% {
    transform: scale(1, 0.4);
  }
  100% {
    transform: scale(1, 0.8);
  }
}
@keyframes barUp5 {
  0% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.2);
  }
  90% {
    transform: scale(1, 0.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* 메인 최상단 배너 event banner */
.globalStock .top_banner {
  position: relative;
}

.globalStock .top_banner.event {
  display: block;
  margin-bottom: 10px;
}

.globalStock .top_banner.event a.event_btn,
.globalStock .top_banner.event a.event_btn img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.globalStock .top_banner.event .btn_day {
  display: inline-block;
  font-size: 0.75rem;
  color: #fff;
  opacity: 0.5;
  position: absolute;
  right: 40px;
  top: 9px;
  vertical-align: top;
}

.globalStock .top_banner.event .btn_day input {
  vertical-align: top;
  position: relative;
  top: -1px;
}

.globalStock .top_banner.event .btn_close {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 7px;
  vertical-align: top;
}

.globalStock .top_banner.event .btn_close i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/event_clse.png") no-repeat right 2px;
  background-size: 10px 10px;
  vertical-align: top;
  padding-left: 5px;
}

.globalStock .top_banner.event .btn_close img {
  display: inline-block;
  width: 12px;
  height: 12px;
}

/* 메인 최상단 짧은 배너 weeks_free3 */
.globalStock .weeks_free3 {
  background: #def0d8;
  padding: 16px 15px;
  position: relative;
  text-align: center;
}
.globalStock .weeks_free3 p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.globalStock .weeks_free3 p a {
  vertical-align: middle;
  color: #3f775e;
  font-size: 0.84rem;
  letter-spacing: -0.03rem;
  font-weight: bold;
  text-decoration: underline;
}
.globalStock .weeks_free3 p a.btn_close {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #3f775e;
  text-decoration: none;
}
.globalStock .weeks_free3 p a.btn_close img {
  display: inline-block;
  height: 13px;
}

/* 메인 최상단 짧은 배너 서비스장애 */
.globalStock .limit_banner {
  background: #FFD5DD;
  padding: 10px 15px;
  margin-bottom: 5px;
  position: relative;
  text-align: center;
}

.globalStock .limit_banner p,
.globalStock .limit_banner p a {
  color: #333;
  font-size: 0.8125rem;
  line-height: 1.34;
  font-weight: normal;
  letter-spacing: -0.03rem;
}

.globalStock .limit_banner p a {
  color: #FF3178;
  font-weight: bold;
  text-decoration: underline;
}

.globalStock .limit_banner p .btn_close {
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 12px;
  color: #3f775e;
  text-decoration: none;
}

/* 메인 최상단 짧은 배너 알림서비스 */
.globalStock .notice_banner {
  background: #e6e7f4;
  padding: 10px 15px;
  position: relative;
  text-align: center;
}

.globalStock .notice_banner .txt {
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #333;
  font-size: 0.75rem;
  vertical-align: top;
}

.globalStock .notice_banner .txt i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/banner/Icon_info.png") no-repeat 0 0;
  margin-bottom: 2px;
  margin-right: 3px;
  background-size: 14px 14px;
  vertical-align: middle;
}

.globalStock .notice_banner .txt b {
  font-weight: bold;
}

.globalStock .notice_banner .txt a {
  color: #608bff;
  margin-left: 5px;
  text-decoration: underline;
}

.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}

.md-perspective body {
  background: #222;
  perspective: 600px;
}

.container {
  background: #e74c3c;
  min-height: 100%;
}

/*****************************/
/**** 제휴사이트 민트칼라 ****/
/******** (팍스넷) ***********/
/*****************************/
.globalStock.mint {
  padding-bottom: 20px;
}

.globalStock.mint #footer {
  opacity: 0.2;
}

.globalStock.mint .log_chk .login p .user_name {
  color: #00aece;
}

.globalStock.mint .main_top.recommend_area .chart_area .chartGoal {
  background: #00aece;
}

.globalStock.mint .ptfo_recom {
  background: #cff7f7;
}

.globalStock.mint .ptfo_recom .ptfo_title {
  color: #00aece;
}

.globalStock.mint .ptfo_recom .more span {
  background: #00aece;
}

.globalStock.mint .swiper-pagination .swiper-pagination-bullet-active {
  background: #00aece;
}

.globalStock.mint .main_mid.attention_area .one_step .more {
  background: #00aece;
}

.globalStock.mint .main_mid.catch_area .bg_box {
  background: #00aece;
}

.globalStock.mint .main_mid.catch_area .weeks_free .box {
  background-color: #cff7f7;
}

.globalStock.mint .main_mid.catch_area .weeks_free .box .title {
  color: #00aece;
}

.globalStock.mint .main_mid.catch_area .weeks_free .box .btn_free {
  background-color: #00aece;
}

.globalStock.mint .main_mid.event_recipe .recipe_tabs li.active span {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint .main_btm.banner_area .banner_prm {
  background-color: #00aece;
}

.globalStock.mint .main_top.recommend_area .chart_area .chartGoal dd.prm_lock {
  background-color: #0187a7;
}

.globalStock.mint .main_mid.event_anay .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action {
  background-image: url("/img/graph_prmB_mint.gif");
}

.globalStock.mint .tab_area .tbas_lb.tabs_3 li a.active {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint .sub_recom .sub_top .right_area {
  background-color: #00aece;
}

.globalStock.mint .sub_recom .sub_top table.data_attainment tr:first-child th,
.globalStock.mint .sub_recom .sub_top table.data_attainment tr:nth-child(2) th,
.globalStock.mint .sub_recom .sub_top table.data_attainment tr:first-child td,
.globalStock.mint .sub_recom .sub_top table.data_attainment tr:nth-child(2) td {
  border-bottom: 1px solid #33bed8;
}

.globalStock.mint .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.active span {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint .sub_portfolio .detail_data {
  background-color: #00aece;
}

.globalStock.mint .sub_portfolio .detail_data .line {
  border-right: 1px solid #c7cbe9;
}

.globalStock.mint .sub_mid .btn_more a {
  color: #00aece;
}

.globalStock.mint .sub_recom .sub_mid.eventPicks_area .banner_prm {
  background-color: #00aece;
}

.globalStock.mint .gnb li.active a {
  color: #00aece;
}

.globalStock.mint .sub_analysis .sub_top .right_area {
  background-color: #00aece;
}

.globalStock.mint .sub_analysis .sub_top .right_area .charm_score {
  border-bottom: 1px solid #33bed8;
}

.globalStock.mint .sub_analysis .sub_mid.eventPicks_area .banner_prm {
  background-color: #00aece;
}

.globalStock.mint .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph .g_action {
  background-color: #0187a7;
}

.globalStock.mint .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action,
.globalStock.mint .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action {
  background-color: #E6E7F4;
}

.globalStock.mint .catch_wrap .catch_guide .terms_btn {
  background-color: #00aece;
}

.globalStock.mint .catch_wrap .no_data .service_title strong {
  color: #00aece;
}

.globalStock.mint .catch_wrap .no_data .btnArea .btn_save {
  background-color: #00aece;
}

.globalStock.mint .btnArea .btn {
  border: 1px solid #00aece;
}

.globalStock.mint .catch_wrap .chart_catch .data_area {
  background-color: #00aece;
}

.globalStock.mint .catch_wrap .chart_catch .attention + .same_selt a {
  color: #00aece;
}

.globalStock.mint .catch_wrap .weeks_free .box .btn_free {
  background-color: #00aece;
}

.globalStock.mint .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph .g_action {
  background-color: #0187a7;
}

.globalStock.mint .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action,
.globalStock.mint .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action {
  background-color: #E6E7F4;
}

.globalStock.mint .catch_wrap .weeks_free .box .title {
  color: #00aece;
}

.globalStock.mint .tab_area .tbas_lb.tabs_3 li a.active {
  color: #00aece !important;
  border-bottom: 2px solid #00aece !important;
}

.globalStock.mint .tab_area .tbas_lb.tabs_4 li a.active {
  color: #00aece !important;
  border-bottom: 2px solid #00aece !important;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .btn_schSet {
  background-color: #00aece;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .weeks_free .box {
  background-color: #cff7f7;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .weeks_free .box .title {
  color: #00aece;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .weeks_free .box .btn_free {
  background-color: #00aece;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .weeks_free .box .title i {
  background-image: url("/img/Icon_lockB_mint.png");
}

.globalStock.mint .sub_research .sub_mid.research_board .set span.active {
  color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .tabs_two li.active {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .one_step .more {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .btn_list a {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .att_service {
  background-color: #cff7f7;
}

.globalStock.mint .sub_search .latest_results .tabsArea .att_service .service_title {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .att_service .service_title strong {
  color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .weeks_free .box {
  background-color: #cff7f7;
}

.globalStock.mint .sub_search .latest_results .tabsArea .weeks_free .box .title i {
  background-image: url("/img/Icon_lockB_mint.png");
}

.globalStock.mint .sub_search .latest_results .tabsArea .weeks_free .box .title {
  color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .weeks_free .box .btn_free {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_guide .more {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_sample .box {
  background-color: #cff7f7;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_sample .box .title i {
  background-image: url("/img/Icon_lockB_mint.png");
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_sample .box .title {
  color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_sample .box .btn_free {
  background-color: #00aece;
}

.globalStock.mint .sub_recom .sub_top.view .chart_area .chartData .detail_data {
  background-color: #00aece;
}

.globalStock.mint .sub_recom .sub_top.view .chart_area .chartData .detail_data table th,
.globalStock.mint .sub_recom .sub_top.view .chart_area .chartData .detail_data table td {
  border-right: 1px solid #33bed8;
}

.globalStock.mint .sub_analysis .sub_mid.eventPicks_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action::after,
.globalStock.mint .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.no_value .g_action::after {
  color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .tab_container .tab_title {
  color: #00aece;
}

.globalStock.mint .gnb li.home.active i {
  background-image: url("/img/icon_home_on_mint.png");
}

.globalStock.mint .free_pop.md-modal #setting .pop_btm .btn_save {
  background-color: #00aece;
}

.globalStock.mint .catch_wrap .weeks_free .box {
  background-color: #cff7f7;
}

.globalStock.mint .sub_recom .sub_mid .tabsArea .tabs_two li.active {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint #onestep_chart1_1 tspan {
  fill: #00aece;
  color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_chart .average {
  background-color: #00aece;
  border: 1px solid #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_sample .sample_box {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope li a {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope .h3_title {
  color: #00aece;
}

.globalStock.mint .sub_analysis .sub_top.view .chart_area .chartData .detail_data {
  background-color: #00aece;
}

.globalStock.mint .sub_analysis .sub_top.view .chart_area .chartData .detail_data table th,
.globalStock.mint .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td {
  border-right: 1px solid #33bed8;
}

.globalStock.mint .sub_analysis .sub_mid.view .guide_area .title {
  color: #00aece;
}

.globalStock.mint .sub_game .gamePicks_area .game_list .list .game_data {
  background-color: #cff7f7;
}

.globalStock.mint .sub_game .gamePicks_area .game_list .list .game_data li.th {
  color: #00aece;
}

.globalStock.mint .sub_search .tabs_5 li.active a {
  color: #00aece;
  border-bottom: 2px solid #00aece;
}

.globalStock.mint .sub_search .tabs_3.tabs_depth2 li.active a {
  color: #00aece;
}

.globalStock.mint .sub_search .tabs_3.tabs_depth2 li.active::after {
  color: #00aece;
}

.globalStock.mint .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference .dt strong {
  color: #00aece;
}

.globalStock.mint .arrow_box.btm {
  background-color: #00aece;
  border: 4px solid #00aece;
}

.globalStock.mint .arrow_box.btm:after {
  border-top-color: #00aece;
}

.globalStock.mint .arrow_box.btm:before {
  border-top-color: #00aece;
}

.globalStock.mint .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .line .i_graph .g_action {
  background-color: #00aece;
}

.globalStock.mint .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box {
  background-color: #00aece;
}

.globalStock.mint .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .btn_free {
  color: #00aece;
}

.globalStock.mint .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .btn_free i {
  background-image: url("/img/more_Black.png");
}

.globalStock.mint .sub_search .sub_mid.tabs_area .compet_chart_uses .title strong {
  color: #00aece;
}

.globalStock.mint .sub_search .sub_mid .search_financials_area .tabs_menu span.active {
  color: #00aece;
}

.globalStock.mint .sub_search .sub_mid.tabs_area > .weeks_free .box {
  background-color: #00aece;
}

.globalStock.mint .sub_search .sub_mid.tabs_area > .weeks_free .box .btn_free {
  color: #00aece;
}

.globalStock.mint .sub_search .sub_mid.tabs_area > .weeks_free .box .btn_free i {
  background-image: url("/img/more_Black.png");
}

.globalStock.mint .sub_search .sub_mid.tabs_area .alloca_info .term strong {
  color: #00aece;
}

.globalStock.mint .sub_search .tabs_5 li.active:last-child {
  border-bottom: none;
}

.globalStock.mint .main_top.recommend_area .chart_area .chartGoal dd.increase,
.globalStock.mint .main_top.recommend_area .chart_area .chartGoal dd.increase b {
  color: #be0000;
  text-shadow: 0 0 2px #fff;
}

.globalStock.mint .main_top.recommend_area .chart_area .chartGoal dd.decrease,
.globalStock.mint .main_top.recommend_area .chart_area .chartGoal dd.decrease b {
  color: #1e1ec9;
  text-shadow: 0 0 2px #fff;
}

.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .decrease,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .decrease span,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .decrease b,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .decrease span b {
  color: #1e1ec9;
  text-shadow: 0 0 1px #fff;
}

.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .increase,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .increase span,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .increase b,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.per .increase span b {
  color: #be0000;
  text-shadow: 0 0 1px #fff;
}

.globalStock.mint .catch_wrap .chart_catch .data_area .info .sum,
.globalStock.mint .catch_wrap .chart_catch .data_area .info .sum span,
.globalStock.mint .catch_wrap .chart_catch .data_area .detail li.day {
  color: #7fd6e6;
}

.globalStock.mint .gnb li.menu a {
  font-size: 1rem;
  background: none;
  width: 40px;
}

.globalStock.mint #footer .notice {
  padding-top: 0;
}

.globalStock.mint #footer .notice .foot_info {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.globalStock.mint .sub_search .sub_mid .tab_diagnosis_area .charm_num.lately_allocation strong b {
  color: #00aece;
}

.globalStock.mint #container {
  padding: 0;
}

.globalStock.mint #container.sub_recom > .h2_title,
.globalStock.mint #container.sub_game > .h2_title,
.globalStock.mint #container.sub_catch > .h2_title {
  padding-top: 29px;
}

.globalStock.mint .log_chk {
  padding-top: 29px;
}

.globalStock.mint #container.sub_attract,
.globalStock.mint #container.sub_recipe,
.globalStock.mint #container.sub_research {
  padding-top: 29px;
}

.globalStock.mint #catch_cncl,
.globalStock.mint .md-modal {
  top: 194px;
}

.globalStock.mint .sub_attract .md-modal {
  top: 267px;
}

.globalStock.mint .catch_edt.catch_edt_03 #catch_cncl,
.globalStock.mint .catch_edt.catch_edt_03_2 #catch_cncl,
.globalStock.mint .catch_edt.catch_edt_03_3 #catch_cncl {
  top: 282px;
}

/* 제휴사이트 - 서비스안내,서비스FAQ */
.globalStock.mint .tab_area .tbas_lb.tabs_3 li a.active {
  border-bottom: 2px solid #404FC3;
  padding-bottom: 11px;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  position: relative;
  top: 1px;
}

.globalStock.mint .sub_service .tab_area .tbas_lb.tabs_3 li {
  width: 50%;
}

.globalStock.mint .sub_service .sub_top.service_t01 {
  background: #404FC3 url("/img/bg_service_alliance.png") no-repeat center bottom;
  background-size: 342px auto;
}

.globalStock.mint .sub_service .sub_top .h2_title {
  color: #fff;
  text-align: center;
  font-size: 1rem;
}

.globalStock.mint .sub_service .sub_top .h2_title strong {
  display: block;
  color: #fff;
  font-size: 1.9rem;
}

.globalStock.mint .sub_service .sub_top {
  padding-top: 37px;
  padding-bottom: 200px;
}

.globalStock.mint .sub_service .sub_con .servece_sum {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9rem;
  line-height: 1.43;
  font-weight: normal;
  padding: 19px 23px;
}

.globalStock.mint .sub_service .sub_con .sum {
  background: #fff;
  padding: 19px 23px;
}

.globalStock.mint .sub_service .sub_con .sum .title {
  position: relative;
  padding-left: 29px;
  box-sizing: border-box;
  margin-bottom: 20px;
  color: #333;
  font-size: 1.125rem;
  line-height: 1.28;
  letter-spacing: -0.9px;
  font-weight: normal;
}

.globalStock.mint .sub_service .sub_con .sum .title strong {
  font-weight: bold;
}

.globalStock.mint .sub_service .sub_con .sum .title i {
  position: absolute;
  left: 0;
  top: 1px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  font-size: 0.9375rem;
  text-align: center;
  line-height: 21px;
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock.mint .sub_service .sub_con .sum .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
  margin-bottom: 15px;
}

.globalStock.mint .sub_service .sub_con .sum .img_sum {
  margin-bottom: 55px;
  width: 100%;
  margin-left: -10px;
  text-align: center;
}

.globalStock.mint .sub_service .sub_con .sum .img_sum img {
  display: inline-block;
  width: auto;
  height: auto;
}

@media (min-width: 321px) and (max-width: 700px) {
  .globalStock.mint .sub_service .sub_con .sum .img_sum:nth-child(3) img {
    height: 201px;
  }
  .globalStock.mint .sub_service .sub_con .sum .img_sum:nth-child(6) img {
    height: 351px;
  }
  .globalStock.mint .sub_service .sub_con .sum .img_sum:nth-child(9) img {
    height: 201px;
  }
}
.globalStock.mint .sub_service .sub_con .tips {
  padding: 30px 23px;
}

.globalStock.mint .sub_service .sub_con .tips .title {
  margin-bottom: 8px;
  color: #333;
  font-size: 0.9rem;
  line-height: 1.43;
}

.globalStock.mint .sub_service .sub_con .tips .title i {
  display: inline-block;
  padding: 0 1px 2px 1px;
  font-style: normal;
  font-size: 0.9rem;
  color: var(--Font-primary-blue, #4168F6);
  margin-right: 4px;
  background: url("/img/bg_bbline.png") repeat-x 0 calc(100% + 7px);
}

.globalStock.mint .sub_service .sub_con .tips .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.46;
  margin-bottom: 24px;
}

.globalStock.mint .sub_service .sub_con .tips .img_sum {
  margin-bottom: 55px;
}

.globalStock.mint .sub_service .sub_con .tips .img_sum img {
  display: inline-block;
  width: 100%;
}

.globalStock.mint .sub_service .sub_con .banner_cho {
  background: #404fc3 url("/img/bg_banner_cho.png") no-repeat left bottom;
  background-size: auto 167px;
  padding: 30px 30px;
  text-align: right;
}

.globalStock.mint .sub_service .sub_con .banner_cho .b_title {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.44;
}

.globalStock.mint .sub_service .sub_con .banner_cho .b_title strong {
  display: inline-block;
  color: #1ee8be;
  background: url("/img/bg_bline.png") repeat-x 0 calc(100% + 6px);
}

.globalStock.mint .sub_service .sub_con .banner_cho .link_cho {
  margin-top: 20px;
  margin-right: 24px;
  display: inline-block;
  padding: 9px 14px;
  background-color: #222F94;
  border-radius: 19px;
  color: #1ee8be;
  font-size: 0.9rem;
  text-align: center;
}

.globalStock.mint .sub_service .sub_con .banner_cho .link_cho strong {
  color: #fff;
}

.globalStock.mint .sub_service .sub_con .banner_cho .link_cho 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.mint .sub_login .mapage_area .tab_area .tbas_lb.tabs_2 li a.active {
  color: #00aece !important;
  border-bottom: 2px solid #00aece !important;
}

.globalStock.mint .sub_search .search_top .data_area.fix_data,
.globalStock.mint .sub_recom .sub_top.view .chart_area .chartData.fix_data::before {
  background-color: #00aece;
}

/** 하단 레이어 팝업 **/
.globalStock.mint .first_month_3300.md-modal #setting .pop_header {
  background-color: #00AECE;
}

.globalStock.mint .first_month_3300.md-modal #setting .pop_con .tableRanking.type_compare .top_th span,
.globalStock.mint .first_month_3300.md-modal #setting .pop_btm .link_menu li:nth-child(1) a,
.globalStock.mint .sub_menu .sub_top .login p .btn_logout {
  color: #00AECE;
}

.globalStock.mint .first_month_3300.md-modal #setting .pop_btm .btn_save {
  background-color: #00AECE;
}

.globalStock.mint .event_1year.md-modal {
  top: 35% !important;
}

.globalStock.mint .first_month_3300.md-modal {
  top: 35% !important;
}

.globalStock.mint .sub_recipe .sub_mid.recipe_view .banner_prm {
  background-color: #00aece;
}

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

.globalStock.mint .main_btm.banner_area .banner_1yearevent {
  background-color: #00aece;
}

.globalStock.mint .main_btm.banner_area .banner_1yearevent .weeks_free {
  color: #fff97c;
}

.globalStock.mint .sub_recom .sub_mid.eventPicks_area .banner_1yearevent {
  background-color: #00aece;
}

.globalStock.mint .sub_recom .sub_mid.eventPicks_area .banner_1yearevent .weeks_free {
  color: #FFF97C;
}

.globalStock.mint .sub_search .sub_mid .tab_diagnosis_area .weeks_free.event_900 .box {
  background-color: #00aece;
}

.globalStock.mint .sub_search .sub_mid .tab_diagnosis_area .weeks_free.event_900 .box .btn_900 {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box {
  background-color: #00aece;
}

.globalStock.mint .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box .btn_900 {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

.globalStock.mint .sub_service .sub_mid .sub_con .weeks_free.event_900 .box {
  background-color: #00aece;
}

.globalStock.mint .sub_service .sub_mid .sub_con .weeks_free.event_900 .box .btn_900 {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

.globalStock.mint .sub_search .sub_mid.tabs_area > .weeks_free.event_900 .box {
  background-color: #00aece;
}

.globalStock.mint .sub_search .sub_mid.tabs_area > .weeks_free.event_900 .box .btn_900 {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

.globalStock.mint .sub_search .latest_results .tabsArea .weeks_free.event_900 .box {
  background-color: #00aece;
}

.globalStock.mint .sub_search .latest_results .tabsArea .weeks_free.event_900 .box .btn_900 {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

.globalStock.mint .catch_wrap .weeks_free.event_900 .box .btn_900 {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

.globalStock.mint .sub_search .att_wrap .btn_list a {
  background-color: #00aece;
  border: 1px solid #70D2E4;
  color: #FFF97C;
}

/************************************/
/**** //제휴사이트 민트칼라 종료 ****/
/************************************/
/*****************************/
/**** 제휴사이트 레드칼라 ****/
/******** (팍스넷) ***********/
/*****************************/
.globalStock.red {
  padding-bottom: 20px;
}

.globalStock.red #footer {
  display: none;
  opacity: 0.2;
}

.globalStock.red .paxtitle_area {
  width: calc(100% - 30px);
  margin: 15px auto;
}

.globalStock.red .paxtitle_area .pax_logo {
  height: 28px;
}

.globalStock.red .paxtitle_area .pax_logo img {
  display: inline-block;
  height: 22px;
}

.globalStock.red .paxtitle_area .pax_txt {
  line-height: 1.5;
  color: #939393;
  font-size: 0.9rem;
}

.globalStock.red .log_chk .login p .user_name {
  color: #646464;
}

.globalStock.red .main_top.recommend_area .chart_area .chartGoal {
  background: #646464;
}

.globalStock.red .btnArea .btn {
  border: 1px solid #646464;
}

.globalStock.red .tab_area .tbas_lb.tabs_3 li a.active {
  color: #fd5258 !important;
  border-bottom: 2px solid #fd5258 !important;
}

.globalStock.red .tab_area .tbas_lb.tabs_4 li a.active {
  color: #fd5258 !important;
  border-bottom: 2px solid #fd5258 !important;
}

.globalStock.red #footer .notice {
  padding-top: 0;
}

.globalStock.red #footer .notice .foot_info {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.globalStock.red #container {
  padding: 0;
}

.globalStock.red #container.sub_recom > .h2_title,
.globalStock.red #container.sub_game > .h2_title,
.globalStock.red #container.sub_catch > .h2_title {
  padding-top: 29px;
}

.globalStock.red .log_chk {
  padding-top: 29px;
}

.globalStock.red #container.sub_attract,
.globalStock.red #container.sub_recipe,
.globalStock.red #container.sub_research {
  padding-top: 29px;
}

.globalStock.red .sub_research .view_con,
.globalStock.red .sub_recipe .sub_top.view {
  margin-top: -29px;
}

.globalStock.red .gnb {
  display: none;
}

.globalStock.red .main_top.recommend_area .chart_area .chartGoal dd.prm_lock {
  background-color: #fd5258;
}

.globalStock.red .main_searching {
  margin-top: 20px;
}

.globalStock.red .ptfo_recom {
  border-radius: 14px;
  background-color: #c9c9c9;
}

.globalStock.red .ptfo_recom .ptfo_title {
  color: #646464;
}

.globalStock.red .ptfo_recom .more span {
  background-color: #fd5258;
}

.globalStock.red .swiper-pagination .swiper-pagination-bullet {
  background: #000;
}

.globalStock.red .swiper-pagination-bullet {
  opacity: 1;
}

.globalStock.red .swiper-pagination .swiper-pagination-bullet-active {
  background: #fd5258;
}

.globalStock.red .main_mid.attention_area .one_step .more {
  background-color: #fd5258;
}

.globalStock.red .main_mid.catch_area .bg_box {
  background-color: #fd5258;
}

.globalStock.red .main_mid.catch_area .weeks_free .box {
  background-color: #ececef;
}

.globalStock.red .main_mid.catch_area .weeks_free .box .title {
  color: #fd5258;
}

.globalStock.red .main_mid.catch_area .weeks_free .box .btn_free {
  background-color: #fd5258;
}

.globalStock.red .main_mid.event_recipe .recipe_tabs li.active span,
.globalStock.red .sub_recom .sub_mid .tabsArea .tabs_two li.active {
  color: #fd5258;
  border-bottom: 2px solid #fd5258;
}

.globalStock.red .main_btm.banner_area .banner_prm,
.globalStock.red .sub_recom .sub_mid.eventPicks_area .banner_prm,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope li a,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_sample .sample_box,
.globalStock.red .sub_service .alliance_wrap .sub_con .sum .title i {
  background-color: #fd5258;
}

.globalStock.red .sub_recom .sub_top .right_area {
  background-color: #646464;
}

.globalStock.red .sub_recom .sub_top table.data_attainment tr:first-child th,
.globalStock.red .sub_recom .sub_top table.data_attainment tr:nth-child(2) th,
.globalStock.red .sub_recom .sub_top table.data_attainment tr:first-child td,
.globalStock.red .sub_recom .sub_top table.data_attainment tr:nth-child(2) td {
  border-bottom: 1px solid #ff4950;
}

.globalStock.red .sub_recom .sub_mid.eventPicks_area .chart_area .chartGoal dd.prm_lock {
  background-color: #ffcacc;
  margin-left: 4px;
}

.globalStock.red .sub_mid .btn_more a {
  background-color: #fd5258;
  color: #fff;
  border: none;
}

.globalStock.red .sub_recom .sub_top.view .chart_area .chartData .detail_data,
.globalStock.red .sub_analysis .sub_top.view .chart_area .chartData .detail_data {
  background-color: #fd5258;
}

.globalStock.red .sub_recom .sub_top.view .chart_area .chartData .detail_data table th,
.globalStock.red .sub_recom .sub_top.view .chart_area .chartData .detail_data table td,
.globalStock.red .sub_analysis .sub_top.view .chart_area .chartData .detail_data table th,
.globalStock.red .sub_analysis .sub_top.view .chart_area .chartData .detail_data table td {
  border-right: 1px solid #fd6167;
}

.globalStock.red .sub_portfolio .detail_data {
  background-color: #fd5258;
}

.globalStock.red .sub_portfolio .detail_data .line {
  border-right: 1px solid #fd6167;
}

.globalStock.red .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.active span {
  color: #fd5258;
  border-bottom: 2px solid #fd5258;
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data {
  background-color: #fff;
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data li.th {
  color: #333;
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data ul::before {
  border-right: 1px dotted #999;
  left: 0;
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_event {
  width: 140px;
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data {
  width: calc(100% - 142px);
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data ul.score {
  width: calc(33.3333333333% - 10px);
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data ul.num {
  width: calc(33.3333333333% + 5px);
}

.globalStock.red .sub_game .gamePicks_area .game_list .list .game_data ul.trans {
  width: calc(33.3333333333% + 5px);
}

.globalStock.red .sub_game .gameSwiper .swiper-button-next,
.globalStock.red .sub_game .gameSwiper .swiper-button-prev {
  background-image: url("/img/swiper_btn_b.png");
}

.globalStock.red .sub_attract .sub_mid.attract_sub .btn_schSet {
  background-color: #fd5258;
}

.globalStock.red .btnArea.edtBtn .btn_save {
  background-color: #fd5258;
  border: none;
}

.globalStock.red .md-modal .sort li.active {
  background-color: #fd5258;
}

.globalStock.red .sub_attract .sub_mid.attract_sub .weeks_free .box,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_sample .box {
  background-color: #ffcacc;
}

.globalStock.red .sub_attract .sub_mid.attract_sub .weeks_free .box .title,
.globalStock.red .sub_search .latest_results .tabsArea .weeks_free .box .title,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_sample .box .title {
  color: #fd5258;
}

.globalStock.red .sub_attract .sub_mid.attract_sub .weeks_free .box .btn_free,
.globalStock.red .sub_search .latest_results .tabsArea .weeks_free .box .btn_free,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_guide .more,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_sample .box .btn_free {
  background-color: #fd5258;
}

.globalStock.red .sub_attract .sub_mid.attract_sub .weeks_free .box .title i,
.globalStock.red .sub_search .latest_results .tabsArea .weeks_free .box .title i,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_sample .box .title i {
  background: none;
}

.globalStock.red #catch_cncl,
.globalStock.red .md-modal {
  top: 50%;
}

.globalStock.red .sub_search .latest_results .tabsArea .tabs_two li.active,
.globalStock.red .sub_search .tabs_5 li.active a {
  color: #fd5258;
  border-bottom: 2px solid #fd5258;
}

.globalStock.red .sub_search .latest_results .tabsArea .one_step .more,
.globalStock.red .sub_search .latest_results .tabsArea .btn_list a {
  background-color: #fd5258;
}

.globalStock.red .sub_search .latest_results .tabsArea .att_service,
.globalStock.red .sub_search .latest_results .tabsArea .weeks_free .box {
  background-color: #ffcacc;
}

.globalStock.red .sub_search .latest_results .tabsArea .att_service .service_title {
  color: #fd5258;
  border-bottom: 2px solid #fd5258;
}

.globalStock.red .sub_search .latest_results .tabsArea .att_service .service_title strong {
  color: #fd5258;
}

.globalStock.red .catch_wrap .catch_guide .terms_btn {
  background-color: #fd5258;
}

.globalStock.red .catch_wrap .no_data .guide_txt.bg_blue {
  background: #fff;
  padding: 0 5px;
}

.globalStock.red .catch_wrap .no_data .service_title strong,
.globalStock.red .catch_wrap .chart_catch .attention + .same_selt a,
.globalStock.red .sub_research .sub_mid.research_board .set span.active,
.globalStock.red .sub_service .alliance_wrap .sub_con .tips .title i,
.globalStock.red .sub_search .sub_mid.tabs_area .alloca_info .term strong {
  color: #fd5258;
}

.globalStock.red .sub_service .alliance_wrap .sub_con .servece_sum {
  color: #333;
}

.globalStock.red .catch_wrap .no_data .btnArea .btn_save,
.globalStock.red .sub_recipe .sub_mid.recipe_view .banner_prm {
  background-color: #fd5258;
  border: none;
}

.globalStock.red .catch_wrap .weeks_free .box,
.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box {
  background-color: #ffcacc;
}

.globalStock.red .catch_wrap .weeks_free .box .title,
.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .title,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .title {
  color: #fd5258;
}

.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .title i,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .title i {
  background-image: none;
}

.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .txt,
.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .go_link,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .txt,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .go_link {
  opacity: 1;
}

.globalStock.red .catch_wrap .weeks_free .box .btn_free,
.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .btn_free,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .btn_free {
  background-color: #fd5258;
  color: #ffda0d;
}

.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .btn_free {
  color: #ffda0d;
}

.globalStock.red .sub_analysis .sub_mid.view .guide_area .title {
  color: #fd5258;
}

.globalStock.red .sub_search .sub_mid.tabs_area > .weeks_free .box .btn_free i,
.globalStock.red .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .btn_free i {
  background: url("/img/more_yel.png") no-repeat right 0;
  background-size: 6px 10px;
}

.globalStock.red .sub_search .tabs_3.tabs_depth2 li.active a,
.globalStock.red .sub_search .tabs_3.tabs_depth2 li.active::after,
.globalStock.red .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference .dt strong,
.globalStock.red .sub_search .sub_mid.tabs_area .compet_chart_uses .title strong,
.globalStock.red .sub_search .sub_mid .financecachart_area .tabs_menu span.active,
.globalStock.red .sub_search .sub_mid .search_financials_area .tabs_menu span.active,
.globalStock.red #onestep_chart1_1 tspan,
.globalStock.red .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results .hope .h3_title,
.globalStock.red .sub_search .latest_results .tabsArea .tab_container .tab_title {
  color: #fd5258;
  fill: #fd5258;
}

.globalStock.red .sub_search .latest_results .tabsArea .onestep_chart .average {
  background-color: #fd5258;
  border: 1px solid #fd5258;
}

.globalStock.red .sub_research .sub_mid.research_board .lst_type2.lst_lock dt.tit strong {
  background: url("/img/prm_tabsLock_red.png") no-repeat 0 2px;
  background-size: 12px 16px;
}

.globalStock.red .sub_search .search_top .data_area.fix_data,
.globalStock.red .sub_recom .sub_top.view .chart_area .chartData.fix_data::before {
  background-color: #fd5258;
}

.globalStock.red .arrow_box.btm {
  background-color: #fd5258;
  border: 4px solid #fd5258;
}

.globalStock.red .arrow_box.btm:before,
.globalStock.red .arrow_box.btm:after {
  border-top-color: #fd5258;
}

.globalStock.red .sub_search .sub_mid.tabs_area .value_chart .chart_analysis .line .i_graph .g_action {
  background-color: #fd5258;
}

.globalStock.red .sub_search .att_wrap .btn_list a {
  background-color: #fd5258;
  color: #fff;
  border: none;
}

.globalStock.red .sub_service .alliance_wrap .sub_con .banner_cho {
  background: #E56468 url("/img/px_bg_banner_cho.png") no-repeat left bottom;
  background-size: auto 167px;
}

.globalStock.red .sub_service .alliance_wrap .sub_con .banner_cho .b_title strong {
  display: inline-block;
  color: #FFFF00;
  background: url("/img/bg_rline.png") repeat-x 0 calc(100% + 6px);
}

.globalStock.red .sub_service .alliance_wrap .sub_con .banner_cho .link_cho {
  background-color: #D3292F;
  color: #FFFD00;
}

.globalStock.red .sub_service .alliance_wrap .sub_con .banner_cho .link_cho strong {
  color: #fff;
}

.globalStock.red .sub_service .alliance_wrap .sub_con .banner_cho .link_cho 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 .alliance_wrap .h_top {
  height: 40px;
  position: relative;
}

.globalStock .sub_service .alliance_wrap .h_top .headerTop {
  height: 40px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid #E0E4E9;
  padding: 3px 0;
}

.globalStock .sub_service .alliance_wrap .h_top .headerLogo a,
.globalStock .sub_service .alliance_wrap .h_top .headerLogo span {
  display: inline-block;
  vertical-align: top;
  line-height: 2.1rem;
  font-size: 1.2rem;
  color: #333;
  font-weight: normal;
  font-size: 1rem;
}

.globalStock .sub_service .alliance_wrap .h_top .his_back {
  position: absolute;
  left: 15px;
  top: 11px;
  width: 19px;
}

.globalStock .sub_service .alliance_wrap .h_top .his_back img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_service .alliance_wrap .tab_area .tbas_lb.tabs_3 li a.active {
  padding-bottom: 11px;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
  position: relative;
  top: 1px;
}

.globalStock .sub_service .alliance_wrap .sub_top.service_t01 {
  background: #404FC3 url("/img/bg_service_alliance.png") no-repeat center bottom;
  background-size: 342px auto;
  position: relative;
}

.globalStock .sub_service .alliance_wrap .box_02,
.globalStock .sub_service .alliance_wrap .box_03,
.globalStock .sub_service .alliance_wrap .box_04 {
  background-color: #fff;
}

.globalStock .sub_service .alliance_wrap .box_02 img,
.globalStock .sub_service .alliance_wrap .box_03 img,
.globalStock .sub_service .alliance_wrap .box_04 img {
  display: block;
  width: 100%;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top {
  padding: 0;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .box_01,
.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .box_01 img {
  background: #fff;
  display: inline-block;
  width: 100%;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .box_01 .txt {
  color: #939393;
  font-size: 14px;
  padding: 15px 15px;
  line-height: 1.7;
  letter-spacing: -0.9px;
  word-wrap: break-word;
  word-break: break-all;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .box_01 .txt span {
  color: #ff2929;
}

.globalStock.red .sub_service .alliance_wrap .sub_top.service_t01 {
  background: #E56468 url("/img/px_bg_service_alliance.png") no-repeat center bottom;
  background-size: 342px auto;
}

.globalStock .sub_service .alliance_wrap .sub_top.service_t01 + .service_guide {
  border-bottom: 1px solid #D3D3D3;
  display: block;
  background: #fff;
  padding: 15px 15px;
  width: 100%;
  color: #939393;
  font-size: 0.75rem;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_service .alliance_wrap .sub_top.service_t01 + .service_guide {
    letter-spacing: -0.035rem;
  }
}
.globalStock .sub_service .alliance_wrap .sub_top.service_t01 + .event_txt {
  background-color: #273390;
  padding: 10px 10px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.globalStock .sub_service .alliance_wrap .sub_top.service_t01 + .event_txt span {
  color: #FF2929;
  font-size: 0.875rem;
}

.globalStock .sub_service .alliance_wrap .sub_top.service_t01 + .event_txt p {
  color: #fff;
  font-size: 1rem;
  line-height: 22px;
}

.globalStock .sub_service .alliance_wrap .sub_top.service_t01 + .event_txt p b {
  color: #FFE200;
  font-weight: normal;
}

.globalStock .sub_service .alliance_wrap .sub_top .h2_title {
  color: #fff;
  text-align: center;
  font-size: 1rem;
}

.globalStock .sub_service .alliance_wrap .sub_top .h2_title strong {
  display: block;
  color: #fff;
  font-size: 1.9rem;
}

.globalStock .sub_service .alliance_wrap .sub_top {
  padding-top: 46px;
  padding-bottom: 200px;
}

.globalStock .sub_service .alliance_wrap .sub_con .servece_sum {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9rem;
  line-height: 1.43;
  font-weight: normal;
  padding: 19px 23px;
}

.globalStock .sub_service .alliance_wrap .sub_con .sum {
  background: #fff;
  padding: 19px 23px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_service .alliance_wrap .sub_con .sum {
    padding: 15px 15px;
  }
  .globalStock .sub_service .alliance_wrap .sub_con .tips {
    padding: 25px 15px;
  }
}
.globalStock .sub_service .alliance_wrap .sub_con .sum .title {
  position: relative;
  padding-left: 29px;
  box-sizing: border-box;
  margin-bottom: 20px;
  color: #333;
  font-size: 1.125rem;
  line-height: 1.28;
  letter-spacing: -0.9px;
  font-weight: normal;
}

.globalStock .sub_service .alliance_wrap .sub_con .sum .title strong {
  font-weight: bold;
}

.globalStock .sub_service .alliance_wrap .sub_con .sum .title i {
  position: absolute;
  left: 0;
  top: 1px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  font-size: 0.9375rem;
  text-align: center;
  line-height: 21px;
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_service .alliance_wrap .sub_con .sum .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.43;
  margin-bottom: 15px;
}

.globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum {
  margin-bottom: 55px;
  width: 100%;
  margin-left: -10px;
  text-align: center;
}

.globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum img {
  display: inline-block;
  width: auto;
  height: auto;
}

@media (min-width: 321px) and (max-width: 700px) {
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(3) img {
    height: 231px;
  }
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(6) img {
    height: 273px;
  }
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(9) img {
    height: 201px;
  }
}
.globalStock .sub_service .alliance_wrap .sub_con .tips {
  padding: 30px 23px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_service .alliance_wrap .sub_con .tips {
    padding: 25px 15px;
  }
}
.globalStock .sub_service .alliance_wrap .sub_con .tips .title {
  margin-bottom: 8px;
  color: #333;
  font-size: 0.9rem;
  line-height: 1.43;
}

.globalStock .sub_service .alliance_wrap .sub_con .tips .title i {
  display: inline-block;
  padding: 0 1px 2px 1px;
  font-style: normal;
  font-size: 0.9rem;
  color: var(--Font-primary-blue, #4168F6);
  margin-right: 4px;
  background: url("/img/bg_bbline.png") repeat-x 0 calc(100% + 7px);
}

.globalStock .sub_service .alliance_wrap .sub_con .tips .txt {
  color: #939393;
  font-size: 0.9rem;
  line-height: 1.46;
  margin-bottom: 24px;
}

.globalStock .sub_service .alliance_wrap .sub_con .tips .img_sum {
  margin-bottom: 55px;
}

.globalStock .sub_service .alliance_wrap .sub_con .tips .img_sum img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_service .alliance_wrap .sub_con .banner_cho {
  background: #404fc3 url("/img/bg_banner_cho.png") no-repeat left bottom;
  background-size: auto 167px;
  padding: 30px 30px;
  text-align: right;
}

.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .b_title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.44;
}

.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .b_title strong {
  display: inline-block;
  font-weight: 500;
  color: #1ee8be;
  background: url("/img/bg_bline.png") repeat-x 0 calc(100% + 6px);
}

.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .link_cho {
  margin-top: 20px;
  margin-right: 24px;
  display: inline-block;
  padding: 9px 14px;
  background-color: #222F94;
  border-radius: 19px;
  color: #1ee8be;
  font-size: 0.9rem;
  text-align: center;
  font-weight: 500;
}

.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .link_cho strong {
  color: #fff;
  font-weight: 500;
  padding-right: 3px;
}

.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .link_cho 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 .alliance_wrap .sub_con .banner_mijumicho .weeks_free {
  min-height: auto;
}
.globalStock .sub_service .alliance_wrap .sub_con .banner_mijumicho .weeks_free .box {
  margin: 0;
  width: 100%;
}

.globalStock .sub_service .alliance_wrap .f_nightalarm {
  margin-bottom: -15px;
  padding: 23px 20px;
  background-color: #E2E2E2;
}

.globalStock .sub_service .alliance_wrap .f_nightalarm p {
  color: #818181;
  font-size: 0.75rem;
  line-height: 1.5;
  position: relative;
  padding-left: 20px;
}

.globalStock .sub_service .alliance_wrap .f_nightalarm p i {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/icon_nightalarm.png") no-repeat 0 0;
  background-size: 14px 14px;
}

/****************************/
/**** 1주년 이벤트 ****/
/******** (팍스넷) **********/
/****************************/
.globalStock .main_btm.banner_area .banner_1yearevent {
  background: #404FC3 url("/img/banner/bg_1yearevent.png") no-repeat calc(100% + 10px) bottom;
  background-size: 59px 29px;
  border-radius: 5px;
  margin-top: 25px;
  padding: 9px 0 11px;
  text-align: center;
}

.globalStock .main_btm.banner_area .banner_1yearevent .cho_prm {
  color: #fff;
  font-size: 0.75rem;
}

.globalStock .main_btm.banner_area .banner_1yearevent .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 .main_btm.banner_area .banner_1yearevent .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 5px;
}

.globalStock .main_btm.banner_area .banner_1yearevent .y_box {
  display: inline-block;
  width: 33px;
  height: 13px;
  vertical-align: middle;
  margin-left: 3px;
}

.globalStock .main_btm.banner_area .banner_1yearevent .y_box img {
  display: inline-block;
  height: 100%;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_1yearevent {
  clear: both;
  float: none;
  background: #404FC3;
  width: calc(100% - 30px);
  border-radius: 5px;
  margin: 25px auto 0;
  padding: 9px 0 11px;
  text-align: center;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_1yearevent .cho_prm {
  color: #fff;
  font-size: 0.75rem;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_1yearevent .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_recom .sub_mid.eventPicks_area .banner_1yearevent .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 5px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_1yearevent .y_box {
  display: inline-block;
  width: 33px;
  height: 13px;
  vertical-align: middle;
  margin-left: 3px;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .banner_1yearevent .y_box img {
  display: inline-block;
  height: 100%;
}

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

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

.globalStock .sub_service .sub_mid .sub_con .banner_1yearevent .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_1yearevent .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 5px;
}

.globalStock .sub_service .sub_mid .sub_con .banner_1yearevent .y_box {
  display: inline-block;
  width: 33px;
  height: 13px;
  vertical-align: middle;
  margin-left: 3px;
}

.globalStock .sub_service .sub_mid .sub_con .banner_1yearevent .y_box img {
  display: inline-block;
  height: 100%;
}

.globalStock .sub_search .sub_mid.tabs_area .event_900won {
  padding: 5px 0;
  margin-top: 30px;
}

.globalStock .sub_search .sub_mid.tabs_area .event_900won a,
.globalStock .sub_search .sub_mid.tabs_area .event_900won img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free.event_900 .box {
  background: #404fc3 url("/img/banner/bg_1yearevent02.png") no-repeat right bottom;
  background-size: 128px 70px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free.event_900 .box .btn_900 {
  position: relative;
  display: inline-block;
  border: 1px solid #949cde;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 8px 12px;
}

.globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .btn_900 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_search .sub_mid .tab_diagnosis_area .weeks_free .box .btn_900::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -10px;
  display: inline-block;
  width: 33px;
  height: 13px;
  background: url("/img/banner/img_y_box.png") no-repeat 0 0;
  background-size: 33px 13px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box {
  background: #404fc3 url("/img/banner/bg_1yearevent02.png") no-repeat right bottom;
  background-size: 128px 70px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box .txt {
  margin-top: 9px;
  color: #fff;
  opacity: 0.5;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 10px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box .btn_900 {
  position: relative;
  display: inline-block;
  border: 1px solid #949cde;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 8px 12px;
}

.globalStock .sub_attract .sub_mid.attract_sub .weeks_free.event_900 .box .btn_900 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_attract .sub_mid.attract_sub .weeks_free.event_900 .box .btn_900::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -10px;
  display: inline-block;
  width: 33px;
  height: 13px;
  background: url("/img/banner/img_y_box.png") no-repeat 0 0;
  background-size: 33px 13px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box {
  background: #404fc3 url("/img/banner/bg_1yearevent03.png") no-repeat right bottom;
  background-size: 106px 142px;
  padding: 25px 22px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box .title {
  padding-left: 0;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box .txt {
  text-align: left;
  margin-top: 4px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box p {
  text-align: left;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box .btn_900 {
  position: relative;
  display: inline-block;
  border: 1px solid #949cde;
  background: #404FC3;
  border-radius: 15px;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 25px;
  padding: 8px 12px;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box .btn_900 strong {
  color: #ffda0d;
  font-weight: 500;
}

.globalStock .sub_service .sub_mid .sub_con .weeks_free.event_900 .box .btn_900 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.event_900 .box .btn_900::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -10px;
  display: inline-block;
  width: 33px;
  height: 13px;
  background: url("/img/banner/img_y_box.png") no-repeat 0 0;
  background-size: 33px 13px;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free.event_900 .box {
  background: #404fc3 url("/img/banner/bg_1yearevent02.png") no-repeat right bottom;
  background-size: 128px 70px;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free.event_900 .box .btn_900 {
  position: relative;
  display: inline-block;
  border: 1px solid #949cde;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 8px 12px;
}

.globalStock .sub_search .sub_mid.tabs_area > .weeks_free.event_900 .box .btn_900 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_search .sub_mid.tabs_area > .weeks_free.event_900 .box .btn_900::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -10px;
  display: inline-block;
  width: 33px;
  height: 13px;
  background: url("/img/banner/img_y_box.png") no-repeat 0 0;
  background-size: 33px 13px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free.event_900 .box {
  background: #404fc3 url("/img/banner/bg_1yearevent02.png") no-repeat right bottom;
  background-size: 128px 70px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free.event_900 .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free.event_900 .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free.event_900 .box .txt {
  margin-top: 9px;
  color: #fff;
  opacity: 0.5;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 10px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free.event_900 .box .btn_900 {
  position: relative;
  display: inline-block;
  border: 1px solid #949cde;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 8px 12px;
}

.globalStock .sub_search .latest_results .tabsArea .weeks_free.event_900 .box .btn_900 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_search .latest_results .tabsArea .weeks_free.event_900 .box .btn_900::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -10px;
  display: inline-block;
  width: 33px;
  height: 13px;
  background: url("/img/banner/img_y_box.png") no-repeat 0 0;
  background-size: 33px 13px;
}

.globalStock .catch_wrap .weeks_free.event_900 .box {
  background: #e6e7f4 url("/img/banner/bg_1yearevent03.png") no-repeat right bottom;
  background-size: 106px 142px;
}

.globalStock .catch_wrap .weeks_free.event_900 .box .btn_900 {
  position: relative;
  display: inline-block;
  border: 1px solid #949cde;
  background: #404fc3;
  border-radius: 15px;
  color: #ffda0d;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 8px 12px;
  margin-top: 24px;
}

.globalStock .catch_wrap .weeks_free.event_900 .box .btn_900 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 .catch_wrap .weeks_free.event_900 .box .btn_900::before {
  content: "";
  position: absolute;
  left: 3px;
  top: -10px;
  display: inline-block;
  width: 33px;
  height: 13px;
  background: url("/img/banner/img_y_box.png") no-repeat 0 0;
  background-size: 33px 13px;
}

/* 320 지원 */
@media (min-width: 320px) and (max-width: 358px) {
  /* 공통 레이아웃 */
  .globalStock .log_chk {
    padding: 5px 10px;
  }
  #footer.type2 .notice .terms_list {
    width: calc(100% - 104px);
  }
  #footer.type2 .notice .terms_list li:nth-child(1) {
    width: 51px;
  }
  #footer.type2 .notice .terms_list li:nth-child(2) {
    width: 85px;
  }
  #footer.type2 .notice .terms_list li:nth-child(3) {
    width: 52px;
  }
  .globalStock .main_searching .searchArea,
  .globalStock .main_searching .sch_autocomplete,
  .globalStock .main_top.recommend_area .chart_area,
  .globalStock .main_mid.game_area .gametable_box,
  .globalStock .main_mid.event_recipe .tab_content .tableth_box,
  .globalStock .sub_recom .sub_top .chart_area,
  .globalStock .sub_recom .sub_mid.eventPicks_area .banner_prm,
  .globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs,
  .globalStock .sub_mid .btn_more a,
  .globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis,
  .globalStock .sub_login .mapage_service,
  .globalStock .sub_payment .serviceStep .step_box,
  .globalStock .sub_research .sub_mid.research_board .lst_type,
  .globalStock .sub_search .latest_results .tabsArea table.tableRanking,
  .globalStock .eventPicks_area .chart_area,
  .globalStock .main_mid.attention_area table.tableRanking,
  .globalStock .main_mid.youtube_mijumi,
  .globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table,
  .globalStock .main_mid.attention_area .attentionSwiper {
    width: calc(100% - 20px);
  }
  .globalStock .main_mid.attention_area table.tableRanking.type_2Line {
    width: 100%;
  }
  .globalStock .sub_recom .sub_top.view .chart_area .chartData > .title,
  .globalStock .sub_recom .sub_top.view .chart_area .chartData .info,
  .globalStock .sub_recom .sub_top.view .chart_area .chartData .detail,
  .globalStock .sub_search .search_top .data_area,
  .globalStock .sub_search .search_top .info_icon,
  .globalStock .sub_mid.nondata,
  .globalStock .sub_search .sub_mid .investCharm_area .chart_sum,
  .globalStock .sub_login .history_area,
  .globalStock .sub_payment .serviceStep .step_top,
  .globalStock .sub_payment .account_box,
  .globalStock .sub_payment .mapage_form,
  .globalStock .sub_service .sub_mid .sub_con .service_title,
  .globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .chart_area .chartData {
    padding-left: 10px;
  }
  .globalStock .sub_search .sub_mid .investCharm_area .chart_sum {
    padding: 0 10px;
  }
  .globalStock .sub_recom .sub_mid.eventPicks_area strong.unit {
    padding-right: 10px;
  }
  .globalStock .sub_service .sub_mid .sub_con .comment {
    margin: 0 15px 10px;
    padding: 33px 25px 29px;
  }
  .globalStock .sub_attract .sub_top .txt_box,
  .globalStock .sub_recipe .sub_top .txt_box {
    padding: 12px 10px;
  }
  .globalStock .sub_research .sub_top .best_research {
    margin: 25px 10px;
  }
  .globalStock .sub_payment .payment_guide {
    padding: 0 10px 0;
  }
  .globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .detail_data {
    margin: 15px 10px;
  }
  .globalStock .main_top > .title,
  .globalStock .main_mid > .title,
  .globalStock .main_btm > .title,
  .globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content,
  .globalStock .sub_recom .sub_mid .tabsArea .tab_container .tab_content p {
    padding: 22px 10px 0 10px;
  }
  .globalStock .main_mid.catch_area {
    padding: 22px 0 0 10px;
  }
  .globalStock .main_top > .title,
  .globalStock .main_mid > .title,
  .globalStock .main_btm > .title {
    padding-top: 0;
  }
  .globalStock .h2_title {
    padding-left: 10px;
  }
  .globalStock .ptfo_recom {
    margin: 15px 10px 32px;
  }
  .globalStock .main_btm.banner_area {
    padding: 0 10px;
  }
  .globalStock .catch_wrap {
    padding: 25px 10px 0;
  }
  #footer .notice .service_info .f_logo {
    width: 125px;
  }
  .globalStock .sub_menu .sub_top {
    padding: 38px 15px 26px;
  }
  .globalStock .sub_menu .sub_mid .menu_link {
    width: calc(100% - 30px);
  }
  .globalStock .alarmArea .alarmList li a {
    padding: 18px 10px;
  }
  .globalStock .sub_service .sub_top {
    padding: 25px 10px 55px;
  }
  .globalStock .sub_service .sub_mid .sub_guide .sum {
    padding: 20px 10px;
  }
  .globalStock .sub_service .sub_mid .sub_guide .h3_title {
    padding: 40px 10px 20px;
  }
  .globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .q {
    padding: 0 10px;
  }
  .globalStock .sub_service .sub_mid .sub_guide .faqArea .faq .a {
    padding: 15px 10px;
  }
  .globalStock .sub_service .sub_mid .sub_con .service_txt {
    padding: 0 10px;
  }
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(3) img,
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(6) img,
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(9) img {
    width: 108%;
  }
  .globalStock .sub_recom .sub_top.view .chart_area .chartData .more {
    padding-top: 6px;
    height: 17px;
  }
  /* 메인 */
  .globalStock .ptfo_recom {
    padding: 16px 10px 16px 10px;
  }
  .globalStock .main_mid.game_area table.tableRanking .title {
    width: auto;
  }
  .globalStock .main_mid.game_area table.tableRanking .title a {
    width: 74px;
  }
  .globalStock .main_mid.game_area .gametable_box .game_th li:nth-child(3) {
    width: 19%;
  }
  .globalStock .main_mid.game_area .gametable_box .game_th li:nth-child(2) {
    width: 26%;
  }
  .globalStock .main_mid.attention_area table.tableRanking .title a {
    font-size: 15px;
    width: 90px;
  }
  .globalStock .main_mid.event_recipe .tab_content .tableth_box table.tableRanking .title a {
    width: 130px;
  }
  /* .globalStock .gnb li.menu {
  	width: 21px;
  }

  .globalStock .gnb li.home {
  	width: 52px;
  }

  .globalStock .gnb li.menu.active {
  	margin-left: 0px;
  } */
  .globalStock .main_searching .searchArea .searchInput,
  .globalStock .main_searching .sch_autocomplete li a .schCode {
    font-size: 1rem;
  }
  .globalStock .event_1year.md-modal #setting .pop_btm .link_menu {
    width: calc(100% - 23px);
  }
  .globalStock .ptfo_datatable {
    margin: 1px 10px 0 !important;
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .search_ptfo .ptfo_datatable {
    margin: 0 !important;
  }
  .globalStock .ptfo_datatable .tableRanking.ptfo_table td.name {
    width: 76px !important;
  }
  .globalStock #header {
    height: 36px;
  }
  .globalStock #header .his_back {
    top: 9px;
    left: 10px;
    width: 19px;
  }
  .globalStock #header .headerTop .hm .go_sch {
    width: 19px;
  }
  #footer.type_sub .notice .terms_list {
    width: 100%;
  }
  /* 종목추천 */
  .globalStock .sub_recom .sub_top .left_area {
    padding: 11px 5px 10px 10px;
  }
  .globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.new_recom {
    width: 62px;
  }
  .globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .tabsArea .tab_container .tab_content .tableRanking.sum_table td.name {
    width: 69px;
  }
  .globalStock .sub_recom .sub_mid .containerSpider_1 {
    width: 100%;
    height: auto;
  }
  .globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .left {
    width: calc(100% - 66px);
  }
  .globalStock .sub_recom .sub_mid.eventPicks_area .chart_area .chartData .right {
    width: 60px;
  }
  /* 승부주 */
  .globalStock .sub_game .gamePicks_area {
    padding: 30px 10px 0;
  }
  .globalStock .sub_analysis .sub_top .left_area {
    padding: 11px 5px 10px 10px;
    width: calc(100% - 132px);
  }
  .globalStock .sub_analysis .sub_top .right_area {
    width: 130px;
  }
  .globalStock .md-modal {
    min-width: 310px;
  }
  /* 발굴 투자매력도 */
  .globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs {
    padding: 0 10px;
    margin-bottom: 0;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view {
    padding: 0 10px;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area ul.list {
    padding: 0 10px 8px;
    box-sizing: border-box;
    overflow: hidden;
  }
  /* 원스톱진단 */
  .globalStock .sub_search .latest_results .tabsArea table.tableRanking.type_2Line td {
    padding-left: 10px;
  }
  .globalStock .sub_search .latest_results .tabsArea .onestep_chart .dgtic_results {
    padding: 13px 5px 0;
  }
  /* 종목진단 */
  .globalStock .sub_search .sub_mid.tabs_area .evaluation_data {
    padding: 0;
  }
  .globalStock .sub_search .sub_mid.tabs_area .evaluation_data .evaluation_table td.prm_lock {
    padding-bottom: 3px;
    top: 5px;
  }
  .globalStock .sub_search .sub_mid.tabs_area .evaluation_data .day {
    padding-right: 35px;
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area {
    padding: 0 10px;
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .containercharm1 {
    width: 280px;
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .tableRanking.table_alloca {
    width: 100%;
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .hiding_box {
    padding: 23px 5px 0;
    margin-top: 30px;
  }
  .globalStock .sub_search .sub_mid.tabs_area .compet_chart .containercompet1 {
    width: 140px;
    height: 140px;
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart .swiper_competChar .swiper-wrapper {
    margin-left: -55px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .tableRanking td.th_guide span {
    letter-spacing: -0.035rem;
    font-size: 0.75rem;
  }
  .globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box {
    width: calc(100% - 15px);
  }
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .compet_chart {
    padding: 30px 0;
  }
  .globalStock .sub_search .sub_mid.tabs_area .alloca_info .info {
    padding: 0;
  }
  .globalStock .sub_search .sub_mid.tabs_area .value_chart .chart_analysis {
    width: calc(100% - 60px);
  }
  .globalStock .sub_search .tabs_3.tabs_depth2 {
    padding: 3px 10px;
  }
  .globalStock .arrow_box.btm {
    width: 70px;
    margin-left: -36px;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .tableRanking th {
    font-size: 0.7rem;
  }
  .globalStock .sub_search .sub_mid .search_financials_area .tableRanking td {
    padding-left: 2px;
    padding-right: 2px;
  }
  .globalStock .catch_wrap .chart_catch .data_area .area .analysis_score .chart_analysis .line .i_graph.graph_prm .g_action {
    margin-left: -30px;
  }
  .globalStock .catch_wrap .no_data .btnArea .btn {
    width: calc(100% - 110px);
  }
  /* 내 정보 */
  .globalStock .sub_login .mapage_service .service_table .service {
    width: 83px;
  }
  .globalStock .sub_payment .payment_guide .mapage_form .form_table td .certification_area .coupon_mod,
  .globalStock .sub_payment .payment_guide .mapage_form .form_table td .coupon_mod {
    width: 156px;
  }
  .globalStock .sub_menu .sub_top .logout p {
    width: 245px;
  }
  /* 결제 */
  .globalStock .sub_payment .mapage_form .form_table td .phone_mod {
    width: 117px;
  }
}
/*****************************************/
/**** 키움증권용 css ****/
/*****************************************/
.globalStock.kiwoom #header.main_hdr {
  height: auto;
  padding-bottom: 0;
}

.globalStock.kiwoom #header.main_hdr .headerTop {
  border-bottom: none;
  padding: 19px 0 0;
}

.globalStock.kiwoom #header.main_hdr .headerTop .top_btn {
  position: absolute;
  left: 15px;
}

.globalStock.kiwoom #header.main_hdr .headerTop .top_btn,
.globalStock.kiwoom #header.main_hdr .headerTop .hm {
  top: 24px;
}

.globalStock.kiwoom #header.main_hdr .headerTop .top_btn .btn_memu {
  display: inline-block;
  margin-left: 6px;
  width: 20px;
  height: 20px;
  padding-right: 7px;
}

.globalStock.kiwoom #header.main_hdr .headerTop .top_btn .btn_memu img {
  display: inline-block;
  width: 20px;
}

.globalStock.kiwoom #header.main_hdr .headerTop .headerLogo a,
.globalStock.kiwoom #header.main_hdr .headerTop .headerLogo span {
  display: block;
  line-height: 1.45;
  letter-spacing: -1px;
  color: var(--Font-primary-blue, #4168F6);
  font-size: 1.25rem;
  font-weight: bold;
}

.globalStock.kiwoom #header .go_briefing {
  right: 15px;
  top: 9px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock.kiwoom #header .go_briefing {
    right: 15px;
    top: 9px;
  }
}
.globalStock.kiwoom #footer .notice {
  padding-top: 0;
}

.globalStock.kiwoom #footer .notice .foot_info {
  margin: 0;
  padding: 0;
}

.globalStock.kiwoom #footer .notice .service_info {
  margin-top: 0;
  padding-bottom: 45px;
}

.globalStock.kiwoom .main_searching {
  margin-top: 10px;
}

/* 미주미_키움증권용 css */
.globalStock.kiwoom .schfix_inc .searching.searching_mijumi {
  display: none;
}

.globalStock.kiwoom .schfix_inc .searching.searching_mijumi .searchArea {
  width: 100%;
}

.globalStock.kiwoom .schfix_inc .searching.searching_mijumi .searchArea .searchInput {
  width: calc(100% - 30px);
  margin-right: 15px;
}

.globalStock.kiwoom .schfix_inc .searching.searching_mijumi .searchArea .searchInput.keydown {
  width: 100%;
}

.globalStock.kiwoom .schfix_inc .searching.searching_mijumi .searchArea .searchBtn {
  right: 30px;
  top: 11px;
  width: 14px;
}

.globalStock.kiwoom header {
  position: relative;
  width: 100%;
  height: 100px;
  padding: 0px;
  margin: 0px;
  text-align: center;
  z-index: 1000;
}

.globalStock.kiwoom header nav {
  width: 950px;
  margin: 0px auto;
}

.globalStock.kiwoom header .nav_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  transition: top 0.5s ease-out;
  background: #ffffff;
  z-index: 999999;
}

.globalStock.kiwoom header .scroll {
  top: -100px;
}

.globalStock.kiwoom header .no-scroll {
  top: 0;
  z-index: 999999;
}

.globalStock.kiwoom header .btn {
  padding: 10px 1%;
  margin: 0px;
  color: #333;
  text-decoration: none;
  transition: all 0.1s ease;
}

.globalStock.kiwoom header .btn:hover {
  transition: all 0.1s ease;
}

.globalStock.kiwoom header a.menu-logo {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -475px;
  width: 150px;
  display: inline-block;
}

.globalStock.kiwoom header a.menu-logo img {
  width: auto;
  height: auto;
  margin-top: 22px;
}

.globalStock.kiwoom header .menu-link {
  display: none;
}

.globalStock.kiwoom header .spinner-master input[type=checkbox] {
  display: none;
}

.globalStock.kiwoom header .menu {
  width: 100%;
  margin: 0px 0px;
  background: #ffffff;
  transition: all 0.3s ease;
}

.globalStock.kiwoom header .menu ul {
  padding: 0px;
  margin: 5px 0px;
  margin-left: 230px;
  list-style: none;
  position: relative;
  display: inline-block;
}

.globalStock.kiwoom header .menu ul li {
  padding: 0px;
}

.globalStock.kiwoom header .menu > ul > li {
  display: inline-block;
}

.globalStock.kiwoom header .menu ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  padding-top: 4px;
  border-bottom: 2px #ffffff solid;
  transition: all 0.2s ease;
}

.globalStock.kiwoom header .menu ul li a:hover {
  background: #ffffff;
  color: #333;
  border-bottom: 2px #0f4c9b solid;
}

.globalStock.kiwoom header .menu ul li.hover > a {
  background: #ffffff;
  color: #333;
}

.globalStock.kiwoom header .menu ul li > a {
  padding: 15px 5px;
  margin: 0px 10px;
}

.globalStock.kiwoom #footer .notice .service_info .dataLink {
  float: right;
}

.globalStock.kiwoom .sub_search .sub_mid.outline_box .box .value_chart .prm_lock a i {
  display: none;
}

.globalStock.kiwoom .sub_search .tabs_5.prm_tabs li:nth-child(4) {
  padding: 0 2px;
  background: url("/img/prm_tabsLock.svg") no-repeat calc(100% - 3px) center;
  background-size: 8px auto;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock.kiwoom .sub_search .tabs_5.prm_tabs li:nth-child(4) {
    background: url("/img/prm_tabsLock.svg") no-repeat calc(100% - 0px) center;
    background-size: 8px auto;
  }
}
.globalStock.kiwoom .sub_search .tabs_5.prm_tabs li:nth-child(5) {
  padding: 0 6px;
  background: url("/img/prm_tabsLock.svg") no-repeat calc(100% - 6px) center;
  background-size: 8px auto;
}

@media (min-width: 320px) and (max-width: 640px) {
  .globalStock.kiwoom header {
    width: 100%;
    min-width: 320px;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
  }
  .globalStock.kiwoom header nav {
    width: 100%;
    min-width: 320px;
    box-sizing: border-box;
  }
  .globalStock.kiwoom header .nav_wrapper {
    width: 100%;
    min-width: 320px;
    height: 50px;
    box-sizing: border-box;
  }
  .globalStock.kiwoom header .btn {
    padding: 10px 0%;
    margin: 0px;
  }
  .globalStock.kiwoom header a.menu-logo {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -62px;
    width: 124px;
    display: inline-block;
  }
  .globalStock.kiwoom header a.menu-logo img {
    width: auto;
    height: 30px;
    margin: 10px 0px;
  }
  .globalStock.kiwoom header .example-header .container {
    width: 100%;
  }
  .globalStock.kiwoom header .spinner-master * {
    transition: all 0.3s;
    box-sizing: border-box;
  }
  .globalStock.kiwoom header .spinner-master {
    position: relative;
    margin: 16px 15px 14px 20px;
    height: 20px;
    width: 20px;
    float: left;
  }
  .globalStock.kiwoom header .spinner-master label {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0;
  }
  .globalStock.kiwoom header .spinner-master .spinner {
    position: absolute;
    height: 3px;
    width: 100%;
    padding: 0;
    background-color: #333333;
  }
  .globalStock.kiwoom header .spinner-master .diagonal.part-1 {
    position: relative;
    float: left;
  }
  .globalStock.kiwoom header .spinner-master .horizontal {
    position: relative;
    float: left;
    margin-top: 4px;
  }
  .globalStock.kiwoom header .spinner-master .diagonal.part-2 {
    position: relative;
    float: left;
    margin-top: 4px;
  }
  .globalStock.kiwoom header .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
    opacity: 0;
  }
  .globalStock.kiwoom header .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-top: 8px;
  }
  .globalStock.kiwoom header .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: -10px;
  }
  .globalStock.kiwoom header a.menu-link {
    display: block;
    color: #333;
    float: left;
    text-decoration: none;
    padding: 10px 16px;
    font-size: 1.5em;
  }
  .globalStock.kiwoom header a.menu-link:hover {
    color: #efa666;
  }
  .globalStock.kiwoom header a.menu-link:after {
    font-weight: normal;
  }
  .globalStock.kiwoom header .menu {
    width: 100%;
    clear: both;
    min-width: inherit;
    margin: 0px;
    padding: 0px;
    float: none;
    border-top: 1px #dedede solid;
  }
  .globalStock.kiwoom header .menu,
  .globalStock.kiwoom header .menu > ul ul {
    overflow: hidden;
    max-height: 0;
    background-color: #f7f7f7;
  }
  .globalStock.kiwoom header .menu.active,
  .globalStock.kiwoom header .menu > ul ul.active {
    max-height: 55em;
  }
  .globalStock.kiwoom header .menu ul {
    display: inline;
    width: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
  }
  .globalStock.kiwoom header .menu li,
  .globalStock.kiwoom header .menu > ul > li {
    display: block;
  }
  .globalStock.kiwoom header .menu li a {
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    position: relative;
    border-bottom: 1px #dedede solid;
  }
  .globalStock.kiwoom header .menu ul li a {
    margin: 0px;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 15px;
    border-bottom: 1px #dedede solid;
    text-align: left;
    background-size: auto 30px;
  }
  .globalStock.kiwoom header .menu ul li > a {
    margin: 0px;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 15px;
    border-bottom: 1px #dedede solid;
    background-size: auto 30px;
  }
  .globalStock.kiwoom header .menu ul ul > li a {
    background-color: #ffffff;
    padding: 7px 20px;
    text-align: left;
  }
  .globalStock.kiwoom header .menu ul li a:hover {
    border-bottom: 1px #dedede solid;
    color: #333;
    background-size: auto 30px;
  }
  .globalStock.kiwoom header .menu ul li.hover > a {
    border-bottom: 1px #dedede solid;
    color: #333;
    background-size: auto 30px;
  }
  .globalStock.kiwoom header .menu ul ul,
  .globalStock.kiwoom header .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none;
  }
}
.globalStock.kiwoom .main_wrap .page_title h2 {
  color: #ffffff;
  font-weight: 500;
  height: 150px;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  margin: 0px;
  background: #1154ab;
}

.globalStock.kiwoom .main_wrap .page_title {
  width: 100%;
  display: inline-block;
  text-align: center;
  height: auto;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .h2_title span {
  display: block;
  line-height: 1.5;
  margin-top: 10px;
  font-size: 1rem;
  letter-spacing: -0.6px;
  color: #959feb;
  font-weight: normal;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .h2_title span b {
  color: #959feb;
  font-weight: bold;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .logo_mijumi_sb {
  display: inline-block;
  width: 70px;
  position: absolute;
  left: 14px;
  top: 13px;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .logo_mijumi_sb img {
  display: inline-block;
  width: 100%;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .btnArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  padding: 0 15px;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .btn_apply {
  position: relative;
  width: 100%;
  border: 1px solid #273390;
  font-size: 1.13rem;
  color: #ffe200;
  padding: 15px 5px;
  border-radius: 10px;
  background-color: #273390;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_top .btn_apply i {
  position: absolute;
  right: 18px;
  top: 19px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list {
  border-top: none;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list .video_box {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 55px;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list .video_box:last-child {
  border-bottom: none;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list .video_box > a {
  display: block;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list .video_box > a .video_thumbnail {
  display: inline-block;
  width: 130px;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list .video_box > a .video_title {
  display: inline-block;
  padding-left: 13px;
  width: calc(100% - 135px);
  box-sizing: border-box;
}

.globalStock.kiwoom .sub_service .alliance_wrap .sub_mid .sub_con .lst_type.video_list .video_box > a .video_title span {
  font-size: 0.9rem;
  color: #939393;
  line-height: 1.43;
  word-break: normal;
}

.globalStock.kiwoom .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.ptfo_old {
  width: 103px;
}

.globalStock.kiwoom .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.ptfo_old i {
  display: inline-block;
  color: #fff;
  background: #c7cbe9;
  margin-left: 3px;
  font-style: normal;
  padding: 3px 5px;
  border-radius: 5px;
}

.globalStock.kiwoom .sub_recom .sub_mid.eventPicks_area .ptfo_area .recom_tabs li.ptfo_old {
  width: calc(33.3333333333% + 9px);
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock.kiwoom .sub_portfolio .sub_mid.eventPicks_area .ptfo_area .day {
    width: 90px;
    right: 0px;
  }
}
/* //키움증권용 css 끝 */
/* 공통 - 상단 검색바 */
.globalStock .schfix_inc .searching {
  padding-top: 14px;
  padding-bottom: 10px;
}

.globalStock .schfix_inc .searching .top_btn + .searchArea {
  width: calc(100% - 70px);
  padding: 0;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-align: right;
  vertical-align: top;
  padding-left: 0;
}

.globalStock .schfix_inc .searching .searchArea {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.globalStock .schfix_inc .searching .searchArea .sch_title {
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: left;
  float: left;
  width: 45px;
  margin-top: 5px;
  line-height: 100%;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .schfix_inc .searching .searchArea .sch_title {
    margin-top: 8px;
  }
}
.globalStock .schfix_inc .searching .searchArea .sch_title.keydown {
  display: none;
}

.globalStock .schfix_inc .searching .searchArea .searchInput {
  margin-left: 0;
  width: calc(100% - 45px);
  padding: 6px 42px 6px 18px;
  border: 1px solid #F4F4F5;
  box-sizing: border-box;
  font-size: 0.9rem;
  line-height: 1.2rem;
  vertical-align: top;
  color: #939393;
  outline: none;
  border-radius: 20px;
  float: left;
}

.globalStock .schfix_inc .searching .top_btn + .searchArea .searchInput {
  margin-left: 20px;
  width: calc(100% - 65px);
}

.globalStock .schfix_inc .searching .searchArea .searchInput.keydown {
  padding: 12px 42px 12px 18px;
  width: 100%;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #E0E4E9;
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .schfix_inc .searching .searchArea .searchInput::-moz-placeholder {
  color: #939393;
}

.globalStock .schfix_inc .searching .searchArea .searchInput::placeholder {
  color: #939393;
}

.globalStock .schfix_inc .searching .top_btn + .searchArea .searchInput.keydown + .searchBtn {
  right: 0;
}

.globalStock .schfix_inc .searching .searchArea .searchInput.keydown + .searchBtn {
  top: 15px;
  right: 35px;
}

.globalStock .schfix_inc .searching .top_btn + .searchArea .searchBtn {
  right: 15px;
}

.globalStock .schfix_inc .searching .searchArea .searchBtn {
  display: inline-block;
  width: 18px;
  height: auto;
  position: absolute;
  right: 35px;
  top: 9px;
  cursor: pointer;
}

.globalStock .schfix_inc .searching .sch_autocomplete {
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .schfix_inc .searching .sch_autocomplete {
  display: none;
  overflow: auto;
  height: 100%;
  margin: 0 auto;
  width: calc(100% - 38px);
}

.globalStock .schfix_inc .searching .sch_autocomplete.focus_on {
  display: block;
}

.globalStock .schfix_inc .searching .sch_autocomplete ul {
  background: #fff;
  border: 1px solid #F4F4F5;
  border-top: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.globalStock .schfix_inc .searching .sch_autocomplete._show {
  display: block;
}

.globalStock .schfix_inc .searching .sch_autocomplete li {
  padding: 6px 15px;
  border-bottom: 1px solid #E0E4E9;
  border-left: 1px solid #E0E4E9;
  border-right: 1px solid #E0E4E9;
}

.globalStock .schfix_inc .searching .sch_autocomplete li:last-child {
  padding-bottom: 15px;
  border-bottom: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.globalStock .schfix_inc .searching .sch_autocomplete li a {
  color: #000;
  font-size: 1rem;
}

.globalStock .schfix_inc .searching .sch_autocomplete li a._on {
  border: none;
  padding: 0;
}

.globalStock .schfix_inc .searching .sch_autocomplete li a .schCode {
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  width: 65px;
  margin-right: 10px;
  line-height: normal;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .schfix_inc .searching .sch_autocomplete li a .schList {
  box-sizing: border-box;
  color: #939393;
  display: inline-block;
  width: calc(100% - 80px);
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .schfix_inc .searching .sch_autocomplete li a .schList strong {
  color: #939393;
  font-weight: bold;
}

.globalStock .schfix_inc .searching .sch_autocomplete .no_result {
  border: 1px solid #E0E4E9;
  border-top: none;
  padding: 30px 15px;
  text-align: center;
}

.globalStock .schfix_inc .searching .sch_autocomplete .no_result p {
  color: #939393;
}

/****** 메인 ******/
.globalStock .ptfo_recom {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.globalStock .ptfo_datatable {
  margin: 0 15px;
  background-color: #f7f8f9;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table {
  margin: 0 auto;
  width: 100%;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  background-color: #f7f8f9;
}

.globalStock .main_mid.attention_area table.tableRanking.ptfo_table {
  margin: 0 auto;
  width: 100%;
  border-radius: 0;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  background-color: #ececef;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table th,
.globalStock .ptfo_datatable .tableRanking.ptfo_table td {
  padding: 12px 3px;
  text-align: center;
}

.globalStock .main_mid.attention_area .main_top .ptfo_datatable .tableRanking.ptfo_table th,
.globalStock .main_mid.attention_area .main_top .ptfo_datatable .tableRanking.ptfo_table td {
  padding: 12px 3px 12px 15px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table tr:last-child {
  border-bottom: none;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table tr:last-child {
  border-bottom: none;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table th {
  color: #939393;
  font-size: 0.75rem;
  line-height: 20px;
  padding: 4px 0;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table th span {
  display: block;
  color: #939393;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td {
  color: #939393;
  font-size: 0.82rem;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.name {
  color: #333;
  font-size: 0.875rem;
  display: inline-block;
  width: 96px;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .ptfo_datatable .tableRanking.ptfo_table td.name {
    font-size: 14px;
  }
}
.globalStock .ptfo_datatable .tableRanking.ptfo_table td.name a {
  color: #333;
  text-decoration: none;
  line-height: normal;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.name a .remark {
  font-size: 1.75em !important;
  letter-spacing: -0.18rem;
  padding-left: 2px;
  height: 15px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.name .ticker {
  display: block;
  line-height: 1.2rem;
  color: #939393;
  font-size: 0.75rem;
  margin-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.name .ticker .remark {
  color: #d3d3d3;
  font-size: 1.5em;
  letter-spacing: -0.12rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 7px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num {
  text-align: center;
  position: relative;
  min-width: 65px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num .yield {
  color: #333;
  font-size: 10px;
  line-height: 14px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num span {
  font-size: 0.8125rem;
  color: #333;
  vertical-align: top;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num span b {
  font-weight: normal;
  color: #333;
  opacity: 0.7;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num span.pp {
  font-size: 0.8125rem;
  margin-top: 1px;
  margin-left: 3px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num .increase {
  display: inline-block;
  color: #ff2929;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num .decrease {
  display: inline-block;
  color: #26ABFF;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num .increase b {
  color: #ff2929;
  opacity: 0.7;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num .decrease b {
  color: #26ABFF;
  opacity: 0.7;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.num .attainment_com {
  font-size: 0.7rem;
  color: #939393;
  background: #ffda0d;
  padding: 3px 0;
  box-sizing: border-box;
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  text-align: center;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.prm_lock img {
  display: inline-block;
  width: 67px !important;
  height: 22px !important;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.increase {
  color: #F8385A;
}

.globalStock .ptfo_datatable .tableRanking.ptfo_table td.decrease {
  color: #0094FF;
}

/****** 종목추천 ******/
.globalStock .schfix_inc .top_btn {
  display: inline-block;
  line-height: 33px;
}

.globalStock .schfix_inc .top_btn .btn_memu {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  margin-top: 7px;
  width: 24px;
  height: 20px;
  padding-right: 7px;
}

.globalStock .schfix_inc .top_btn .btn_memu img {
  display: inline-block;
  width: 20px;
}

.globalStock .schfix_inc.fix_sch {
  padding-top: 63px;
}

.globalStock .schfix_inc.fix_sch .searching {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9998;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.51);
  background-color: #f4f4f5;
}

.globalStock .sub_top .txt_box {
  background: #fff;
  padding: 16px 20px;
}

.globalStock .sub_top .txt_box .txt {
  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);
}
.globalStock .sub_top .txt_box .txt strong {
  color: var(--Font-secondary-caption, #6B7684);
  font-weight: var(--Weight-700, 700);
}
.globalStock .sub_top .txt_box .txt .port_time {
  color: #939393;
  font-size: 0.8125rem;
}

.globalStock .sub_top .txt_box .txt strong {
  color: #939393;
}

.globalStock .sub_mid.eventPicks_area .ptfo_area .day {
  top: 0 !important;
}

.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area {
  margin-top: 15px;
}

/****** 승부주 ******/
.globalStock .sub_game .sub_top .txt_box .txt:first-child {
  margin-bottom: 0;
}

/****** 관심종목 / 인기종목 ******/
.globalStock .sub_search .latest_results {
  padding-top: 0;
}

/****** 투자매력도 ******/
.globalStock .sub_research .txt_box {
  background: #fff;
  padding: 16px 20px;
}

.globalStock .sub_research .txt_box .txt {
  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);
}

.globalStock .sub_research .txt_box .txt strong {
  color: #939393;
}

/****** 메뉴 ******/
.globalStock .sub_menu {
  padding-top: 0 !important;
  background-color: #fff;
}

.globalStock .sub_menu .sub_top {
  padding-top: 55px;
  padding-bottom: 10px;
}

.globalStock .sub_menu .sub_top .go_back {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 20px;
  font-size: 0;
}
.globalStock .sub_menu .sub_top .go_back::before, .globalStock .sub_menu .sub_top .go_back::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  height: 22px;
  width: 2px;
  background-color: #333;
}
.globalStock .sub_menu .sub_top .go_back::before {
  transform: rotate(45deg);
}
.globalStock .sub_menu .sub_top .go_back::after {
  transform: rotate(-45deg);
}

.globalStock .sub_menu .sub_top .title {
  line-height: 1.45;
  letter-spacing: -1px;
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
}

.globalStock .sub_menu .sub_top .sum {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.9375rem;
  line-height: 1.47;
  letter-spacing: -0.75px;
}

.globalStock .sub_menu .sub_top .hm {
  position: absolute;
  right: 24px;
  top: 41px;
}

.globalStock .sub_menu .sub_top .hm .btn_login {
  color: #949494;
  font-size: 1em;
  display: inline-block;
  position: relative;
  top: 3px;
}

.globalStock .sub_menu .sub_top .hm .alarm {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 22px;
  margin-left: 12px;
  margin-right: 7px;
}

.globalStock .sub_menu .sub_top .hm .alarm img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.globalStock .sub_menu .sub_top .hm .alarm i {
  display: inline-block;
  background: #ff2929;
  width: 4px;
  height: 4px;
  position: absolute;
  top: -5px;
  right: -4px;
  border-radius: 50%;
  font-size: 0;
  vertical-align: top;
}

.globalStock .sub_menu .sub_top .hm .clse {
  display: inline-block;
  margin-left: 3px;
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
}

.globalStock .sub_menu .sub_top .hm .clse img {
  display: inline-block;
  width: 20px;
}

.globalStock .sub_menu .sub_mid .menu_link .txt a {
  line-height: 1.73;
  letter-spacing: normal;
  font-weight: 300;
}

.globalStock .sub_menu .sub_mid .menu_link .sum {
  margin-bottom: 20px;
}

.globalStock .sub_menu .f_datahero {
  text-align: right;
  margin: 30px 0 20px;
  padding-right: 23px;
}

.globalStock .sub_menu .f_datahero a {
  display: inline-block;
  width: 80px;
  height: 11px;
}

.globalStock .sub_menu .f_datahero a img {
  display: inline-block;
  width: 100%;
}

/* 2021.03.08 ver_2.0 */
/********************/
/**** 종목검색 *****/
/********************/
/* 종목검색 - 개요 */
.globalStock .sub_search .sub_mid.adequateArea {
  margin-top: 23px;
  padding-top: 23px;
  box-sizing: border-box;
  padding: 16px 14px 9px 16px;
  border-radius: 10px;
  background-color: #fff;
  width: calc(100% - 30px);
  margin: 20px auto 0;
}

.globalStock .sub_search .sub_mid.adequateArea .title {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  color: #8c90ad;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num {
  position: relative;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  flex-basis: 65px;
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  font-weight: 700;
  color: #fff;
  font-size: 1rem;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal.buy {
  background-color: #FF4500;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal.sell {
  background-color: #1E90FF;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal.hold {
  background-color: #008000;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal.waitting {
  background-color: #a1a1a1;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal.lock {
  background-color: #9ea6e0;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal_guide {
  cursor: pointer;
  position: absolute;
  right: -12px;
  top: -10px;
  padding: 5px;
  display: inline-block;
  border-radius: 50%;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .signal_guide img {
  display: block;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: calc(50% + 26px);
  top: -12px;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .charm_num .txt_guide img {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar {
  flex: 2;
  flex-basis: calc(100% - 85px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  height: 18px;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line .th {
  color: #333;
  font-size: 0.75rem;
  line-height: normal;
  text-align: right;
  min-width: 76px;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line .barArea {
  width: 100%;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line .score-container {
  position: relative;
  width: 100%;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line .score-bar {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  border-radius: 20px;
  background-color: #e6e7f4;
}

@keyframes move-dot {
  from {
    left: 0;
  }
}
.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line .score-dot {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0080FF;
  will-change: transform;
  animation-name: move-dot;
  animation-duration: 0.7s;
  /* 애니메이션 지속시간 */
  animation-fill-mode: forwards;
  /* 애니메이션 종료 후 마지막 상태를 유지 */
  animation-timing-function: ease;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line .score-dot::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line:nth-child(2) .score-dot {
  background-color: #1E90FF;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .mid .num_bar .line:nth-child(3) .score-dot {
  background-color: #00BFFF;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .latest_signal {
  margin-top: 15px;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: baseline;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .latest_signal .date,
.globalStock .sub_search .sub_mid.adequateArea .listWrap .latest_signal .date b {
  font-size: 0.75rem;
  line-height: 1.18;
  color: #939393;
  padding-bottom: 5px;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .latest_signal .date::before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.globalStock .sub_search .sub_mid.adequateArea .listWrap .latest_signal .num,
.globalStock .sub_search .sub_mid.adequateArea .listWrap .latest_signal .num b {
  font-size: 0.75rem;
  line-height: 1.18;
  color: #939393;
}

.globalStock .sub_search .sub_mid.adequateArea + .table_btmarea {
  width: calc(100% - 30px);
  margin: 5px auto 20px;
  border-top: 1px solid #f4f4f5;
  display: flex;
  gap: 7px;
  justify-content: flex-end;
  align-items: center;
}

.globalStock .sub_search .sub_mid.adequateArea + .table_btmarea a.more {
  position: relative;
  display: block;
  color: #333;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 8px 2px 3px;
  display: flex;
  gap: 7px;
  justify-content: center;
  align-items: center;
  background: url("/img/bg_bbline.png") repeat-x 0 calc(100% + 8px);
}

.globalStock .sub_search .sub_mid.adequateArea + .table_btmarea a.more i {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreR.png") no-repeat center center;
  background-size: cover;
}

.globalStock .sub_search .sub_mid.adequateArea .premiumLock_area {
  margin-top: 10px;
  background: var(--colbar) url("/img/premiumLock_area.png") no-repeat 0 0;
  background-size: cover;
}

.globalStock .sub_search .sub_mid.adequateArea .premiumLock_area .transbox {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 31px;
  min-height: 104px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  padding: 25px 7%;
  box-sizing: border-box;
  background-color: rgba(18, 111, 190, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@-moz-document url-prefix() {
  .globalStock .sub_search .sub_mid.adequateArea .premiumLock_area .transbox {
    background-color: rgba(18, 111, 190, 0.6);
  }
}
.globalStock .sub_search .sub_mid.adequateArea .premiumLock_area .transbox .free_title {
  text-shadow: 0 2px 0 rgba(59, 31, 31, 0.36);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: normal;
}

.globalStock .sub_search .sub_mid.adequateArea .premiumLock_area .transbox .sum {
  font-size: 11px;
  display: block;
  margin-top: 7px;
  font-weight: normal;
  letter-spacing: normal;
}

.globalStock .sub_search .sub_mid.adequateArea .premiumLock_area .transbox .more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 5px 9px;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -0.5px;
  text-align: center;
}

.globalStock .sub_search .sub_mid.adequateArea .premiumLock_area .transbox .more::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(-135deg);
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
}

.premiumLock_cunt {
  position: fixed;
  bottom: 75px;
  right: -300px;
  width: calc(100% - 30px);
  max-width: 350px;
  box-sizing: border-box;
  cursor: move;
  display: block;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  text-align: center;
  background-color: #Fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  will-change: transform;
  transition: All 0.5s ease;
  z-index: 97;
  opacity: 0;
}

.premiumLock_cunt.on {
  right: 15px;
  opacity: 1;
}

.premiumLock_cunt .more {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  color: #3655d6;
  cursor: default;
}

@media (min-width: 320px) and (max-width: 374px) {
  .premiumLock_cunt .more {
    gap: 6px;
    padding: 12px 12px;
  }
}
.premiumLock_cunt .more span {
  color: #939393;
}

.premiumLock_cunt .go_link {
  flex: 1;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: var(--Font-primary-blue, #4168F6);
  font-weight: normal;
  letter-spacing: -0.9px;
  color: #fff;
  padding: 8px 26px 8px 10px;
  font-size: 0.8125rem;
}

.premiumLock_cunt .go_link::before {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 12px;
  top: 12px;
}

.premium_applybtn {
  border-top: 2px solid #4f5cc7;
  position: sticky;
  bottom: 0;
  text-align: center;
  width: 100%;
  margin-top: 15px;
  padding: 17px 5px;
  box-sizing: border-box;
  background-color: var(--Font-primary-blue, #4168F6);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 1;
}

.premium_applybtn a {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.19;
  color: #fff;
}

.premium_applybtn a strong {
  color: #FFDA0D;
}

.premium_applybtn i {
  display: inline-block;
  background: url("/img/Icon_lock.svg") no-repeat;
  width: 12px;
  height: 15px;
  background-size: cover;
  margin-right: 4px;
  position: relative;
  top: 2px;
  left: -3px;
}

.freeInfo_box {
  border-radius: 5px;
  background-color: #E6E7F4;
  padding: 20px 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.freeInfo_box p {
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.18;
  color: var(--Font-primary-blue, #4168F6);
}

.freeInfo_box a {
  display: block;
  margin: 15px auto 0;
  width: 50%;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: var(--Font-primary-blue, #4168F6);
  font-weight: normal;
  letter-spacing: -0.9px;
  color: #fff;
  padding: 8px 10px;
  font-size: 0.8125rem;
}

.globalStock .sub_search .sub_mid.outline_box {
  width: calc(100% - 30px);
  margin: 8px auto 0;
  display: grid;
  grid-template-columns: calc(50% - 4px) calc(50% - 4px);
  gap: 8px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid.adequateArea {
    width: calc(100% - 20px);
  }
  .globalStock .sub_search .sub_mid.outline_box {
    width: calc(100% - 20px);
  }
}
.globalStock .sub_search .sub_mid.outline_box .box {
  box-sizing: border-box;
  padding: 16px 14px 9px 16px;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  float: left;
  width: 100%;
  /* overflow: hidden;	 */
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid.outline_box .box {
    padding: 14px 10px 7px 10px;
  }
}
.globalStock .sub_search .sub_mid.outline_box .box .con {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 113px;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid.outline_box .box .title {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  color: #8c90ad;
  position: relative;
}

.globalStock .sub_search .sub_mid.outline_box .box .title a,
.globalStock .sub_search .sub_mid.outline_box .box .title span {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  color: #8c90ad;
  background: url("/img/more_blue.svg") no-repeat right center;
}

.globalStock .sub_search .sub_mid.outline_box .box .title .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50px;
  top: 0;
  background: none;
}

.globalStock .sub_search .sub_mid.outline_box .box .title .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.outline_box .box .charmNum_box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0px;
}

.globalStock .sub_search .sub_mid.outline_box .box .charmNum_box .charm_num {
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 2.375rem;
  text-align: center;
  padding-right: 19px;
}

.globalStock .sub_search .sub_mid.outline_box .box .charmNum_box .charm_num::before {
  content: "";
  position: absolute;
  right: 7.5px;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 38px;
  background: #f4f4f5;
}

.globalStock .sub_search .sub_mid.outline_box .box .charmNum_box .charm_average {
  display: inline-block;
  line-height: 1.27;
  color: #939393;
  font-size: 0.7rem;
}

.globalStock .sub_search .sub_mid.outline_box .box .charmNum_box .charm_average b {
  line-height: 1;
  font-size: 0.875rem;
  color: #333;
  display: block;
  padding-top: 3px;
}

.globalStock .sub_search .sub_mid.outline_box .box .charm_ranking {
  width: 100%;
  text-align: center;
  color: #939393;
  font-size: 0.7rem;
}

.globalStock .sub_search .sub_mid.outline_box .box .charm_ranking span {
  color: var(--Font-primary-blue, #4168F6);
  font-size: 0.7rem;
}

.globalStock .sub_search .sub_mid.outline_box .box .charm_ranking span.increase {
  color: #ff0000;
}

.globalStock .sub_search .sub_mid.outline_box .box .charm_ranking span.decrease {
  color: #0062ff;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .title a {
  background: none;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .txt_guide {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 8px;
  top: 8px;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .txt_guide img {
  display: inline-block;
  width: 100%;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip {
  padding: 20px 10px;
  width: 100%;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul {
  display: flex;
  text-align: center;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li {
  flex: 1;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 25px;
  background: url("/img/game_trans.svg") no-repeat 0 0;
  background-size: 114px 24px;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li span {
  display: block;
  padding-top: 9px;
  font-size: 0.75rem;
  line-height: 1.33;
  color: #939393;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i.trans_icn::before {
  content: "N/A";
  font-style: normal;
  display: none;
  color: #939393;
  font-size: 0.75rem;
  padding-right: 4px;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i.trans_icn.trans {
  background-position-x: -45px;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i.trans_icn.down {
  background-position-x: 100%;
}

.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i.trans_icn.up::before,
.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i.trans_icn.trans::before,
.globalStock .sub_search .sub_mid.outline_box .box .attention_box .game_tip ul li i.trans_icn.down::before {
  display: none;
}

.globalStock .sub_search .sub_mid.outline_box .box .data_attainment {
  width: 100%;
}

.globalStock .sub_search .sub_mid.outline_box .box .data_attainment ul {
  display: grid;
  gap: 19px 15%;
  grid-template-columns: 1fr 1fr;
  place-content: space-between center;
}

.globalStock .sub_search .sub_mid.outline_box .box .data_attainment ul li {
  font-size: 0.7rem;
  color: #939393;
}

.globalStock .sub_search .sub_mid.outline_box .box .data_attainment ul li span {
  display: block;
  color: #333;
  padding-top: 5px;
  font-size: 1rem;
  font-weight: bold;
}

.globalStock .sub_search .sub_mid.outline_box .box .data_attainment ul li span b {
  color: #333;
  font-weight: 300;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart {
  width: 100%;
  padding: 0;
  overflow: initial;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .no_data {
  padding: 6px 14px;
  border-radius: 2px;
  background-color: #e6e7f4;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.18;
  color: var(--Font-primary-blue, #4168F6);
  text-align: center;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .no_data + .line {
  margin-top: 11px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .prm_lock span {
  position: relative;
  display: block;
  padding: 6px 14px;
  border-radius: 2px;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.18;
  color: #f9db4c;
  text-align: center;
  background: #404fc3 url("/img/more_yel.svg") no-repeat calc(100% - 10px) center;
  background-size: 5px 8px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .prm_lock span i {
  position: absolute;
  left: 10px;
  top: 6px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 13px;
  margin-right: 4px;
  background: url("/img/Icon_lock.svg") no-repeat 0 0;
  background-size: 10px 13px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .prm_lock + .line {
  margin-top: 11px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line {
  position: relative;
  width: calc(100% - 20px);
  box-sizing: border-box;
  height: 2px;
  border-radius: 20px;
  background-color: #e6e7f4;
  margin: 35px auto 0;
}

/* .globalStock .sub_search .sub_mid.outline_box .box .value_chart .line::before,
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: -15px;
	bottom: 0;
	width: 15px;
	height: 2px;  
	border-radius: 20px;
	background-color: #e6e7f4;
} */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line::after {
  left: auto;
  right: -15px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .g_action {
  position: absolute;
  left: 0;
  top: -6px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #404FC3;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .g_action::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .no_data + .line .g_action,
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .prm_lock + .line .g_action {
  background-color: #9ea6e0;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .adequate {
  margin-top: 13px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .adequate span {
  display: block;
  font-size: 0.7rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  color: #333;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .adequate strong {
  display: block;
  padding-top: 3px;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  color: #333;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .adequate strong b {
  font-weight: 300;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .adequate .remark {
  margin-top: 3px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .adequate .remark .txt_filter.size_B i {
  width: 8px;
  height: 8px;
  margin: 0 1px 1px;
  opacity: 0.67;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation {
  position: absolute;
  left: 0;
  top: -30px;
  width: 56px;
  text-align: center;
  padding-bottom: 10px;
  margin-left: -27px;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation {
    padding-bottom: 12px;
    width: 42px;
    margin-left: -20.5px;
  }
}
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation::after {
  content: "";
  top: 100%;
  left: 50%;
  margin-left: -4px;
  /* border: solid transparent; */
  content: " ";
  position: absolute;
  pointer-events: none;
  width: 10px;
  height: 10px;
  /* background: url('/img/situation_arow.svg') no-repeat center center; */
  border-radius: 50%;
  background-color: var(--Font-primary-blue, #4168F6);
  z-index: 90;
}

/* 0 미만인 경우 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.under {
  margin-left: -12px;
  width: auto;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.under::after {
  left: calc(50% - 10px);
}

/* 100% 초과인 경우 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.over {
  left: auto;
  right: auto;
  margin-left: auto;
  margin-right: -9px;
  width: auto;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.over::after {
  left: calc(50% + 10px);
}

/* 적극매수 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.St_buying {
  left: 0;
  text-align: left;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.St_buying::after {
  margin-left: -19px;
}

/* 매우 저평가 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.buying {
  left: 4%;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.buying::after {
  margin-left: -4px;
}

/* 매도 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.sell {
  left: 47%;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.sell::after {
  margin-left: -10px;
}

/* 매우 고평가 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.St_sell {
  left: auto;
  right: 0;
  text-align: right;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.St_sell::after {
  margin-left: 4px;
}

/* 적정가 */
.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.propriety {
  left: 50%;
  margin-left: -27px;
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.propriety::after {
  display: none;
  margin-left: -10px;
  top: calc(100% - 2px);
}

.globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation span {
  position: relative;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 0.93;
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid.outline_box .box .event_attractiveness {
  width: 100%;
  background: url("/img/bg_event_attractiveness.svg") no-repeat 9px center;
}

.globalStock .sub_search .sub_mid.outline_box .box .event_attractiveness ul {
  display: grid;
  justify-items: start;
  gap: 10px 0;
  margin-left: 54px;
  padding: 12px 0;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid.outline_box .box .event_attractiveness ul li {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.36;
  letter-spacing: -0.7px;
}

.globalStock .sub_search .sub_mid.outline_box .box .event_attractiveness li.att_on {
  padding: 0 2px;
  color: var(--Font-primary-blue, #4168F6);
  background: url("/img/bg_bbline.png") repeat-x 0 calc(100% + 8px);
}

.globalStock .sub_search .sub_mid.outline_box .box .event_attractiveness li.att_on a {
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid.outline_box .box .event_attractiveness li.att {
  font-size: 1rem;
  color: #939393;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.outline_box .box .competitors {
  width: 100%;
  height: 100%;
  padding-top: 8px;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid.outline_box .box .competitors ul {
  margin-top: 10px;
}

.globalStock .sub_search .sub_mid.outline_box .box .competitors li {
  color: #333;
  font-size: 0.75rem;
  line-height: normal;
}

.globalStock .sub_search .sub_mid.outline_box .box .competitors li span {
  display: inline-block;
  width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}

.globalStock .sub_search .sub_mid.outline_box .box .competitors span.list {
  display: inline-block;
  padding: 4px 7px;
  text-align: center;
  background: #f5f6ff;
  border-radius: 20px;
  font-size: 0.7rem;
  max-width: calc(100% - 10px);
  color: #939393;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.globalStock .sub_search .sub_mid.outline_investCharm {
  padding: 0 14px;
  margin-top: 50px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .containersummary1 {
  height: 200px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary {
  position: relative;
  margin-top: 40px;
  padding: 16px 16px 9px 18px;
  border-radius: 10px;
  background-color: #ececef;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary .view_box {
  overflow: hidden;
  height: 80px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary.small {
  padding-bottom: 35px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary.big::before {
  content: "";
  display: block;
  background: #ececef;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: calc(50% - 20px);
  bottom: -20px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary.big::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #867EAF;
  border-top: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 7px);
  bottom: -15px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary.small::before {
  content: "";
  display: block;
  background: #867EAF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 50%;
  bottom: 10px;
  display: none;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary.small::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #867EAF;
  border-bottom: 1px solid #867EAF;
  transform: rotate(45deg);
  position: absolute;
  right: calc(50% - 7px);
  bottom: 15px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary p {
  color: #333;
  font-size: 0.85rem;
  line-height: 1.3rem;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary .etc {
  margin: 10px 0;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary .etc li {
  padding: 4px 0;
  color: #939393;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary .etc li span {
  color: #939393;
  font-size: 0.75rem;
  padding-right: 5px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .summary .etc li a {
  color: #6178f2;
  font-size: 0.8rem;
  text-decoration: underline;
}

.globalStock .sub_search .sub_mid.outline_investCharm .table_box {
  overflow: hidden;
}

.globalStock .sub_search .sub_mid.outline_investCharm .table_box strong.unit {
  display: block;
  text-align: right;
  color: #939393;
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 38px;
  margin-right: 0;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table {
  border-top: 1px solid #939393;
  border-bottom: 1px solid #E0E4E9;
  margin: 10px auto 20px;
  width: calc(100% - 10px);
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table th,
.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table td {
  padding: 11px 3px 0 5px;
  text-align: center;
  text-align: left;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table th {
  color: #939393;
  font-size: 0.9375rem;
  line-height: 24px;
  height: 47px;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table th span {
  border-bottom: 1px dotted #999;
  padding-bottom: 4px;
  display: inline-block;
  color: #939393;
  font-size: 0.75rem;
  line-height: 0.95rem;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table td {
  color: #333;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table td.name {
  color: #333;
  text-align: left;
  display: inline-block;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table td.increase {
  color: #F8385A;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table td.decrease {
  color: #0094FF;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table {
  width: calc(50% - 7px);
  vertical-align: top;
  border-top: 1px solid #939393;
  margin-bottom: 10px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table.left {
  float: left;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table.right {
  float: right;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table.left tr:nth-child(1) td span,
.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table.left tr:nth-child(2) td span {
  display: block;
  padding-top: 4px;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table th {
  vertical-align: top;
}

.globalStock .sub_search .sub_mid.outline_investCharm .tableRanking.guide_table td {
  text-align: right;
  vertical-align: top;
}

/* 종목진단 - 적정주가 */
.globalStock .sub_search .sub_mid .adequate_stock {
  margin: 20px auto 0;
  width: calc(100% - 30px);
}

.globalStock .sub_search .sub_mid .adequate_stock .box {
  padding: 16px 15px 20px;
  border-radius: 16px;
  background-color: #f7f8f9;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid .adequate_stock {
    width: calc(100% - 20px);
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box {
    padding: 16px 10px 20px;
  }
}
.globalStock .sub_search .sub_mid .adequate_stock .box .title a {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  color: #8c90ad;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con {
  padding-top: 11px;
}

.globalStock .sub_search .sub_mid .adequate_stock.premiumLock_AI .box .adequate_price .nodata_area .no_data {
  padding: 0;
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid .adequate_stock.premiumLock_AI .box .adequate_price .nodata_area .no_data a {
  display: block;
  padding: 9px 0;
  color: #f9db4c;
}

/* 종목진단 AI적정주가 벨류라인 차트 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart {
  width: 100%;
  padding: 0;
  overflow: initial;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line {
  position: relative;
  width: calc(100% - 46px);
  margin: 70px auto 0;
  height: 2px;
  border-radius: 20px;
  background-color: #e6e7f4;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line::before,
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -14px;
  bottom: 0;
  width: 14px;
  height: 2px;
  border-radius: 20px;
  background-color: #e6e7f4;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line::after {
  left: auto;
  right: -14px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .g_action {
  position: absolute;
  left: 0;
  top: -6px;
  /* margin-left:-5px; */
  transform: translateX(-50%);
  z-index: 2;
  display: inline-block;
  background: #404FC3;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .g_action::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
}

/* 매우저평가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .g_action.g_buying {
  top: -3px;
  left: 0;
  right: auto;
  width: 8px;
  height: 8px;
  background-color: #aaaee8;
  margin-left: -2px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .g_action.g_buying::after {
  content: "매우저평가";
  position: absolute;
  left: 0;
  top: 20px;
  display: inline-block;
  width: 60px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #333;
  background-color: transparent;
}

/* 매우고평가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .g_action.g_sell {
  top: -3px;
  left: auto;
  right: -3px;
  width: 8px;
  height: 8px;
  background-color: #aaaee8;
  margin-right: -5px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .g_action.g_sell::after {
  content: "매우고평가";
  position: absolute;
  left: auto;
  right: 0;
  top: 20px;
  display: inline-block;
  width: 60px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #333;
  background-color: transparent;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate {
  text-align: center;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate strong {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 4px 14px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 1rem;
  font-weight: normal;
  line-height: 0.87;
  color: #333;
  border: 1px solid #e0e4e9;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate strong::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -14px;
  margin-left: 1px;
  transform: translateX(-50%);
  pointer-events: none;
  width: 1px;
  height: 15px;
  background-color: var(--Font-primary-blue, #4168F6);
  z-index: 90;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate span {
  display: block;
  padding-bottom: 5px;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  color: #333;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate strong b {
  font-weight: 300;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate .remark {
  margin-top: 6px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate .remark .txt_filter.size_B i {
  width: 8px;
  height: 8px;
  margin: 0 1px 1px;
  opacity: 0.67;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate .md-trigger {
  display: inline-block;
  padding: 0 7px;
  box-sizing: border-box;
  background-color: var(--Font-primary-blue, #4168F6);
  border-radius: 20px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .adequate .md-trigger .remark .txt_filter.size_B i {
  background-color: #fff;
  opacity: 1;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation {
  position: absolute;
  left: 0;
  top: -60px;
  /* margin-left: -34px; */
  transform: translateX(-50%);
  min-width: 56px;
  text-align: center;
  padding: 1px 8px 7px;
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  z-index: 10;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation::after {
  content: "";
  display: inline-block;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  /* margin-left: -5px; */
  /* border: solid transparent; */
  content: " ";
  position: absolute;
  pointer-events: none;
  background-color: var(--Font-primary-blue, #4168F6);
  z-index: 90;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 42px;
  pointer-events: none;
  width: 1px;
  height: 20px;
  background-color: var(--Font-primary-blue, #4168F6);
  z-index: 90;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation::before {
    top: 36px;
  }
}
/* 0 미만인 경우 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.under {
  left: auto;
  right: auto;
  margin-left: 12px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.under:before {
  left: calc(50% - 20px);
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.under::after {
  left: calc(50% - 20px);
}

/* 100% 초과인 경우 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.over {
  left: auto;
  right: auto;
  margin-left: auto;
  margin-right: -64px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.over:before {
  left: calc(50% + 20px);
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.over::after {
  left: calc(50% + 20px);
}

/* 적극매수 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.St_buying {
  left: 0;
  text-align: left;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.St_buying::after {
  margin-left: -19px;
}

/* 매우 저평가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.buying {
  left: 4%;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.buying::after {
  margin-left: -4px;
}

/* 매도 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.sell {
  left: 47%;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.sell::after {
  margin-left: -10px;
}

/* 매우 고평가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.St_sell {
  left: auto;
  right: 0;
  text-align: right;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.St_sell::after {
  margin-left: 4px;
}

/* 적정가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.propriety {
  left: 50%;
  margin-left: -27px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.propriety::after {
  display: none;
  margin-left: -10px;
  top: calc(100% - 2px);
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation span {
  font-size: 10px;
  font-size: 0.65rem;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  opacity: 0.5;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation .sync_price {
  display: block;
  padding-top: 5px;
  font-size: 1rem;
  line-height: 0.81;
  color: #fff;
  opacity: 1;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation .sync_price b {
  font-size: 1rem;
  line-height: 0.81;
  color: #fff;
  font-weight: 300;
  opacity: 1;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price {
  width: 100%;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line {
  display: flex;
  justify-content: space-between;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain {
  flex: 1;
  margin: 0 2px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price {
  opacity: 0;
  display: inline-block;
  padding: 4px 6px 6px 6px;
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  color: #fff;
  width: 100%;
  height: 30px;
  margin-left: -6px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price span {
  color: #fff;
  font-size: 0.6rem;
  display: block;
  opacity: 0.51;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price span:nth-child(2) {
  font-size: 0;
  opacity: 1;
  padding-top: 4px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain.active .price span:nth-child(2) {
  font-size: 1rem;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price span b {
  color: #fff;
  font-weight: 300;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price_line {
  position: relative;
  text-align: center;
  margin-top: 20px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price_line::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #c9ccf4;
  z-index: 90;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain:first-child .price_line::before {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain:last-child .price_line::before {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain .price_line span {
  display: block;
  margin-top: 11px;
  font-size: 0.875rem;
  line-height: 0.93;
  color: #c3c3c3;
}

/* 종목진단 - 적정주가탭 - 적정주가 노데이터 */
.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .no_data {
  text-align: center;
  padding: 9px 0;
  margin-top: 10px;
  border-radius: 2px;
  background-color: #e6e7f4;
  font-size: 0.875rem;
  line-height: 1.21;
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 20px;
  background-color: #e6e7f4;
  margin-top: 20px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .g_action {
  position: absolute;
  left: 0;
  top: -6px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #aaaee8;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .g_action::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
}

/* 매우저평가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .g_action.g_buying {
  top: -3px;
  left: 4%;
  right: auto;
  width: 8px;
  height: 8px;
  background-color: #aaaee8;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .g_action.g_buying::after {
  content: "매우저평가";
  position: absolute;
  left: 0;
  top: 20px;
  display: inline-block;
  width: 60px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}

/* 매우고평가 */
.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .g_action.g_sell {
  top: -3px;
  left: auto;
  right: 4%;
  width: 8px;
  height: 8px;
  background-color: #aaaee8;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .g_action.g_sell::after {
  content: "매우고평가";
  position: absolute;
  left: auto;
  right: 0;
  top: 20px;
  display: inline-block;
  width: 60px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .line .domain .price_line::before {
  background: #ebebeb;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .g_action {
  background: #a7a7a7;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .adequate .remark {
  margin-top: 3px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .adequate .remark .txt_filter.size_B i {
  width: 8px;
  height: 8px;
  margin: 0 1px 1px;
  opacity: 0.67;
}

/* 프리미엄 가입자가 아닌 경우 */
.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .banner_prm {
  background: #404FC3;
  border-radius: 2px;
  margin-top: 10px;
  padding: 8px 0 10px;
  text-align: center;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .banner_prm .cho_prm {
  color: #fff;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .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_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .banner_prm .weeks_free {
  color: #FFDA0D;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 5px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .nodata_area .banner_prm.prm_service .weeks_free {
  color: #1EE8BE;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .adequate {
  text-align: center;
  margin-top: 10px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .adequate strong span {
  display: block;
  color: #333;
  font-size: 0.6rem;
  text-align: left;
  padding-bottom: 2px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .adequate strong {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 3px;
  background-color: #f5f6ff;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 0.87;
  color: #333;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .adequate strong b {
  font-weight: 300;
}

/* 적정주가 활성화 된 영역 */
.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain.active .price {
  opacity: 1;
  position: relative;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain.active .price::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(64, 79, 195, 0);
  border-top-color: var(--Font-primary-blue, #4168F6);
  border-width: 7px;
  margin-left: -7px;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain.active .price_line::before {
  background: #404fc3;
}

.globalStock .sub_search .sub_mid .adequate_stock .box .adequate_price .line .domain.active .price_line span {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  border-top: 1px solid #f4f4f5;
  margin-bottom: 0;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 27px;
  width: 1px;
  height: 45px;
  background: #e0e4e9;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data .txt_guide {
  right: 0;
  top: 8px;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data .evaluation_table th {
  padding: 0;
  text-align: left;
  color: #333;
  width: 40%;
  box-sizing: border-box;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data .evaluation_table td {
  width: 60%;
  box-sizing: border-box;
  text-align: right;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data .evaluation_table th span {
  color: #333;
}

.globalStock .sub_search .sub_mid .adequate_stock .evaluation_data .evaluation_table td span b {
  font-weight: 300;
  opacity: 1;
}

.globalStock .sub_search .sub_mid .bandchart_more {
  margin: 40px auto 0;
  width: calc(100% - 30px);
  overflow: hidden;
}

.globalStock .sub_search .sub_mid .bandchart_more p {
  font-size: 0.8125rem;
  line-height: 1.54;
  color: var(--Font-primary-blue, #4168F6);
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
}

.globalStock .sub_search .sub_mid .bandchart_more p i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.globalStock .sub_search .sub_mid .bandchart_more .more {
  font-size: 10px;
  line-height: 1.3;
  color: var(--Font-primary-blue, #4168F6);
  float: right;
  position: relative;
}

.globalStock .sub_search .sub_mid .bandchart_more .more::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 1px;
  left: -14px;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}

.globalStock .sub_search .sub_mid .bandchart_sume {
  margin-top: 64px;
  border-top: 4px solid #e0e4e9;
  padding: 24px 14px 0;
  background: #fff;
}

.globalStock .sub_search .sub_mid .bandchart_sume .txt {
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #333;
  position: relative;
  padding-left: 18px;
  margin-top: 15px;
}
.globalStock .sub_search .sub_mid .bandchart_sume .txt .more {
  display: inline-flex;
  align-items: center;
  gap: 0 6px;
  padding-left: 6px;
  font-size: 0.75rem;
  line-height: 1.54;
  color: #608bff;
  text-decoration: underline;
}
.globalStock .sub_search .sub_mid .bandchart_sume .txt .more::after {
  content: "";
  width: 4px;
  height: 4px;
  margin: auto;
  border-top: 1px solid #608bff;
  border-right: 1px solid #608bff;
  transform: rotate(45deg);
}

.globalStock .sub_search .sub_mid .bandchart_sume .txt:first-child {
  margin-top: 0;
}

.globalStock .sub_search .sub_mid .bandchart_sume .txt i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.globalStock .sub_search .sub_mid .bandchart_sume .box {
  margin-top: 15px;
  padding: 16px 14px;
  border-radius: 5px;
  border: 1px solid #f0f5ff;
  background-color: #fafbff;
}

.globalStock .sub_search .sub_mid .bandchart_sume .box .title {
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--Font-primary-blue, #4168F6);
}

.globalStock .sub_search .sub_mid .bandchart_sume .box ul li {
  font-size: 0.8125rem;
  line-height: 1.54;
  letter-spacing: -0.33px;
  color: #333;
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
}

.globalStock .sub_search .sub_mid .bandchart_sume .box ul li i {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  color: var(--Font-primary-blue, #4168F6);
  font-style: normal;
  position: absolute;
  left: 0;
  top: 5px;
}

.globalStock .sub_search .sub_mid .bandchart_sume .guide {
  font-size: 0.8125rem;
  letter-spacing: -0.33px;
  text-align: left;
  line-height: 1.54;
  color: #333;
  margin-top: 15px;
}

.globalStock .sub_search .sub_mid .bandchart_sume .youtube_link {
  display: block;
  margin-top: 20px;
  font-size: 0.8125rem;
  line-height: 1.54;
  letter-spacing: -0.33px;
  text-align: left;
  color: #608bff;
  text-decoration: underline;
}

.globalStock .sub_search .sub_mid .bandchart_sume .youtube_link i {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("/img/icon_youtube.svg") no-repeat center center;
  margin-right: 8px;
}

.globalStock .sub_search .sub_mid .eventsum_area {
  margin-top: 40px;
  background-color: #fff;
}

.globalStock .sub_search .sub_mid .eventsum_area .chart_bg {
  position: relative;
  background: #fff;
}

.globalStock .sub_search .sub_mid .eventsum_area .chart_bg::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 340px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.2) 100%);
  display: none;
}

.globalStock .sub_search .sub_mid .eventsum_area .chart_layout {
  border-top: 4px solid #f4f4f5;
  background-color: #fff;
}

.globalStock .sub_search .sub_mid .eventsum_area .chart_layout .highcharts-series-label text {
  opacity: 0;
  display: none;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare {
  position: relative;
  background: url("/img/bandChart_free.jpg") no-repeat 0 0;
  aspect-ratio: 1.824;
  background-size: 100% 100%;
  width: 100%;
  min-height: 360px;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  background: #333;
  opacity: 0.2;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare .weeks_free {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 91;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare .weeks_free .box {
  margin: 0 auto;
  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_search .sub_mid .eventsum_area .freeChare .weeks_free .box .title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare .weeks_free .box .title i {
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("/img/Icon_lockF.png") no-repeat 0 0;
  background-size: 10px 13px;
  margin-right: 3px;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare .weeks_free .box .left {
  text-align: center;
  vertical-align: top;
}

.globalStock .sub_search .sub_mid .eventsum_area .freeChare .weeks_free .box .right {
  margin-top: 15px;
  vertical-align: top;
}

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

.globalStock .sub_search .sub_mid .eventsum_area .freeChare .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: 500;
  padding: 8px 12px;
  width: 55%;
}

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

.highcharts-axis-labels text {
  font-weight: 300;
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table {
  border-bottom: 1px solid #E0E4E9;
  margin: 15px auto;
  width: calc(100% - 30px);
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table tr {
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table th,
.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table td {
  padding: 11px 3px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: normal;
  color: #333;
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table th {
  border-bottom: 1px solid #939393;
  color: #939393;
  font-size: 0.7rem;
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table td b {
  font-weight: bold;
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table td.name {
  color: #939393;
  width: 62px;
}

.globalStock .sub_search .sub_mid .eventsum_area .tableRanking.sum_table td .remark .txt_filter.size_B i {
  width: 8px;
  height: 8px;
  margin: 0 1px 1px;
  opacity: 0.67;
}

/* 뉴스 */
.globalStock .sub_search .sub_mid.research_board {
  margin: 0 auto 20px;
}
.globalStock .sub_search .sub_mid.research_board .filter_list {
  margin-top: 0 !important;
}
.globalStock .sub_search .sub_mid.research_board .lst_type {
  width: calc(100% - 30px);
  margin: 15px auto 30px;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 24px 0;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list:first-child, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list:first-child {
  border-top: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list .tag, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .txt .lock_icon, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  margin-right: 3px;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .txt p, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .info_box, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .info_box .day p, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .news_content .info_box .noti_tag, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .img, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .img.briefing, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .img span, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .img span {
  display: inline-flex;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .img span img, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.globalStock .sub_search .sub_mid.research_board .lst_type.news_list .list .img span.logo img, .globalStock .sub_search .sub_mid.research_board .lst_type.note_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}
.globalStock .sub_search .sub_mid.research_board .btn_more a {
  padding: 19px 16px;
}
.globalStock .sub_search .sub_mid.research_board .news_no_data {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 9px 9px;
  min-height: 160px;
  padding: 40px 20px;
  box-sizing: border-box;
}
.globalStock .sub_search .sub_mid.research_board .news_no_data .txt {
  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);
}

.globalStock .sub_search .sub_mid.research_board .set {
  text-align: right;
  padding: 0 15px;
}

.globalStock .sub_search .sub_mid.research_board .set span {
  color: #939393;
  position: relative;
  padding: 0 10px 0 10px;
  font-size: 0.75rem;
}

.globalStock .sub_search .sub_mid.research_board .set span.active {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.globalStock .sub_search .sub_mid.research_board .set span:last-child {
  padding-right: 0;
}

.globalStock .sub_search .sub_mid.research_board .set span:first-child::before {
  content: "";
  position: absolute;
  right: -3px;
  top: 2px;
  display: inline-block;
  width: 1px;
  height: 12px;
  border-right: 1px solid #BEBCCB;
}

.globalStock .sub_search .sub_mid.research_board .lst_type {
  width: calc(100% - 40px);
  margin: 15px auto 30px;
}

.globalStock .sub_search .sub_mid.research_board .lst_type li {
  clear: both;
  _height: 0;
  _font-size: 0;
  padding: 12px 0;
  border-bottom: 1px solid #E0E4E9;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 {
  overflow: hidden;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dt {
  padding: 5px 0;
  font-size: 14px;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dt.tit {
  margin-top: 8px;
  margin-left: 100px;
  margin-bottom: 4px;
  color: #939393;
  font-size: 1rem;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dt.tit a,
.globalStock .sub_search .sub_mid.research_board .lst_type2 dt.tit strong {
  color: #333;
  font-weight: normal;
  font-size: 1rem;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2.lst_lock dt.tit strong {
  padding-left: 20px;
  background: url("/img/prm_tabsLock.svg") no-repeat 0 center;
  background-size: 11px auto;
  word-break: break-all;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dt.tit a {
  display: inline-block;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 2.8em;
  line-height: 1.4em;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dd.photo {
  float: left;
  margin: -65px 10px 0 0;
  color: #fff;
  text-align: center;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dd {
  line-height: 16px;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dd.photo a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #fff;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dd img {
  position: relative;
  border: none;
  display: inline-block;
  width: 80px;
  height: 71px;
  border-radius: 10px;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dd.photo {
  position: relative;
  border: none;
  display: inline-block;
  width: 80px;
  height: 71px;
  background: #fff url("/img/noimg.png") no-repeat center center;
  background-size: cover;
  border: 1px solid #E0E4E9;
  border-radius: 10px;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 dd img {
  border: none;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 a {
  color: #333;
  display: inline-block;
}

.globalStock .sub_search .sub_mid.research_board .lst_type2 a:hover {
  text-decoration: underline;
}

/* 텍스트 에니메이션 */
.Re_fresh {
  animation: rotate-in-hor 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes rotate-in-hor {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
/* IE10+ 익스플로러 전용 css */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .globalStock .main_searching .searchArea .searchInput {
    height: 38px;
  }
  .globalStock .main_mid.attention_area .attentionSwiper table.tableRanking.type_2Line {
    position: relative;
    top: 0;
  }
  /* 종목추천 */
  .globalStock .main_top.recommend_area .chart_area {
    display: block;
    font-size: 0;
  }
  .globalStock .main_top.recommend_area .chart_area .chartData {
    width: calc(100% - 140px);
  }
  .globalStock .main_top.recommend_area .chart_area .chartGoal {
    width: 140px;
  }
  .globalStock .ptfo_datatable .tableRanking.ptfo_table,
  .globalStock .ptfo_datatable .tableRanking.ptfo_table th,
  .globalStock .ptfo_datatable .tableRanking.ptfo_table td {
    border: none;
    border: 0;
  }
  .globalStock .ptfo_datatable .tableRanking.ptfo_table td.name {
    border: none;
  }
  /* 투자매력도 */
  .globalStock .sub_attract .sub_mid.attract_sub .weeks_free .box .left,
  .globalStock .sub_search .latest_results .tabsArea .weeks_free .box .left,
  .globalStock .sub_search .sub_mid.tabs_area > .weeks_free .box .left,
  .globalStock .sub_search .sub_mid .tab_diagnosis_area .weeks_free .box .left,
  .globalStock .sub_search .latest_results .tabsArea .onestep_sample .box .left {
    width: calc(50% + 10px);
  }
  .globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .chartData {
    display: inline-block;
    min-width: 290px;
  }
  .globalStock .sub_search .sub_mid.tabs_area .chart_area.diagnosis .difference {
    display: inline-block;
    width: calc(100% - 300px);
  }
  .globalStock .sub_search .latest_results .tabsArea .onestep_chart .labels_y span {
    transform: rotate(270deg);
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i {
    background-size: auto 14px;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.trans {
    background-position-x: 50%;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.down {
    background-position-x: calc(100% + 0px);
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .recipe_area .area .analysis_score .game_tip i.trans_icn.up {
    background-position-x: 0;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .update_info .atten i.attention {
    background-size: 13px auto;
    width: 10px;
  }
  .globalStock .sub_recipe .sub_mid.recipe_view .update_info .atten i.attention.on {
    background-position: 1 100%;
  }
  .globalStock .sub_service .sub_top.service_t01 {
    background: #fff url("/img/bg_service.png") no-repeat right bottom;
    background-size: 202px 148px;
  }
  .globalStock .sub_service .sub_top.service_t03 {
    background: #fff url("/img/bg_service_3.png") no-repeat right bottom;
    background-size: 235px 175px;
  }
  .globalStock .sub_service .sub_top.service_t02 {
    background: #404fc3 url("/img/bg_service_2.png") no-repeat right bottom;
    background-size: 172px 196px;
  }
  .globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs ul {
    display: inline-block;
  }
  .globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    float: left;
    height: 184px;
    box-sizing: border-box;
  }
  .globalStock .sub_recipe .sub_mid.recipe_tabs .box_tabs li:nth-child(2n) {
    float: right;
  }
  .globalStock .sub_search .sub_mid.outline_box {
    overflow: hidden;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    float: left;
    height: 150px;
    box-sizing: border-box;
  }
  .globalStock .sub_search .sub_mid.outline_box .box:nth-child(2n) {
    float: right;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .data_attainment ul li {
    display: inline-block;
    width: calc(50% - 5px);
    margin-bottom: 15px;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .event_attractiveness ul li {
    display: inline-block;
    margin-bottom: 7px;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .event_attractiveness li.att {
    display: block;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation span {
    display: inline-block;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .prm_lock span {
    background: #404fc3 url("/img/more_yel.svg") no-repeat 95% center;
    background-size: 5px 8px;
  }
}
.globalStock .main_mid.note_area.new_list .lst_type2 dt.tit {
  padding-top: 10px;
}

.purchase_wrapper .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;
}

.purchase_wrapper.open {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.purchase_wrapper.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;
}

.purchase_wrapper .box {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  height: 0;
  box-sizing: border-box;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0;
  transition: all 0s ease-in-out;
  z-index: 999;
}

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

.purchase_wrapper .head {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  text-align: center;
  padding: 35px 0 15px;
}

.purchase_wrapper .head .logo {
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
}

.purchase_wrapper .head .btn-close {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -21px;
  width: 42px;
  height: 6px;
  padding: 10px 0;
  box-sizing: border-box;
}

.purchase_wrapper .head .btn-close img {
  display: inline-block;
  width: 100%;
}

.purchase_wrapper .content {
  border-top: 1px solid #E0E5F0;
  width: calc(100% - 60px);
  margin: 0 auto;
  padding: 16px 2px 24px;
}

.purchase_wrapper .content ul {
  margin: 0;
  font-size: 0;
}

.purchase_wrapper .content li {
  width: 33.3333333333%;
  /* padding-top: 25px; */
  padding: 7px 0;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}

.purchase_wrapper .content li:nth-child(4),
.purchase_wrapper .content li:nth-child(7) {
  margin-top: 8px;
}

.purchase_wrapper .content li.active {
  border: 1px solid #E0E5F0;
  border-radius: 5px;
  position: relative;
}

.purchase_wrapper .content li.active::before {
  content: "최근선택";
  position: absolute;
  top: -5px;
  left: 6px;
  display: inline-block;
  width: 44px;
  height: 14px;
  line-height: normal;
  text-align: center;
  box-sizing: border-box;
  color: #549EF4;
  background-color: #fff;
  font-size: 10px;
}

.purchase_wrapper .content li span {
  display: block;
}

.purchase_wrapper .content li a {
  display: inline-block;
}

.purchase_wrapper .content li span.name {
  margin-top: 5px;
  color: #82929F;
  font-size: 12px;
  font-weight: 300;
}

/* 신규서비스 2주 안내 팝업 기본 / 메인 */
.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-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0;
  transition: all 0s ease-in-out;
  z-index: 999;
}

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

.free_2weeks .content {
  padding: 0 25px;
  box-sizing: border-box;
}

.free_2weeks .content .info_txt {
  padding-top: 35px;
  padding-bottom: 25px;
  /* background: url('/img/bg_free_2weeks.svg') no-repeat right 17px; 프리미엄 무료체험 */
  background: url("/img/recipe_today.png") no-repeat 90% 50%;
  /* 오늘의 매매신호 */
  background-size: auto 91px;
}

.free_2weeks .content .info_txt .txt01 {
  display: inline-block;
  width: 60%;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  color: var(--Font-primary-blue, #4168F6);
}

.free_2weeks .content .info_txt .txt01 strong {
  display: inline;
  color: var(--Font-primary-blue, #4168F6);
  background: url("/img/bg_blue_line.gif") repeat-x right bottom;
}

.free_2weeks .content .info_txt .txt02 {
  display: inline-block;
  width: 80%;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.27;
  color: #000;
}

.free_2weeks .content .info_txt .txt02 span {
  color: #000;
  text-decoration: underline;
}

.free_2weeks .content .info_txt .txt03 {
  display: inline-block;
  width: 60%;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #939393;
}

.free_2weeks.signalpop .content .info_txt .txt01 {
  width: 100%;
}

.free_2weeks.signalpop .content .info_txt .txt02 {
  margin-top: 7px;
  color: #444;
}

.free_2weeks.signalpop .content .info_txt {
  background-image: url("/img/signalpop_bg.jpg");
  background-size: 120px auto;
  background-position: right 55%;
}

.free_2weeks.signalpop .ftr {
  margin-top: 0;
}

.free_2weeks .content .info_tip .tip {
  font-size: 13px;
  line-height: 1.24;
  margin-top: 3px;
  color: #939393;
}

.free_2weeks .content .btn_area .free {
  position: relative;
  display: block;
  padding: 13px 10px;
  border-radius: 5px;
  background-color: var(--Font-primary-blue, #4168F6);
  font-size: 15px;
  text-align: center;
  color: #fff;
}

.free_2weeks .content .btn_area .free::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 22px;
  top: 16px;
}

.free_2weeks .ftr {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  margin-top: 35px;
  background-color: #f4f4f5;
}

.free_2weeks .ftr .btn_day {
  cursor: pointer;
  padding-left: 5px;
  font-size: 13px;
  color: #939393;
}

.free_2weeks .ftr input[type=checkbox] {
  display: none;
  position: relative;
  top: -1px;
  left: -3px;
}

.free_2weeks .ftr .btn_close {
  font-size: 13px;
  text-align: right;
  color: #939393;
}

/* 신규서비스 2주 안내 팝업 AI적정주가 차트 개선 */
.free_2weeks.valueChart {
  display: none;
}

.free_2weeks.valueChart .content .info_txt .txt01 {
  color: #000;
}

.free_2weeks.valueChart .content .info_txt {
  background: url("/img/banner/bg_2w_valueChart.png") no-repeat right 36px;
  background-size: 109px auto;
}

/* 오늘하루 열지 않음 */
.layerPopup {
  display: none;
}

.layerPopup:before {
  display: block;
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.layerPopup .layerBox {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 999;
  width: 95%;
  box-sizing: border-box;
  max-width: 400px;
}

.layerPopup .layerBox .cont a,
.layerPopup .layerBox .cont img {
  display: inline-block;
  width: 100%;
}

.layerPopup .layerBox .c_btn {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E0E5F0;
}

.layerPopup .layerBox .c_btn a {
  display: inline-block;
  text-align: center;
  flex: 1;
  color: #333;
  font-size: 0.9375rem;
  padding: 13px 0;
}

.layerPopup .layerBox .c_btn a:first-child {
  border-right: 1px solid #E0E5F0;
}

@media (min-width: 320px) and (max-width: 358px) {
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation {
    padding-bottom: 5px;
    /* margin-left: -27px; */
    min-width: 42px;
  }
  .globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.under {
    margin-left: -6.5px;
  }
  .globalStock .sub_search .sub_mid.outline_box .box .value_chart .line .situation.over {
    margin-right: -6.5px;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.under {
    margin-left: 7px;
  }
  .globalStock .sub_search .sub_mid .adequate_stock .box .con .value_chart .line .situation.over {
    margin-right: -56px;
  }
}
.globalStock #wrap #container.sub_login .mapage_area .inUse_box {
  /* border-top: 1px solid #E0E4E9; */
  padding-top: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .title {
  padding-left: 0;
  font-size: 0.8125rem;
  letter-spacing: -0.65px;
  color: #575757;
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service {
  margin-top: 15px;
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #e6e7f4;
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service li {
  padding: 11px 5px;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  font-size: 0.8125rem;
  color: #222;
}

/* 내정보 사용중인 유료 서비스 */
.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service li.th {
  position: relative;
  padding: 11px 5px;
  padding-left: 15px;
  width: 160px;
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service li.th::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 15px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--Font-primary-blue, #4168F6);
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service li.td {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 4px;
  color: #575757;
  padding-left: 10px;
  background-color: #fff;
  width: calc(100% - 160px);
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service li.td .method {
  display: inline-flex;
  width: 45px;
  text-align: center;
  color: #575757;
}

.globalStock #wrap #container.sub_login .mapage_area .inUse_box .use_service:last-child {
  flex: 1;
  border-bottom: 1px solid #e5e5e5;
}

/* 회원탈퇴 사용중인 유료 서비스 */
.globalStock #wrap .withdrawal_com .inUse_box {
  padding-top: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.globalStock #wrap .withdrawal_com .inUse_box .title {
  padding-left: 0;
  font-size: 0.9375rem;
  letter-spacing: -0.65px;
  color: #444;
}

.globalStock #wrap .withdrawal_com .inUse_box .use_service {
  margin-top: 15px;
}

.globalStock #wrap .withdrawal_com .inUse_box .use_service ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.globalStock #wrap .withdrawal_com .inUse_box .use_service li {
  padding: 11px 5px;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  flex: 1;
  font-size: 0.75rem;
  letter-spacing: -0.5px;
  color: #222;
}

@media (min-width: 320px) and (max-width: 400px) {
  .globalStock #wrap .withdrawal_com .inUse_box .use_service li {
    letter-spacing: -1px;
  }
}
.globalStock #wrap .withdrawal_com .inUse_box .use_service li.th {
  position: relative;
  background-color: #e6e7f4;
  padding-left: 7px;
}

.globalStock #wrap .withdrawal_com .inUse_box .use_service li.td {
  color: #575757;
  padding-left: 10px;
}

.globalStock #wrap .withdrawal_com .inUse_box .use_service li.td .method {
  display: inline-block;
  width: 45px;
  text-align: center;
  color: #575757;
}

.globalStock #wrap .withdrawal_com .inUse_box .use_service:last-child {
  flex: 1;
  border-bottom: 1px solid #e5e5e5;
}

/* 추천뷰  종목진단 - 적정주가 차트 */
.globalStock .sub_recom .adequate_stock {
  margin: 8px auto 0;
  width: calc(100% - 30px);
}

.globalStock .sub_recom .adequate_stock .box {
  border-radius: 16px;
  background-color: #f6f7fa;
}

.globalStock .sub_recom .adequate_stock .box .title a {
  padding: 16px 12px 0;
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: normal;
  text-align: left;
  color: #82929F;
  position: relative;
}

.globalStock .sub_recom .adequate_stock .box .con {
  padding: 30px 12px 20px;
  /* 종목진단 - 적정주가탭 - 적정주가 노데이터 */
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price {
  width: 100%;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line {
  display: flex;
  justify-content: space-between;
  /* 적정주가 활성화 된 영역 */
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain {
  flex: 1;
  margin: 0 2px;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price {
  opacity: 0;
  display: inline-block;
  padding: 4px 6px 6px 6px;
  border-radius: 3px;
  background-color: #e57828;
  color: #fff;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price span {
  color: #fff;
  font-size: 0.6rem;
  display: block;
  opacity: 0.51;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price span:nth-child(2) {
  font-size: 0;
  opacity: 1;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain.active .price span:nth-child(2) {
  font-size: 0.9375rem;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price span b {
  color: #fff;
  font-weight: 300;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price_line {
  position: relative;
  text-align: center;
  margin-top: 20px;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price_line::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #e0e5f0;
  z-index: 90;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain:first-child .price_line::before {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain:last-child .price_line::before {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain .price_line span {
  display: block;
  margin-top: 11px;
  font-size: 0.875rem;
  line-height: 0.93;
  color: #c3c3c3;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain.active .price {
  opacity: 1;
  position: relative;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain.active .price::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(64, 79, 195, 0);
  border-top-color: #E57828;
  border-width: 7px;
  margin-left: -7px;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain.active .price_line::before {
  background: #E57828;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .line .domain.active .price_line span {
  color: #E57828;
  font-weight: bold;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .g_action {
  position: absolute;
  left: 0;
  top: -13px;
  margin-left: -5px;
  z-index: 2;
  display: inline-block;
  background: #404FC3;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
  display: none !important;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .g_action::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline-block;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .nodata_area .no_data {
  text-align: center;
  padding: 9px 0;
  margin-top: 10px;
  border-radius: 2px;
  background-color: #e6e7f4;
  font-size: 0.875rem;
  line-height: 1.21;
  color: #E57828;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .nodata_area .line .domain .price_line::before {
  background: #ebebeb;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .nodata_area .g_action {
  background: #a7a7a7;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .nodata_area .adequate .remark {
  margin-top: 3px;
}

.globalStock .sub_recom .adequate_stock .box .con .adequate_price .nodata_area .adequate .remark .txt_filter.size_B i {
  width: 8px;
  height: 8px;
  margin: 0 1px 1px;
  opacity: 0.67;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form {
  padding: 12px 0;
  display: none;
  /* background-color: #E6E7F4; */
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .box {
  padding: 0 0 10px;
  position: relative;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .box:first-child {
  margin-top: 0;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .box:last-child {
  display: none;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput,
.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out {
  color: #333;
  font-size: 0.875rem;
  letter-spacing: -0.8px;
  padding: 11.5px 13px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #e0e4e9;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput {
  color: #333;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput:focus {
  border: solid 1px #e0e4e9 !important;
  outline: none;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput:focus::-webkit-input-placeholder {
  color: transparent;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .dsc_error {
  text-align: center;
  margin-top: 6px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #f2333a;
  width: calc(100% - 20px);
  margin-left: 20px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinBtn {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  outline: none;
  border: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.58;
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
  background-color: transparent;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinBtn.pin_reqAgain {
  display: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.58;
  color: #939393;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out {
  font-size: 0.875rem;
  letter-spacing: 1.6px;
  color: #333;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out:focus {
  border: solid 1px #e0e4e9 !important;
  outline: none;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput::-moz-placeholder, .globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out::-moz-placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput::placeholder,
.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out::placeholder {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #d3d3d3;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out:focus::-webkit-input-placeholder {
  color: transparent;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pin_countDown {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
  text-align: center;
  width: calc(100% - 20px);
  margin-left: 20px;
  margin-top: 6px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pin_countDown span {
  font-size: 0.75rem;
  letter-spacing: -0.8px;
  color: #549ef4;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pin_cncl {
  cursor: pointer;
  position: absolute;
  right: 93px;
  top: 6px;
  width: 38px;
  height: 25px;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: -0.6px;
  text-align: center;
  color: #939393;
  outline: none;
  padding: 4px 8px;
  border-radius: 3px;
  border: solid 1px #939393;
  background-color: #fff;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pin_completion {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 1px;
  height: 38px;
  width: 80px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.46;
  color: #d3d3d3;
  border: none !important;
  border-left: 1px solid #e0e4e9;
  outline: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: transform 100ms ease-in-out;
}
.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pin_completion:active {
  transform: scale(0.95);
  /* 버튼을 약간 축소 */
}

.globalStock .sub_login .mapage_area .mapage_form .form_table td .txt_reject {
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: -0.6px;
  text-align: center;
  color: #82929f;
  margin-top: 15px;
}

/**** 클릭 이벤트 추가 ****/
/* 파랑 박스 */
.globalStock .main_top.recommend_area .recomlist_area .area.mouse_touch {
  /* background-color: #d2d4ee !important; */
  filter: brightness(95%);
  opacity: 0.95;
  position: relative;
  top: 1px;
  left: 1px;
}

/* 흰색 박스 */
.globalStock .main_mid.game_area .list_area .area.mouse_touch {
  /* background-color: #ededf5 !important; */
  filter: brightness(95%);
  opacity: 0.95;
  position: relative;
  top: 1px;
  left: 1px;
}

/* 파랑 배너, 버튼 */
.globalStock .banner_prm.mouse_touch,
.globalStock .main_mid.attention_area .one_step .more.mouse_touch {
  /* background-color: #303a8b !important; */
  filter: brightness(85%);
  opacity: 0.95;
  position: relative;
  top: 2px;
  left: 2px;
}

/* a 링크 전체적용 */
.globalStock a.mouse_touch {
  filter: brightness(95%);
  position: relative;
  top: 2px;
  left: 2px;
}

/* 백그라운드 없는 텍스트 링크 */
.globalStock .tabs li.mouse_touch,
.globalStock .set span.mouse_touch,
.globalStock .tabs_menu span.mouse_touch,
.globalStock i.attention.mouse_touch,
.globalStock .prm_div .box.mouse_touch,
.globalStock .sub_search .sub_mid.research_board .lst_type2.mouse_touch,
.globalStock .sub_research .popularity .lst_type2.mouse_touch,
.globalStock #footer .certification ul li.mouse_touch,
.globalStock .main_mid.note_area .lst_type2.mouse_touch,
.globalStock .sub_research .sub_mid.research_board .lst_type2.mouse_touch,
.globalStock .sub_briefing .popularity .lst_type2.mouse_touch,
.globalStock .searchArea .searchInput.mouse_touch,
.globalStock .main_mid.event_recipe .recipe_tabs li span.mouse_touch,
.globalStock .sub_login .mapage_area .mapage_form .form_table td .mod_btn.mouse_touch,
.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput.mouse_touch,
.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinInput_out.mouse_touch,
.globalStock .sub_payment .serviceStep .step_box.mouse_touch,
.globalStock #header .his_back.mouse_touch img {
  filter: brightness(95%);
  position: relative;
  top: 2px;
  left: 2px;
}

/* .globalStock .sub_search .latest_results .tabsArea .onestep_sample .box.mouse_touch {
	top: auto;
	left: 15px;
	bottom: 14px;
} */
.globalStock .sub_login .agree_area .agree_from .label .terms_btn.mouse_touch {
  top: -2px;
  left: 1px;
}

.globalStock .sub_login .agree_area .agree_from .phonePin_form .pinBtn.mouse_touch,
.globalStock .sub_login .agree_area .agree_from .phonePin_form .pin_completion.mouse_touch {
  right: 41px;
  top: 7px;
}

.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pinBtn.mouse_touch,
.globalStock .sub_login .mapage_area .mapage_form .form_table .phonePin_form .pin_completion.mouse_touch {
  right: 8px;
  top: 7px;
}

.globalStock #setting .pop_header .close.mouse_touch {
  left: auto;
  right: 14px;
  top: 16px;
}

.globalStock .txt_guide.mouse_touch {
  filter: brightness(85%);
}

.zt-skill-bar * {
  transition: all 1.5s ease;
}

.zt-skill-bar div {
  width: 0;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .one_step {
  grid-column: span 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 12px auto;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .one_step .txt {
  color: #333;
  font-size: 0.875rem;
  text-align: center;
  line-height: normal;
  vertical-align: top;
  padding: 0 10px;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .one_step .more {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--Font-primary-blue, #4168F6);
  text-align: center;
  height: 25px;
  padding: 0 7px;
  padding-right: 20px;
  position: relative;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .one_step .more span {
  color: #fff;
  font-size: 0.75rem;
  line-height: 25px;
  vertical-align: top;
}

.globalStock .sub_recipe .sub_mid.recipe_tabs .one_step .more img {
  position: absolute;
  right: 6px;
  top: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

/* 230829 초스 리뉴얼 개요탭, 추천 */
.v_signalStreng.globalStock .sub_search .tabs_5.prm_tabs li:nth-child(5) {
  background-position: calc(50% + 26px) 1px;
  background: none;
}
@media (min-width: 320px) and (max-width: 360px) {
  .v_signalStreng.globalStock .sub_search .tabs_5.prm_tabs li:nth-child(5) {
    background-position: calc(50% + 19px) 1px;
  }
}
@media (min-width: 361px) and (max-width: 700px) {
  .v_signalStreng.globalStock .sub_search .tabs_5.prm_tabs li:nth-child(5) {
    background-position: calc(50% + 19px) 1px;
  }
}
.v_signalStreng.globalStock .sub_search .tabs_5.prm_tabs li:nth-child(7) {
  background-position: calc(50% + 26px) 1px;
}

/********************/
/********************/
/**** 가입/결제 *****/
/********************/
/* 서비스 결제 스탭 1 */
.v_signalStreng.globalStock .sub_payment.bg_blue {
  background-color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .step_top {
  box-sizing: border-box;
  padding: 16px 15px;
}
.v_signalStreng.globalStock .sub_payment .step_top .event2024_payment_sub img {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}

.v_signalStreng.globalStock .sub_payment .serviceStep.step01 {
  padding-top: 16px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep.step01 .page_sumtop {
  background: #3655C3 url("/img/bg_payment.png") no-repeat calc(100% - 20px) center;
  background-size: auto 51px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 25px 25px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep.step01 .page_sumtop .txt {
  display: inline-block;
  color: #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);
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  background-color: #fff;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 23px 0 16px;
  margin-bottom: 60px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_wrap::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  height: 16px;
  width: 100%;
  background: url("/img/step_wrap_bg.png") repeat-x center top;
  background-size: auto 8px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 8px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 9px;
  border: solid 1px #e0e4e9;
  padding: 24px 20px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box.active {
  border-color: var(--Font-primary-blue, #4168F6) !important;
  background: #F5F6FC !important;
  box-shadow: 0px 10px 10px 0px rgba(65, 104, 246, 0.08) !important;
}
@media (min-width: 320px) and (max-width: 424px) {
  .v_signalStreng.globalStock .sub_payment .serviceStep .step_box {
    gap: 8px 8px;
  }
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .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);
  left: 9px;
  top: -15px;
  padding: 8px 12px;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .tooltip_content .tooltip_icon {
  position: absolute;
  right: 20px;
  top: -12px;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .tooltip_content .tooltip_text {
  margin: 0;
  padding: 0;
  width: 100%;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .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);
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .tooltip_content .tooltip_text .txt {
  letter-spacing: -1px;
  font-size: 12px;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .tooltip_content .tooltip_icon {
  transform: scale(-1, -1);
  right: auto;
  top: auto;
  left: 20px;
  bottom: -13px;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box.routine_pay {
  border: 1px solid #e9ebf7;
  background-color: #f5f6fc;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box.period_pay.active {
  border-color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .title {
  width: 100%;
  font-size: 0.8125rem;
  font-weight: 700;
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .payRight {
  /* width: calc(100% - 120px); */
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box.overseas_pay {
  align-items: center;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box.overseas_pay p {
  font-size: 1rem;
  color: #333;
  font-weight: bold;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .step_box.overseas_pay .subscribe {
  top: 0;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .subscribe {
  max-width: 160px;
  position: relative;
  top: -4px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .subscribe span {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px 6px;
  max-width: 60px;
  box-sizing: border-box;
  border-radius: 100px;
  border: solid 1px #c7cbe9;
  background-color: #fff;
  font-size: 0.8125rem;
  text-align: center;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .payRight .pay01 {
  display: inline-block;
  font-size: var(--Size-xs-13, 13px);
  font-weight: 500;
  color: #B0B8C1;
  text-decoration: line-through;
  padding-left: 1px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 1px;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale {
  padding-bottom: 4px;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale strong {
  font-size: 0.75rem;
  font-weight: 400;
  color: #608CFA;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale .month_dvsion {
  background-color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  color: #608CFA;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .pay_guideTxt {
  position: relative;
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto 32px;
  padding-left: 8px;
  font-size: 0.75rem;
  line-height: 1.42;
  font-weight: 400;
  color: #939393;
}
.v_signalStreng.globalStock .sub_payment .serviceStep .pay_guideTxt b,
.v_signalStreng.globalStock .sub_payment .serviceStep .pay_guideTxt u {
  color: #6A727B;
  font-size: 0.75rem;
  line-height: 1.42;
  font-weight: 600;
}

.v_signalStreng.globalStock .sub_payment .serviceStep .pay_guideTxt::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #939393;
}

.v_signalStreng.globalStock .sub_payment .mapage_form .payment_note .agree_txt {
  display: none;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
}
.v_signalStreng.globalStock .sub_payment .mapage_form .payment_note .agree_txt .refund_terms {
  flex: none;
  font-size: 0.75rem;
  line-height: 1.42;
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
}

.v_signalStreng.globalStock #wrap .modal.method .pop_con {
  padding: 0 25px 32px;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 17px 8px;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
  flex: 1 1 40%;
  padding: 32px 15px;
  box-sizing: border-box;
  border-radius: 16px;
  border: solid 1px #f4f4f5;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.14;
  text-align: center;
  color: #333;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho a:active {
  border: 1px solid #404fc3;
  color: var(--Font-primary-blue, #4168F6);
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho a.method_card::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/img/method_card.svg") no-repeat center center;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho a.method_card:active:before {
  background: url("/img/method_card_on.svg") no-repeat center center;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho a.method_phone::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/img/method_card.svg") no-repeat center center;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho a.method_phone:active:before {
  background: url("/img/method_card_on.svg") no-repeat center center;
}

.v_signalStreng.globalStock #wrap .modal.method .method_cho .guide_txt {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #939393;
}

/* 서비스 결제 정기결제 카드 결제 정보 입력 스탭 2 */
.v_signalStreng.globalStock .sub_payment .select_payTop {
  /* margin-top: 16px; */
  padding-top: 16px;
  padding-bottom: 24px;
  background-color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form {
  margin-top: 24px;
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form .box {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 19px 12px;
  border-radius: 12px;
  background-color: #f7f8f9;
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form .box .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.14;
  color: #333;
  word-break: normal;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form .box .cad_info {
  margin-top: 15px;
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form .box .cad_info li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 0 6px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: normal !important;
  color: #333;
  word-break: normal;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form .box .cad_info li::before {
  content: "•";
  position: relative;
  top: -2px;
  display: inline-block;
  color: #333;
}
.v_signalStreng.globalStock .sub_payment .select_payTop .cardPass-form .cad_step {
  margin-top: 15px;
  width: 100%;
  display: block;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.42;
  font-weight: 500;
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box {
  width: calc(100% - 30px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 19px 20px;
  border-radius: 16px;
  border: 1px solid #e9ebf7;
  background-color: #fff;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .title {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  color: #333;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .title .suggestion {
  position: absolute;
  right: -43px;
  top: -2px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 100px;
  background-color: #f5f6fc;
  font-size: 11px;
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .payRight {
  border-top: 1px solid #e0e4e9;
  padding-top: 17px;
  margin-top: 17px;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .payRight .pay01 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #d3d3d3;
  text-decoration: line-through;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .payRight .pay02 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 2px;
  font-size: 24px;
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .payRight .pay02 .pay_sale {
  padding-bottom: 4px;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .payRight .pay02 .pay_sale strong {
  font-size: 0.8175rem;
  font-weight: 400;
  color: #7983d5;
}

.v_signalStreng.globalStock .sub_payment .select_payTop .step_box .payRight .pay02 .pay_sale .month_dvsion {
  background-color: #fff;
  font-size: 0.8175rem;
  font-weight: 500;
  color: #7983d5;
}

.v_signalStreng.globalStock .sub_payment .payment_guide {
  padding: 15px 24px 32px;
  box-sizing: border-box;
  background-color: #fff;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .pay_guideTxt {
  font-size: 0.75rem;
  line-height: 1.72;
  color: #939393;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .pay_guideTxt:last-of-type {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: solid 1px #f4f4f5;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .pay_guideTxt .card_overseas {
  cursor: pointer;
  display: flex;
  gap: 0 9px;
  font-size: 0.75rem;
  line-height: 1.42;
  color: var(--Font-primary-blue, #4168F6);
  text-decoration: underline;
}
.v_signalStreng.globalStock .sub_payment .payment_guide .pay_guideTxt .card_overseas img {
  display: inline-block;
  position: relative;
  top: -2px;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form {
  padding-left: 0;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .form_title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 24px;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .form_wrap {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .form_wrap .teh_guideTxt {
  margin-top: 9px;
  font-size: 0.75rem;
  line-height: 1.72;
  color: #939393;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .subscription-form {
  margin-top: 10px;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .card_title {
  display: block;
  padding-bottom: 8px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox {
  width: 100%;
  height: auto;
}
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox.card_sect {
  display: none;
  margin-top: 8px;
}
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox.card_sect:before {
  top: 17px;
}
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox.card_sect label {
  top: 0;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox:before {
  background: none;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 37px;
  right: 15px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
  transform: rotate(135deg);
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox label {
  top: 21px;
  left: 0;
  width: 100%;
  height: 42px;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox .t_label {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.14;
  color: #333;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox select {
  padding: 0 15px;
  height: 42px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .selectbox select option {
  display: block;
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .check_box {
  /* display: flex; */
  position: relative;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .check_box input {
  /* flex-grow: 1; */
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .input_check {
  position: absolute;
  right: 1px;
  top: 1px;
  cursor: pointer;
  height: 40px;
  box-sizing: border-box;
  padding: 12px 16px;
  background-color: #f7f8f9;
  font-size: 0.875rem;
  text-align: center;
  color: #6a727b;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: none;
}

@media (min-width: 320px) and (max-width: 358px) {
  .v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .input_check {
    height: 38px;
  }
}
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .input_check:focus,
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .input_check:active {
  font-weight: bold;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .couponNumber .check_box {
  display: none;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .couponNumber .t_label {
  cursor: pointer;
  display: inline-block;
  padding-right: 24px;
  position: relative;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .couponNumber .t_label::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 1px;
  right: 5px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
  transform: rotate(135deg);
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .couponNumber .t_label.rotated::after {
  transform: rotate(-40deg);
  top: 4px;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .t_label {
  display: block;
  padding-bottom: 8px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}

.mapage_form input:focus {
  outline: none;
  /* 기본 포커스 아웃라인 제거 */
  border: 1px solid #404fc3 !important;
  /* 포커스 시 보더 색 변경 */
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=number],
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=text],
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=password] {
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
  outline: none;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=number]::-moz-placeholder, .v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=text]::-moz-placeholder, .v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=password]::-moz-placeholder {
  color: #d3d3d3;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=number]::placeholder,
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=text]::placeholder,
.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form input[type=password]::placeholder {
  color: #d3d3d3;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .error-message {
  display: none;
  margin-top: 10px;
  font-size: 0.75rem;
  line-height: 1.72;
  color: #E1305A;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .error-message::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/error_msg.svg") no-repeat center center;
  border-radius: 50%;
  margin-right: 4px;
}

.v_signalStreng.globalStock .sub_payment .payment_guide .mapage_form .security_info {
  display: flex;
  gap: 8px 8px;
}

.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .mapage_form .form_wrap {
  gap: 8px 0;
}
.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .trans_refund_box {
  padding-bottom: 23px;
  border-bottom: solid 1px #f4f4f5;
}
.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .trans_refund_box .refund_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .trans_refund_box .refund_info .card_label {
  flex: 1 1 50%;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}
.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .trans_refund_box .refund_info .card_number {
  margin-left: auto;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}
.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .trans_notice {
  margin-top: 8px;
  margin-bottom: 32px;
}
.v_signalStreng.globalStock .sub_payment .payment_guide.change_payment .trans_notice .notice_txt {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #6a727b;
}

.v_signalStreng.globalStock .sub_payment .subscription-form .payment_note {
  display: flex;
  flex-direction: column;
  gap: 18px 10px;
  padding: 24px 16px;
  border-radius: 12px;
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .show {
  cursor: pointer;
  position: relative;
  padding: 12px 12px;
  box-sizing: border-box;
  font-size: 0;
  width: 7px;
  height: 12px;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .show::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .show.rotated::after {
  top: 10px;
  transform: rotate(-40deg);
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .show:not(.rotated)::after {
  transform: rotate(135deg);
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .agree .txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #333;
}

.v_signalStreng.globalStock .sub_payment .payment_note .agree .txt {
  font-size: 14px;
  color: #6a727b;
}

.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk {
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-left: 4px;
  box-sizing: border-box;
  display: none;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk.caution .age_link {
  visibility: hidden;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .help_nicepay {
  display: block;
  margin-top: 15px;
  font-size: 0.8125rem;
  line-height: 1.54;
  text-align: left;
  padding-left: 30px;
  color: #6a727b;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .help_nicepay span {
  display: inline-block;
  padding-left: 2px;
  text-decoration: underline;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock .sub_payment .payment_note .age_link {
  cursor: pointer;
  position: relative;
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 0;
  width: 7px;
  height: 12px;
}

.v_signalStreng.globalStock .sub_payment .payment_note .age_link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 1px solid #aeb4b9;
  border-right: 1px solid #aeb4b9;
  transform: rotate(45deg);
}

.v_signalStreng.globalStock .sub_payment input.chk_label {
  display: none;
  /*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/
}

.v_signalStreng.globalStock .sub_payment input.chk_label + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 8px;
  position: relative;
  cursor: pointer;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .agree_guide {
  display: inline-block;
  padding: 10px 0 0 34px;
  line-height: 1.42;
  font-size: 14px;
  color: #6a727b;
  word-break: break-word;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_payment .payment_note .top .agree_guide u {
  font-size: 14px;
  color: #6a727b;
  word-break: break-word;
  word-wrap: break-word;
}

.v_signalStreng.globalStock .sub_payment input.chk_label + label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: url("/img/checked.svg") no-repeat center 5px;
}

.v_signalStreng.globalStock .sub_payment input.chk_label:checked + label:before {
  content: "";
  border-color: #c4c8cb;
  background: url("/img/checked_ch.svg") no-repeat center 5px;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .s_txt {
  width: calc(100% - 34px);
  font-size: 14px;
  font-weight: bold;
  color: #333 !important;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top input.chk_label + label:before {
  border: 1px solid #c4c8cb;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top input.chk_label:checked + label:before {
  background-color: var(--Font-primary-blue, #4168F6);
  background-image: url("/img/checked.svg");
  border-color: transparent;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top input + label:before {
  background-position: center center;
}

.v_signalStreng.globalStock .sub_payment .payment_note .top .s_txt,
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .s_txt {
  display: inline-block;
  line-height: 1.42;
  font-size: 14px;
  color: #6a727b;
}
@media (min-width: 320px) and (max-width: 375px) {
  .v_signalStreng.globalStock .sub_payment .payment_note .top .s_txt,
  .v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .s_txt {
    letter-spacing: -0.05rem;
  }
}

.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .txt .agree_txt {
  width: 100%;
  display: block;
  padding-left: 30px;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
  word-break: normal;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_title {
  padding-top: 15px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution {
  padding-top: 10px;
  color: #939393;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution b,
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution u {
  font-weight: 600;
  color: #939393;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_chk .txt .agree_txt.agree_caution .refund_terms {
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
  color: #06c;
  text-decoration: none;
}

.v_signalStreng.globalStock .sub_payment .payment_note .agree_caution strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
  padding-bottom: 12px;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_caution .txt {
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_caution .txt b {
  color: #939393;
}
.v_signalStreng.globalStock .sub_payment .payment_note .agree_caution .refund_terms {
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
  color: #06c;
  font-size: 0.75rem;
  text-decoration: none;
}

.v_signalStreng.globalStock .sub_payment .btnArea.btn_fix {
  position: sticky;
  bottom: 15px;
  margin: 0 auto;
  max-width: 767px;
  box-sizing: border-box;
  z-index: 85;
}

.v_signalStreng.globalStock .sub_payment .btnArea.payBtn .btn_save {
  display: block;
  margin: 19px auto 0;
  padding: 19px 0;
  border-radius: 8px;
  background-color: var(--Font-primary-blue, #4168F6);
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
}

.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 {
  position: fixed;
  /* absolute로 설정하여 전체 페이지를 덮도록 설정 */
  top: 25px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: calc(100% - 32px);
  max-height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0 auto;
  max-width: none;
  border-radius: 16px;
  display: none;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .caution_terms {
  padding: 1px 0 0;
  margin-bottom: 25px;
  overflow: scroll;
  max-height: 40vh;
  /* 아이폰 SE (320x568) */
  /* 아이폰 6/7/8 및 SE 2세대 (375x667) */
  /* 아이폰 XR/11 (414x896) */
}
@media (min-width: 320px) and (max-width: 360px) {
  .v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .caution_terms {
    max-height: 24vh;
  }
}
@media (max-width: var(--bp-mobile-max)) {
  .v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .caution_terms {
    max-height: 22vh;
  }
}
@media (min-width: 361px) and (max-width: 375px) {
  .v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .caution_terms {
    max-height: 24vh;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .caution_terms {
    max-height: 28vh;
  }
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note {
  display: flex;
  flex-direction: column;
  gap: 18px 10px;
  margin-top: 8px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note .top .s_txt {
  width: calc(100% - 34px);
  font-weight: bold;
  color: #333;
  display: inline-block;
  line-height: 1.42;
  font-size: 14px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note .top .agree_guide {
  display: inline-block;
  padding: 5px 0 0 34px;
  line-height: 1.42;
  font-size: 14px;
  color: #6a727b;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note .top .show {
  cursor: pointer;
  position: relative;
  padding: 12px 12px;
  box-sizing: border-box;
  font-size: 0;
  width: 7px;
  height: 12px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note .top .show::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 1px solid #6a727b;
  border-right: 1px solid #6a727b;
  transform: rotate(135deg);
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .form_wrap .payment_note .top .show.rotated::after {
  top: 10px;
  transform: rotate(-40deg);
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 input.chk_label {
  display: none;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 input.chk_label + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 8px;
  position: relative;
  cursor: pointer;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 input.chk_label + label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  border: 1px solid #c4c8cb;
  background: url("/img/checked.svg") no-repeat center center;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 input.chk_label:checked + label:before {
  background-color: var(--Font-primary-blue, #4168F6);
  background-image: url("/img/checked.svg");
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-left: 4px;
  box-sizing: border-box;
  display: none;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk input.chk_label + label:before {
  border-color: transparent;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk input:checked + label:before {
  content: "";
  border-color: transparent;
  background: url("/img/checked_ch.svg") no-repeat center 5px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk .s_txt {
  display: inline-block;
  line-height: 1.42;
  font-size: 14px;
  color: #6a727b;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk .agree_txt {
  width: 100%;
  display: block;
  padding-left: 30px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 0.75rem;
  line-height: 1.42;
  color: #939393;
  word-break: normal;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk .agree_txt.agree_caution {
  padding-top: 0;
  color: #939393;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk .agree_txt.agree_caution b {
  font-weight: 600;
  color: #939393;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk.caution .age_link {
  visibility: hidden;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk .help_nicepay {
  display: block;
  margin-top: 0;
  font-size: 0.8125rem;
  line-height: 1.54;
  text-align: left;
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 0;
  color: #6a727b;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .agree_chk .help_nicepay span {
  display: inline-block;
  padding-left: 2px;
  text-decoration: underline;
  color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .paypal_linkBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
  background-color: #F6C557;
  border-radius: 9px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .paypal_linkBtn span {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
}
.v_signalStreng.globalStock #wrap .modal.cardBox.card_overseas_01 .paypal_linkBtn img {
  display: inline-block;
  width: auto;
  height: 38px;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header {
  padding: 20px 15px !important;
  border-bottom: 1px solid rgba(77, 110, 228, 0.1) !important;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header .pop_title {
  justify-content: flex-start !important;
  font-size: 0.9375rem !important;
  font-weight: bold;
  line-height: 1.53;
  letter-spacing: normal;
  color: #333;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_header .pop_title::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/txt_guide_blue.svg") no-repeat center center;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con {
  padding-top: 15px !important;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_title {
  font-size: 14px;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_title b {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 20px 16px;
  border-radius: 8px;
  background-color: #f7f8f9;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .payment {
  color: #6A727B;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .payment .del_num {
  display: inline-block;
  padding: 0 4px 0 8px;
  position: relative;
  font-size: 0.875rem;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .payment .del_img {
  position: absolute;
  left: 2px;
  top: -3px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .payment .sale_num {
  padding-left: 4px;
  color: var(--mian_color1, #404FC3);
  font-weight: 700;
  font-size: 0.875rem;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .txt {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 8px;
  color: #444;
  font-size: 0.8125rem;
  font-weight: 400;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .txt a.paypal_linkBtn {
  display: inline-block;
  width: auto;
  height: 33px;
  border-radius: 6px;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link .txt a.paypal_linkBtn img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_link a {
  text-decoration: underline;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_txt,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_step li {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.46;
  color: #6a727b;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_txt a,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_step li a {
  display: inline-block;
  padding-left: 7px;
  text-decoration: underline;
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_txt b,
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_step li b {
  color: #6a727b;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .progress_txt {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42;
  color: #939393;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .progress_txt b {
  color: #6a727b;
}
.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .progress_txt .pay_guideTxt {
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: underline;
  color: var(--mian_color1, #404FC3);
  font-weight: 500;
}

.v_signalStreng.globalStock #wrap .modal.cardBox .pop_con .paypal_step {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  padding-left: 8px;
}

.v_signalStreng.globalStock .modalBox .modal.agreePopBox .pop_con {
  padding-bottom: 25px;
}

.v_signalStreng.globalStock .modalBox .modal.agreePopBox .pop_con .txt {
  height: 340px;
}

.v_signalStreng.globalStock .modalBox .modal.agreePopBox.box_04 .pop_con .txt {
  height: 280px;
}

.v_signalStreng.globalStock .modalBox .help_nicepay {
  display: block;
  margin-top: 15px;
  padding: 16px 16px;
  border-radius: 8px;
  background-color: #f7f8f9;
  font-size: 0.8125rem;
  line-height: 1.54;
  text-align: center;
  color: #6a727b;
}

.v_signalStreng.globalStock .modalBox .help_nicepay span {
  display: inline-block;
  padding-left: 5px;
  text-decoration: underline;
  color: var(--Font-primary-blue, #4168F6);
}

/* 결제 완료 */
.v_signalStreng.globalStock #wrap .sub_payment .pay_complete {
  padding: 0 18px 65px;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .com_title {
  padding: 40px 8px 0;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.42;
  color: #fff;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  margin-top: 22px;
  padding: 24px 16px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide .guide {
  display: flex;
  gap: 0 24px;
  width: 100%;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide .guide .th {
  flex: 1;
  font-size: 0.8125rem;
  line-height: 1.15;
  color: #6a727b;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide .guide .td_txt {
  flex: 5;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  color: #333;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide .deposit_box {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  padding-top: 16px;
  border-top: solid 1px #e0e4e9;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide .deposit_info {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.42;
  color: #939393;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .payment_guide .guide .event_info {
  display: block;
  margin-top: 3px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.24;
  color: #939393;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .go_myhome {
  padding-left: 8px;
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #fff;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .go_myhome a {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #fff;
  text-decoration: underline;
}

.v_signalStreng.globalStock #wrap .sub_payment .pay_complete .btn_home {
  margin-top: 61px;
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.3764705882);
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.2;
  color: #fff;
}

@media (min-width: 320px) and (max-width: 375px) {
  .v_signalStreng.globalStock .sub_payment .serviceStep .step_box {
    padding: 25px 14px;
  }
  .v_signalStreng.globalStock .sub_payment .serviceStep .step_box .subscribe span {
    padding: 7px 18px 6px;
    max-width: 54px;
  }
}
body.v_signalStreng {
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap #container .recom_company {
  position: relative;
  padding: 16px 16px 6px;
  background-color: #fff;
  box-sizing: border-box;
}
.v_signalStreng.globalStock #wrap #container .recom_company::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 8px;
  background-color: var(--Background-fill-background, #F7F8FA);
  z-index: 1;
}
.v_signalStreng.globalStock #wrap #container .recom_company .company_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 6px 4px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .company_info .company_name {
  display: inline-flex;
  align-content: center;
  min-width: 0;
  height: 23px;
  /* 줄바꿈을 위해 필요 */
}
.v_signalStreng.globalStock #wrap #container .recom_company .company_info .company_details {
  flex: 1 1 auto;
  min-width: 0;
  /* 줄바꿈을 위해 필요 */
}
.v_signalStreng.globalStock #wrap #container .recom_company .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .company_nm,
.v_signalStreng.globalStock #wrap #container .recom_company .company_nm a {
  display: inline-block;
  /* Flexbox 사용 */
  align-items: center;
  /* 세로 중앙 정렬 */
  color: var(--Font-secondary-title, #24282C);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v_signalStreng.globalStock #wrap #container .recom_company .ticker {
  display: inline-flex;
  /* Flexbox 사용 */
  align-items: center;
  /* 세로 중앙 정렬 */
  color: var(--Font-secondary-caption, #6B7684);
  font-family: Pretendard;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
  line-height: normal !important;
}
.v_signalStreng.globalStock #wrap #container .recom_company .stock_index {
  display: flex;
  align-items: center;
  gap: 4px 4px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .stock_index span {
  border-radius: 6px;
  display: flex;
  padding: 6px 6px;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #F1F4F6;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.22px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  width: 100%;
  align-items: center;
  margin-top: 4px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status {
  flex-wrap: nowrap;
  margin-top: 0;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .after_market,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .pre_market {
  color: var(--Font-primary-body, #24282C);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 140% */
  letter-spacing: -0.3px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .num {
  width: auto;
  font-size: 13px !important;
  line-height: normal;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .num span,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .num span b {
  color: var(--Font-primary-numbertext, #24282C);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  /* 140% */
  letter-spacing: -0.3px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per {
  top: 0;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span b {
  color: var(--Font-up-red, #F03E4C);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  /* 140% */
  letter-spacing: -0.3px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span.decrease, .v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span.decrease b,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span b.decrease,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span b.decrease b {
  color: var(--Font-down-blue, #097DF3);
  font-weight: 500;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span.same, .v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span.same b,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span b.same,
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per span b.same b {
  color: #333;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail.market_status .per .day {
  color: #8C98A7;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .num {
  width: 100%;
  color: #333;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .num span {
  color: var(--Font-primary-numbertext, #24282C);
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .num span b {
  color: var(--Font-primary-numbertext, #24282C);
  font-weight: 700;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  position: relative;
  top: 1px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .increase,
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .decrease,
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .same {
  color: var(--Font-up-red, #F03E4C);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .increase b,
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .decrease b,
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .same b {
  color: #E1305A;
  font-weight: 500;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .decrease {
  color: var(--Font-down-blue, #097DF3);
  font-weight: 500;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .decrease b {
  color: var(--Font-down-blue, #097DF3);
  font-weight: 500;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .same {
  color: #363F4B;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .same b {
  color: #363F4B;
}
.v_signalStreng.globalStock #wrap #container .recom_company .detail .per .day {
  margin-left: auto;
  text-align: right;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 7px 7px;
  width: 100%;
  position: relative;
  background: #fff;
  margin: 32px auto 0;
  padding: 14px 0 8px;
  border-top: 1px solid #f4f4f5;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box ul {
  display: inline-block;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box li.attention {
  display: inline-block;
  font-size: 0.8175rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.08;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box li.attention strong {
  font-size: 0.8175rem;
  font-weight: bold;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box li.attention i {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url("/img/heart_attention.svg") no-repeat 0 4px;
  margin-right: 5px;
  background-size: 16px 32px;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box .stock_tag {
  display: inline-flex;
  gap: 0 10px;
  margin-left: auto;
}
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box .stock_tag span,
.v_signalStreng.globalStock #wrap #container .recom_company .attention_box .stock_tag a {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a727b;
}

.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;
}

.v_signalStreng.globalStock .sub_search .tabs_5 {
  background-color: #fff;
  margin-top: 27px;
  margin-bottom: 0;
}

.v_signalStreng.globalStock .sub_search .tabs_5 li {
  padding: 0 0 15px;
  border-bottom: 1px solid #edeeef;
}

.v_signalStreng.globalStock .sub_search .tabs_5 li a {
  display: inline;
  padding: 15px 1px 15px;
  font-size: 0.9375rem;
  font-weight: var(--Weight-600, 600);
  color: #6a727b;
  border: none;
}

.v_signalStreng.globalStock .sub_search .tabs_5 li.active a {
  color: var(--Font-primary-blue, #4168F6);
  font-weight: 700;
  padding: 15px 1px 13px;
  border-bottom: 2px solid #404fc3;
}

.v_signalStreng.globalStock #wrap #container .why_rise_banner {
  margin: 32px 20px 0;
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner .banner_content {
  cursor: pointer;
  padding: 20px 20px;
  border-radius: var(--Radius-r-04, 16px);
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner.why_up .banner_content {
  border: 1px solid var(--Red-red50, #FEF2F3);
  background: linear-gradient(90deg, var(--Orange-orange50, #FFF2EA) 1.49%, var(--Red-red50, #FEF2F3) 98.51%);
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner.why_up .banner_content .title {
  color: var(--Red-red500, #F03E4C);
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner.why_down .banner_content {
  border: 1px solid var(--Skyblue-skyblue50, #E2F5FF);
  background: linear-gradient(90deg, var(--Skyblue-skyblue50, #E2F5FF) 1.49%, var(--Mint-mint50, #EAFAF9) 98.51%);
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner.why_down .banner_content .title {
  color: var(--Font-down-blue, #097DF3);
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner .why_btn {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  margin-top: 16px;
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner .why_btn a {
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  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;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner .banner_content .title {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
.v_signalStreng.globalStock #wrap #container .why_rise_banner .banner_content .txt {
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  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-600, 600);
  line-height: var(--Line-height-xl-01, 24px);
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr {
  position: relative;
  padding: 0 16px;
}
.v_signalStreng.globalStock #wrap #container .mainBox.attr .swipe_banner {
  margin: 32px auto 0;
  padding: 0;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .why_rise_banner {
  margin-top: 32px;
  padding: 20px 20px;
  border-radius: var(--Radius-r-04, 16px);
  border: 2px solid var(--Border-dark-border, #24282C);
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea {
  padding-top: 48px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .title {
  color: var(--Font-secondary-title, #24282C);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 25px 10px;
  margin-top: 16px;
  padding: 20px 20px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num {
  flex: 1;
  position: relative;
}

@media (min-width: 426px) and (max-width: 9999px) {
  .v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num {
    flex: 2;
  }
}
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  flex-basis: 65px;
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #333;
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.hold {
  /* 보유 */
  color: #333;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.buy {
  /* 매수 */
  color: #E1305A;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.sell {
  /* 매도 */
  color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal.waitting {
  /* 관망 */
  color: #6A727B;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal_guide {
  cursor: pointer;
  position: absolute;
  right: -5px;
  top: -5px;
  padding: 5px;
  display: inline-block;
  border-radius: 50%;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .charm_num .signal_guide img {
  display: block;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar {
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  flex: 2;
  flex-basis: calc(100% - 85px);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p {
  /* display: block;
  width: 100%; */
  padding-left: 12px;
  font-size: 0.875rem;
  line-height: 1.36;
  color: #333;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p b {
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p span.increase {
  color: #E1305A;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .num_bar p span.decrease {
  color: #303FAF;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .upData_Swiper {
  height: 37px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 6px;
  padding: 17px 0 0;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #333;
  border-top: 1px solid #fff;
}
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal b,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp b {
  line-height: 1.46;
}
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal b.increase,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp b.increase {
  color: #E1305A;
}
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal b.decrease,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp b.decrease {
  color: #303FAF;
}
@media (max-width: var(--bp-mobile-max)) {
  .v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal,
  .v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp {
    letter-spacing: -1.5px;
  }
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal::before,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/img/icon_awesome_us.svg") no-repeat center center;
  position: relative;
  top: -2px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal::after,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  right: 1px;
  top: 24px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal .day,
.v_signalStreng.globalStock #wrap #container .mainBox.attr .adequateArea .listWrap .mid .latest_signal_lp .day {
  display: inline-block;
  padding: 0 2px;
  color: #d3d3d3;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score {
  display: flex;
  justify-content: space-between;
  gap: 0 8px;
  margin-top: 8px;
  padding: 0 16px;
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box {
  flex: 1 1 30%;
  padding: 20px 16px;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-tertiary-border, #DADCE0);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box:hover {
  position: relative;
  top: 2px;
  left: 2px;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box .title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px 2px;
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box .title span {
  color: var(--Font-secondary-title, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-sm, 18px);
  /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container.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='%23B0B8C1' stroke-linecap='round'/%3E%3C/svg%3E");
  display: inline-block;
  width: 16px;
  height: 16px;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box .charm_num {
  display: block;
  margin-top: 2px;
  color: var(--Font-primary-numbertext, #24282C);
  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);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box .charm_ranking {
  margin-top: 2px;
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.score .box .charm_ranking span {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner {
  overflow: hidden;
  border-radius: 16px;
  background: var(--Font-primary-blue, #4168F6);
  margin: 16px 20px 40px;
  padding: 15px 16px 15px 32px;
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px 12px;
  box-sizing: border-box;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  min-width: 100px;
  width: 100px;
  flex-shrink: 0;
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
@media (max-width: 374px) {
  .v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .banner_bg {
    min-width: 90px;
    width: 90px;
  }
  .v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .banner_bg img {
    width: 90px;
  }
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .link_banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  color: #FFF;
  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);
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .link_banner b {
  color: #FFF;
  font-weight: var(--Weight-600, 600);
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .link_banner b i {
  color: var(--Yellow-yellow400, #FFDA4D);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap #container.sub_search .onethousand_banner .premium_banner .link_banner span {
  display: block;
  padding-bottom: 4px;
  color: var(--Blue-blue200, #BFD1FE);
  font-family: Pretendard;
  font-size: var(--Size-xs-13, 13px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline {
  margin-top: 40px;
  padding: 40px 16px 0;
  background-color: #fff;
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .title {
  margin-top: 40px;
  padding: 0 16px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--cold9e);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .title span {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: var(--col7f8);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style {
  margin-top: 20px;
  height: 100%;
  width: 100%;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-navigator-xaxis {
  font-size: 0;
  opacity: 0;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-input-group,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-range-selector-group,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-navigator {
  display: none;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-point-up {
  fill: #dd5257;
  stroke: #dd5257;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-point-down,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .outline_style .highcharts-point-down-bearish-up {
  fill: #4d6ee4;
  stroke: #4d6ee4;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box {
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #F5F5F9;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px 15px;
  gap: 10px;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .th {
  font-size: 0.8125rem;
  line-height: 1.42;
  color: #6A727B;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .th .regday {
  font-size: 10px;
  line-height: 1.42;
  color: #6A727B;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td {
  margin-top: 5px;
  position: relative;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.02rem !important;
  line-height: 1.19;
  color: #363F4B;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td b {
  font-weight: 700;
  color: #363F4B;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .unit {
  display: block;
  font-weight: 300;
  font-size: 10px;
  line-height: 1.7;
  color: #969EA7;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox {
  display: inline-flex;
  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 #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox.str {
  background-color: #dd5257;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox.bas {
  background: #C7CCD1;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .ibox.weak {
  background-color: var(--Font-primary-blue, #4168F6);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .increase {
  font-weight: 500;
  color: #E1305A;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .increase b {
  font-weight: 500;
  color: #E1305A;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .decrease {
  font-weight: 500;
  color: #303FAF;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .decrease b {
  font-weight: 500;
  color: #303FAF;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .same {
  font-weight: 500;
  color: #363F4B;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion .line .td .same b {
  font-weight: 500;
  color: #363F4B;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal {
  position: relative;
  text-align: center;
  justify-content: space-around;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal .line .th {
  font-size: 0.8125rem;
  letter-spacing: -0.33px;
  color: var(--cold9e);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal .line .td .increase,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal .line .td .decrease {
  font-size: 1.25rem;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .bg_box .data_opinion.signal::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 85px;
  top: 0;
  left: 50%;
  background-color: var(--colbar);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .chart_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 25px;
  box-sizing: border-box;
  border-radius: 10px;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .chart_box .period_tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  width: 100%;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .chart_box .period_tabs li {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  padding: 8px 20px;
  border-radius: 20px;
  border: 1px solid transparent;
  text-align: center;
  background-color: #ececef;
  color: #939393;
  font-size: 0.8125rem;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .chart_box .period_tabs li.active {
  background: #f7f8f9;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style {
  margin-top: 30px;
  width: 100%;
  height: 280px;
  box-sizing: border-box;
  background-color: transparent;
}
@media (min-width: 426px) and (max-width: 9999px) {
  .v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style {
    height: 340px;
  }
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-yaxis .highcharts-axis-line {
  opacity: 0 !important;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-axis-line {
  stroke: #ccd6eb !important;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-xaxis-grid .highcharts-grid-line,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-xaxis-grid .highcharts-axis-line {
  opacity: 0 !important;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-yaxis-grid .highcharts-grid-line,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-yaxis-grid .highcharts-axis-line {
  stroke: transparent !important;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .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;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-navigator-xaxis {
  font-size: 0;
  opacity: 0;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-series-label text {
  font-size: 0 !important;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-input-group,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-navigator {
  display: none;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-range-selector-group .highcharts-label {
  display: none !important;
  font-size: 0 !important;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-point-up {
  fill: #E1305A;
  stroke: #E1305A;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-point-down,
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .BICchart_style .highcharts-point-down-bearish-up {
  fill: #303FAF;
  stroke: #303FAF;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary {
  position: relative;
  margin-top: 48px;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .sum_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);
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary strong {
  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);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .view_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary p {
  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-xl-01, 24px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .etc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 0;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .etc li {
  position: relative;
  display: flex;
  gap: 4px;
  padding-left: 8px;
  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);
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .etc li::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%;
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .etc li span {
  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);
}
.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .etc li a {
  color: var(--Skyblue-skyblue600, #1093FF);
  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);
  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;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary.active p {
  -webkit-line-clamp: initial;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary.active p.txt_line01 {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary.active p.txt_line02 {
  visibility: visible;
  opacity: 1;
  height: 100%;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary.active .link_btn span::after {
  transform: rotate(-45deg);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .link_btn {
  display: inline-block;
  margin-top: 15px;
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .link_btn span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: var(--colfff);
  border-radius: 10px;
  background-color: var(--col1f3);
}

.v_signalStreng.globalStock #wrap #container.sub_search .mainBox.outline .summary .link_btn span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #C7CCD1;
  border-right: 2px solid #C7CCD1;
  transform: rotate(-135deg);
  width: 4px;
  height: 4px;
  transform: rotate(135deg);
  border-color: var(--coldae);
}

.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal {
  overflow: hidden;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  margin: 0 auto 32px;
  margin: 24px 16px 0;
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 24px 20px;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner,
  .v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner {
    padding: 23px 16px;
  }
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner .banner_bg,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner .banner_bg img,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner .link_banner,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner .link_banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner .link_banner b,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner .link_banner b {
  color: var(--Gray-gray800, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner .link_banner span,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner .link_banner span {
  display: block;
  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);
}
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_banner + .banner_signal .premium_banner .banner_btn,
.v_signalStreng.globalStock #wrap #container.sub_search .swipe_bannertemp + .banner_signal .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--Radius-r-02, 8px);
  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-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal {
  overflow: hidden;
  border-radius: 16px;
  background: var(--Background-primary-light-background, #F1F4F6);
  margin: 0 auto 32px;
  margin: 0 16px;
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 24px 20px;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner,
  .v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner {
    padding: 23px 16px;
  }
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .banner_bg,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .banner_bg img,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .banner_bg img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .link_banner,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .link_banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .link_banner b,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .link_banner b {
  color: var(--Gray-gray800, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .link_banner span,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .link_banner span {
  display: block;
  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);
}
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .banner_btn,
.v_signalStreng.globalStock #wrap #container.sub_search .banner_signal .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--Radius-r-02, 8px);
  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-600, 600);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container.sub_search .quick_link {
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
  position: relative;
  margin-top: 25px;
  padding-top: 40px;
}

/* 개요 - 뉴스 */
.v_signalStreng.globalStock #wrap #container .main_mid.new_area {
  padding: 40px 16px 0;
  margin-top: 40px;
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .c_title a {
  color: var(--Font-secondary-title, #24282C);
  /* Global Styles/Title/Large */
  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 #container .main_mid.new_area .lst_type.news_list, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 16px 0;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .tag_list, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .tag_list .tag, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .txt .lock_icon, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  margin-right: 3px;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .txt p, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .info_box, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .info_box .day p, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .news_content .info_box .noti_tag, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .img, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .img.briefing, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .img span, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .img span {
  display: inline-flex;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .img span img, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.news_list .list .img span.logo img, .v_signalStreng.globalStock #wrap #container .main_mid.new_area .lst_type.note_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}
.v_signalStreng.globalStock #wrap #container .main_mid.new_area .btn_more a {
  padding: 19px 16px;
}

/* 하단 막대 차트 */
.v_signalStreng.globalStock #wrap #container .mainBox.financials {
  position: relative;
  background-color: #fff;
  padding: 40px 16px 0;
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials.chart_financials {
  margin-top: 40px;
  padding-bottom: 32px;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials.chart_financials .chart_box {
  border-bottom: none;
  margin-bottom: 15px;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials.chart_financials .sum_title {
  cursor: pointer;
  font-size: 1rem !important;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials:last-of-type::after {
  display: none;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #181f29;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .no_data {
  width: 100%;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .no_data p {
  padding: 4em 0 5em;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.31;
  letter-spacing: -0.4px !important;
  color: #c7ccd1;
  text-align: center;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .no_data p .link_basic {
  position: relative;
  display: inline-block;
  padding: 15px 16px 15px 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.31;
  letter-spacing: -0.4px !important;
  color: #4D6EE4;
  text-align: center;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .no_data p .link_basic::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #4D6EE4;
  border-right: 1px solid #4D6EE4;
  transform: rotate(45deg);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4px;
  width: 100%;
  box-sizing: border-box;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 15px 15px;
  padding: 22px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #F5F5F5;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .note_nm {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: space-between;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .note_nm a {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.19;
  color: #363F4B;
  min-width: calc(100% - 40px);
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .sume_img {
  height: 60px;
  flex-basis: 79px;
  border: 1px solid #E0E4E9;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .sume_img .img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .day {
  margin-top: 3px;
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #6A727B;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list #btn_free_list .note_nm,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .freeView_list .note_nm {
  background: url("/img/lokimg.svg") no-repeat 0 2px;
  background-size: 12px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list #btn_free_list .note_nm a,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .note_list .freeView_list .note_nm a {
  text-indent: 20px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .btn_more {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #edeeef;
  text-align: center;
  border-radius: 8px;
  background-color: var(--col1a1);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .btn_more b {
  font-size: 0.9375rem;
  color: #7f8ca3;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .btn_more a {
  display: block;
  padding: 11px 0;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #6A727B;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .btn_more:active {
  opacity: 0.95;
  background-color: var(--col040);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .btn_more a:active {
  top: 0;
  left: 0;
  opacity: 1;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .area_note .btn_more {
  margin-top: 10px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox {
  margin-bottom: 38px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox .reg_day {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 8px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.75;
  color: #969EA7;
  text-align: right;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox .bg_box {
  margin-top: 5px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: #F5F5F9;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px;
  gap: 5px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion .line .th {
  font-size: 0.8125rem;
  line-height: 1.46;
  color: #6a727b;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion .line .td {
  margin-top: 5px;
  font-size: 1rem;
  line-height: 1.19;
  color: #333;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .dataBox .bg_box .data_opinion .line .td b {
  font-weight: 700;
  color: #333;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 12px;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 30px;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .sum_title {
  cursor: pointer;
  flex: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 12px;
  width: 100%;
  margin-top: 10px;
  color: #333;
  font-size: 1rem;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart_capture {
  position: relative;
  top: -10px;
  display: block;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
  flex: none;
  margin-left: auto;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart_capture img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart_guide {
  width: 100%;
  position: relative;
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 400;
  color: #969ea7;
  padding: 0 24px;
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart_guide::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .c_title {
  color: var(--Font-secondary-title, #24282C);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .unit {
  font-size: 0.75rem;
  line-height: 1.75;
  font-weight: 400;
  color: #969ea7;
  flex: none;
  margin-left: auto;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style {
  width: 100%;
  height: 180px;
}

@media (min-width: 376px) and (max-width: 425px) {
  .v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style {
    height: 220px;
  }
}
@media (min-width: 426px) and (max-width: 9999px) {
  .v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style {
    height: 260px;
  }
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style rect.highcharts-point {
  fill: #4D6EE4 !important;
  background: #4D6EE4 !important;
  stroke-width: 0;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style rect.highcharts-point.point_color {
  fill: #EDEEEF !important;
  background: #EDEEEF !important;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style rect.highcharts-point.decrease_color {
  fill: #D2DCFF !important;
  background: #D2DCFF !important;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-point.highcharts-negative.highcharts-color-0 {
  fill: #26ABFF;
  background: #26ABFF;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-data-labels .highcharts-label text,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_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;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-data-labels .highcharts-axis-labels text {
  font-size: 12px !important;
  color: #969EA7 !important;
  fill: #969EA7 !important;
  font-weight: 400 !important;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-xaxis .highcharts-axis-line {
  stroke: #DADCE0;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financials_style .highcharts-crosshair-category {
  stroke: rgba(255, 255, 255, 0);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style {
  margin-top: 10px;
  width: 100%;
  height: 260px;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item span {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item:not(.highcharts-legend-item-hidden) span {
  color: #4E5866 !important;
  fill: #4E5866 !important;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style#containerfinancials2_1 .highcharts-legend-item .highcharts-graph {
  display: none;
}

@media (min-width: 426px) and (max-width: 9999px) {
  .v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style {
    height: 320px;
  }
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart-toggle-container {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  margin-top: 16px;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart-toggle-container .chart-toggle-btn {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 8px 20px;
  border-radius: 20px;
  border: 1px solid transparent;
  background-color: #ececef;
  color: #939393;
  font-size: 0.8125rem;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .chart-toggle-container .chart-toggle-btn.active {
  background: #f7f8f9;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-xaxis .highcharts-axis-line {
  stroke: var(--col2f3) !important;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item text,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item tspan,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item text,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item tspan {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item:not(.highcharts-legend-item-hidden) text,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item:not(.highcharts-legend-item-hidden) tspan,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item:not(.highcharts-legend-item-hidden) text,
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .financialsLine_style .highcharts-legend-item:not(.highcharts-legend-item-hidden) tspan {
  font-size: 13px !important;
  color: #4E5866 !important;
  fill: #4E5866 !important;
  font-weight: 500 !important;
  text-shadow: none;
  stroke-width: 0;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .ma_period_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  width: 100%;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .ma_period_wrap .ma_period_btn {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  padding: 8px 20px;
  border-radius: 20px;
  border: 1px solid transparent;
  background-color: #ececef;
  color: #939393;
  font-size: 0.8125rem;
}
.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .ma_period_wrap .ma_period_btn.active {
  background: #f7f8f9;
  color: var(--Font-primary-blue, #4168F6);
  font-weight: bold;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .premiumLock_area {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.96);
  border: solid 1px var(--col6AA);
  background-color: var(--col326);
  position: sticky;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 10px;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .free_title {
  font-size: 0.9375rem;
  font-weight: normal;
  letter-spacing: -0.38px;
  color: var(--cold9e);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .free_title b {
  font-weight: 700;
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 5px 9px;
  border-radius: 10px;
  background-color: var(--col1f3);
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -0.5px;
  text-align: center;
  color: var(--colfff);
}

.v_signalStreng.globalStock #wrap #container .mainBox.financials .chart_box .premiumLock_area .transbox .more::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #C7CCD1;
  border-right: 2px solid #C7CCD1;
  transform: rotate(-135deg);
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  border-color: var(--coldae);
}

/* 종목검색 - 종목진단 탭 */
/* .v_signalStreng.globalStock #wrap .sub_mid.tabs_area, */
/* .v_signalStreng.globalStock #wrap .competitors_table, */
/* .v_signalStreng.globalStock #wrap .sub_mid.research_board, */
/* .v_signalStreng.globalStock #wrap .sub_recipe .sub_mid.recipe_view, */
.v_signalStreng.globalStock #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container > div {
  background-color: #F4F4F5;
}

.v_signalStreng.globalStock #wrap .sub_mid.tabs_area,
.v_signalStreng.globalStock #wrap .competitors_table,
.v_signalStreng.globalStock #wrap .sub_mid.research_board {
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container > div {
  padding-bottom: 35px;
  margin-bottom: 0;
}

.v_signalStreng.globalStock #wrap #container.sub_briefing .sub_mid.research_board {
  background-color: #fff;
}

.v_signalStreng.globalStock #wrap #container .sub_mid.research_board {
  margin-bottom: 0;
  padding-top: 32px;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  margin-top: var(--spacing-xl);
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list .swiper-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list .swiper-slide:last-child {
  margin-right: var(--spacing-xl) !important;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list .swiper-slide .filter_btn,
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list .swiper-slide .filterBtn_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  border-radius: var(--radius-xxl);
  border: 1px solid var(--color-border-primary);
  padding: 7px 16px;
  box-sizing: border-box;
  color: var(--color-text-secondary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xl);
  letter-spacing: var(--letter-spacing-tight);
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list .swiper-slide .filter_btn.active,
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter_list .swiper-slide .filterBtn_link.active {
  background: var(--color-text-primary);
  color: var(--color-bg-primary);
  font-weight: var(--font-weight-semibold);
  border-color: transparent;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}

.v_signalStreng.globalStock #wrap #container .sub_mid.research_board .news_no_data {
  margin-top: 0;
}

.v_signalStreng.globalStock #wrap #container .competitors_table {
  padding-top: 32px;
}

.v_signalStreng.globalStock .sub_search .sub_mid.competitors_table .title_guide {
  top: 37px;
}

.v_signalStreng.globalStock #wrap .sub_search .tabs_3.tabs_depth2 {
  margin-top: 19px;
}

.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap.alloca_wrap,
.v_signalStreng.globalStock #wrap .sub_search .sub_mid.tabs_area .alloca_wrap.alloca_wrap.na_box {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .containerArea_1 .highcharts-tick {
  display: none !important;
}

/* GNB */
/* .globalStock .gnb {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 767px;
	height: 55px;
	box-sizing: border-box;
	border-top: 1px solid #E0E4E9;
	padding: 10px 10px;
	background: #fff;
	z-index: 92;
	box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);
}

.globalStock .gnb .list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: space-evenly;
	gap: 5px;
}

.globalStock .gnb li {
	flex: 2 1 0;
	text-align: center;
	box-sizing: border-box;
}

.globalStock .gnb li a {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	color: #82929f;
	font-size: 1rem;
}

.globalStock .gnb li.active {
	border-radius: 10px;
	background-color: #f4f4f5;
	padding: 0 10px;
}

.globalStock .gnb li.active a {
	color: var(--Font-primary-blue, #4168F6);
} */
.globalStock .gnb li.menu {
  position: relative;
  flex: 1.5 1 0;
}

.globalStock .gnb li.menu.active::after {
  display: none;
}

/* .globalStock .gnb li.menu a {		
	background: url('/img/icon_menu.svg') no-repeat 0 6px;	
}

.globalStock .gnb li.menu.active a {
	background-image: url('/img/icon_menu_on.svg');
	background-position: 0 6px;
} */
/* 
.globalStock .gnb li.myinfo {
	flex: 1.5 1 0;
}

.globalStock .gnb li.myinfo a {
	font-size: 0;
	width: 24px;
	background: url('/img/icon_menu_list_on.png') no-repeat 0 6px;
	background-size: auto 26px;
	opacity: 0.35;
}

.globalStock .gnb li.myinfo.active a {
	opacity: 1;
}

.globalStock .gnb li.home i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/img/icon_home.svg') no-repeat center -2px;
	background-size: 24px 24px;
	vertical-align: middle;
	position: relative;
	top: 2px;
}

.globalStock .gnb li.home.active i {
	background: url('/img/icon_home_on.svg') no-repeat center -2px;
	top: 0;
	margin-right: 2px;
} */
/* .globalStock .gnb li.home a {
	font-size: 0;
}

.globalStock .gnb li.home.active a {
	font-size: 1rem;
} */
.globalStock .gnb {
  position: fixed;
  bottom: 0;
  padding: 0;
  border: none;
  width: 100%;
  max-width: 767px;
  height: 55px;
  box-sizing: border-box;
  background: #fff;
  z-index: 92;
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);
  display: block;
}

.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);
  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;
}

.v_signalStreng.globalStock .updata_allList {
  display: none;
  /* position: absolute;
     left: 0;
  right: 0;
  top: 1px; */
  position: relative;
  top: -60px;
  width: 100%;
  /* margin-left: -20px;	 */
  padding: 15px 0;
  box-sizing: border-box;
  background-color: #f7f8f9;
  /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); */
  /* border-radius: 16px;		 */
  z-index: 99;
}

.v_signalStreng.globalStock .updata_allList .txt {
  padding: 2px 0;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}

.v_signalStreng.globalStock .updata_allList .txt b {
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .updata_allList .trading_signal {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 17px 10px;
  margin-top: 8px;
  border-radius: 16px;
  background-color: #fff;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list {
  display: flex;
  justify-content: space-around;
  margin: 0;
  width: 100%;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list li {
  /* flex: 1 1 auto;	 */
  text-align: center;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .day {
  font-size: 0.8125rem;
  color: #6a727b;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .updata_allList .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 .updata_allList .trading_signal .list .trends span.ibox.str {
  background-color: #dd5257;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .trends span.ibox.bas {
  background: #C7CCD1;
}

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

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

.v_signalStreng.globalStock .updata_allList .trading_signal .list .exp_signal {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #333;
  width: 88px;
  text-align: right;
}

.v_signalStreng.globalStock .updata_allList .trading_signal .list .exp_signal.increase {
  color: #e1305a;
}

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

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

/* 추천, 인기검색 */
.v_signalStreng.globalStock .sub_search .searching {
  padding-left: 5px;
  padding-top: 0;
  padding-bottom: 15px;
}

.v_signalStreng.globalStock .sub_top .txt_box,
.v_signalStreng.globalStock .sub_search .latest_results .tabsArea .tab_container .txt_box {
  background: var(--Background-fill-background, #F1F4F6);
}

.v_signalStreng.globalStock .return_sum {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 16px 35px;
  padding: 20px 20px;
  border-radius: 15px;
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .return_sum .line {
  flex: 1 1 50%;
  text-align: center;
}

.v_signalStreng.globalStock .return_sum .line .th {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6a727b;
  padding-bottom: 5px;
}

.v_signalStreng.globalStock .return_sum .line .td .increase {
  font-size: 1.25rem;
  font-weight: 500;
  color: #FF2929;
}

.v_signalStreng.globalStock .return_sum .line .td .decrease {
  font-size: 1rem;
  font-weight: 500;
  color: #26ABFF;
}

.v_signalStreng.globalStock .return_sum .line .td .cunt {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}

.v_signalStreng.globalStock .return_sum .year_sum {
  flex: none;
  display: block;
  width: 100%;
  padding: 18px 5px 0;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #939393;
}
.v_signalStreng.globalStock .return_sum .year_sum .increase {
  font-size: 0.8125rem;
  padding-left: 3px;
  color: #FF2929;
}
.v_signalStreng.globalStock .return_sum .year_sum .decrease {
  padding-left: 3px;
  color: #0062ff;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume {
  background: #fff;
  padding: 16px 14px 0;
  margin-top: 16px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info {
  margin: 0 auto;
  padding-bottom: 13px;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e2;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p {
  font-size: 13px;
  line-height: 1.54;
  color: var(--Font-primary-blue, #4168F6);
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p a.more {
  font-size: 10px;
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
  top: -2px;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 16px;
  border-bottom: 1px solid #404fc3;
  width: auto;
  text-align: left;
  line-height: normal;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.info p a.more::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 2px;
  right: 0;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum {
  padding: 22px 0 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
  width: 100%;
  padding-left: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum .txt {
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  margin-top: 13px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul {
  margin-top: 12px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul li:last-child {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.sum ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule {
  margin-top: 23px;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 14px 15px;
  box-sizing: border-box;
}
.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule .guide {
  position: relative;
  margin-top: 15px;
  display: block;
  color: #939393;
  padding-left: 20px;
  font-size: 0.75rem;
  line-height: 1.43;
  word-break: break-all;
  word-wrap: break-word;
}
.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule .guide::before {
  content: "*";
  position: absolute;
  left: 10px;
  top: 2px;
  display: inline-block;
  color: #939393;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
  width: 100%;
  padding-left: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule .title {
  padding-bottom: 12px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul {
  margin-top: 0;
}
.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul b {
  color: #333;
}
.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul b.increase {
  color: #FF2929;
  font-weight: bold;
}
.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul b.decrease {
  color: #0062ff;
  font-weight: bold;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul li:last-child {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .sub_recom .bandchart_sume .box.rule ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock .sub_search .latest_results .tabsArea table.tableRanking,
.v_signalStreng.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList {
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_search .latest_results .tabsArea .tab_container .no_data {
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_search .latest_results .tabsArea .tab_container .catch_wrap .no_data {
  margin-top: 20px;
  padding-top: 220px;
  padding-bottom: 20px;
  width: 100%;
  height: auto;
  background: #f7f8f9 url("/img/bg_nodata.png") no-repeat center 50px;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area {
  background: none;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list,
.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_event {
  background-color: #f7f8f9;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
  width: calc(100% - 180px);
}

@media (min-width: 320px) and (max-width: 358px) {
  .v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
    width: calc(100% - 130px);
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .list .game_data {
    width: calc(100% - 155px);
  }
}
.v_signalStreng.globalStock .sub_recom .tab-container {
  position: relative;
  margin-top: 24px;
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 0 15px;
}
.v_signalStreng.globalStock .sub_recom .tab-container .tab_btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--Tab-Secondary-Outline-Border-Default, #E3E5E8);
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span {
  position: relative;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0 3px 4px;
  height: 48px;
  box-sizing: border-box;
  margin: 0;
  border: none;
  display: inline-block;
  width: auto;
  color: var(--Tab-Secondary-Outline-Text-Default, #6B7684);
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl, 24px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
  z-index: 1;
}

.v_signalStreng.globalStock .sub_recom .recipe_view .tab-container .tab_btn {
  gap: 0 24px;
  padding: 0;
}

.v_signalStreng.globalStock .sub_recom .recipe_view .tab-container .tab_span {
  display: inline-block;
  /* padding: 0 8px; */
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span .cunt {
  font-size: 0.75rem;
  color: #939393;
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: var(--Font-secondary-title, #24282C);
}

.v_signalStreng.globalStock .sub_recom .tab-container .tab_span.active,
.v_signalStreng.globalStock .sub_recom .tab-container .tab_span.active .cunt {
  color: var(--Tab-Secondary-Outline-Text-Selected, #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);
}

/* 추천 - 매매신호탭 */
.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .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: 17px 16px;
  border-radius: 16px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list {
    padding: 15px 12px;
  }
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .title_logo {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .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;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .title_logo .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list#btn_free .title_logo .logo {
  background: #fff url("/img/signal_prm.svg") no-repeat center center;
  background-size: 70%;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 5px;
  max-width: calc(100% - 140px);
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.19;
  color: #363F4B;
}
@media (min-width: 320px) and (max-width: 374px) {
  .v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail {
    max-width: calc(100% - 140px);
  }
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail .title {
  width: 100%;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail .per {
  padding: 0;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .detail .per span {
  font-size: 0.9375rem;
  letter-spacing: -1px;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue {
  flex: none;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 11px 0;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .th {
  font-size: 11px !important;
  font-weight: 300;
  letter-spacing: normal;
  color: #939393;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase.dod {
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #f00;
  display: inline-block;
  background-color: rgba(255, 75, 75, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 72px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase.dod b {
  color: #f00;
  font-weight: 300;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .decrease.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #0062ff;
  display: inline-block;
  background-color: rgba(0, 98, 255, 0.08);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .same.dod {
  margin-top: 11px;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #333;
  display: inline-block;
  background-color: rgba(199, 204, 209, 0.3882352941);
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  padding: 5px 4px;
  width: 70px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .sub_recom .sub_mid.eventPicks_area .recom_chartList .chartGoal .revenue .decrease.dod b {
  color: #0062ff;
  font-weight: 300;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .dod b {
  color: #f00;
  font-weight: 300;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase {
  color: #FF2929;
  font-size: 1.125rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .decrease {
  color: #26ABFF;
  font-size: 1.125rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .increase.dod,
.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .same.dod,
.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .recipe_area .area .logo_list .revenue .decrease.dod {
  margin-top: 0;
}

.v_signalStreng.globalStock .sub_recom .sub_mid.eventPicks_area .ptfo_area .day {
  font-size: 0.8125rem;
  top: 4px !important;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .guide li {
  color: #939393;
  font-size: 0.8125rem;
}

.v_signalStreng.globalStock .sub_game .gamePicks_area .game_list .update_sort {
  font-size: 0.75rem;
}

.v_signalStreng.globalStock .sub_recom.sub_recipe .sub_mid.recipe_view .tab-container .update_info {
  display: inline-block;
  width: 90px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 4px;
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  letter-spacing: var(--Tracking-md, -0.3px);
}

.sub_mid.latest_results .interest_list {
  display: flex;
  flex-direction: column;
  gap: 8px 8px;
  padding: 24px 16px 0;
}
.sub_mid.latest_results .interest_list .area:has(.event) .stock_info {
  border-radius: 16px 16px 0 0;
}
.sub_mid.latest_results .interest_list .area:not(:has(.event)) .stock_info {
  border-radius: 16px;
}
.sub_mid.latest_results .interest_list .stock_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 8px;
  width: 100%;
  padding: 16px 16px;
  box-sizing: border-box;
  border-radius: 16px;
  background: #F4F4F5;
}
.sub_mid.latest_results .interest_list .stock_info .title_logo {
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.sub_mid.latest_results .interest_list .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;
}
.sub_mid.latest_results .interest_list .stock_info .title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
.sub_mid.latest_results .interest_list .stock_info .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px 5px;
  width: calc(100% - 48px);
}
.sub_mid.latest_results .interest_list .stock_info .detail .title {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  text-align: left;
  width: 480px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: var(--bp-mobile-max)) {
  .sub_mid.latest_results .interest_list .stock_info .detail .title {
    max-width: 150px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  .sub_mid.latest_results .interest_list .stock_info .detail .title {
    max-width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .sub_mid.latest_results .interest_list .stock_info .detail .title {
    max-width: 480px;
  }
}
.sub_mid.latest_results .interest_list .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .num {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .num span {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per {
  color: #363F4B;
  font-size: 15px;
  font-weight: 500;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per .increase {
  color: #FF2929;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per .increase b {
  color: #FF2929;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per .decrease {
  color: #26ABFF;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per .same {
  color: #333;
}
.sub_mid.latest_results .interest_list .stock_info .detail_num .per .same b {
  color: #333;
}
.sub_mid.latest_results .interest_list .stock_info .data_opinion {
  margin-left: auto;
}
.sub_mid.latest_results .interest_list .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;
}
.sub_mid.latest_results .interest_list .stock_info .data_opinion .signal.buy {
  background-color: #FF4500;
}
.sub_mid.latest_results .interest_list .stock_info .data_opinion .signal.sell {
  background-color: #1E90FF;
}
.sub_mid.latest_results .interest_list .stock_info .data_opinion .signal.hold {
  background-color: #4DC589;
}
.sub_mid.latest_results .interest_list .stock_info .data_opinion .signal.waitting {
  background-color: #a1a1a1;
}
.sub_mid.latest_results .interest_list .stock_info .data_opinion .signal.prm_lock {
  min-width: 40px;
  height: 23px;
  box-sizing: border-box;
  background-color: #C7CCD1;
}
.sub_mid.latest_results .interest_list .event {
  display: flex;
  gap: 6px 12px;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  border-right: 1px solid var(--Border-primary-border, #E3E5E8);
  border-bottom: 1px solid var(--Border-primary-border, #E3E5E8);
  border-left: 1px solid var(--Border-primary-border, #E3E5E8);
}
.sub_mid.latest_results .interest_list .event .event_logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 20px;
  padding: 3.5px 6px;
  box-sizing: border-box;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.sub_mid.latest_results .interest_list .event .event_list {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
}
.sub_mid.latest_results .interest_list .event .event_list li {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
.sub_mid.latest_results .interest_list .event .event_list li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
.sub_mid.latest_results .interest_list .event .event_list li a {
  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);
}
.sub_mid.latest_results .interest_list .event .event_list li.why_rise a {
  color: var(--Font-primary-body, #24282C);
  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);
  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;
}
.sub_mid.latest_results .interest_list .select_area {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px 12px;
}
.sub_mid.latest_results .interest_list .select_area .selectBoxList {
  position: relative;
  width: 100%;
}
.sub_mid.latest_results .interest_list .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: 7px;
  top: 12px;
  z-index: 81;
}
.sub_mid.latest_results .interest_list .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: 40px;
  padding: 0 24px 0 12px;
  opacity: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sub_mid.latest_results .interest_list .select_area select:disabled {
  background-color: red;
  cursor: not-allowed;
  opacity: 0.7;
}
.sub_mid.latest_results .interest_list .select_area select:focus {
  outline: none;
}
.sub_mid.latest_results .interest_list .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);
}
.sub_mid.latest_results .interest_list .select_area .noData_title b {
  color: var(--Font-primary-title, #1F242B);
  font-weight: var(--Weight-600, 600);
}
.sub_mid.latest_results .interest_list .select_area .sort_manage {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  margin-left: auto;
}
.sub_mid.latest_results .interest_list .select_area .sort_manage a,
.sub_mid.latest_results .interest_list .select_area .sort_manage button {
  cursor: pointer;
  color: #6A727B;
  font-size: 14px;
  font-weight: 500;
  padding: 0 4px;
  border: none;
  background: none;
  outline: none;
}
.sub_mid.latest_results .interest_list .select_area .sort_manage .btn_manage_group {
  position: relative;
  padding-right: 0;
}
.sub_mid.latest_results .interest_list .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;
}
.sub_mid.latest_results .interest_list .filter_list {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  margin-top: var(--spacing-xl);
  margin-top: 8px;
}
.sub_mid.latest_results .interest_list .filter_list .swiper-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sub_mid.latest_results .interest_list .filter_list .swiper-slide:last-child {
  margin-right: var(--spacing-xl) !important;
}
.sub_mid.latest_results .interest_list .filter_list .swiper-slide .filter_btn,
.sub_mid.latest_results .interest_list .filter_list .swiper-slide .filterBtn_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  border-radius: var(--radius-xxl);
  border: 1px solid var(--color-border-primary);
  padding: 7px 16px;
  box-sizing: border-box;
  color: var(--color-text-secondary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xl);
  letter-spacing: var(--letter-spacing-tight);
}
.sub_mid.latest_results .interest_list .filter_list .swiper-slide .filter_btn.active,
.sub_mid.latest_results .interest_list .filter_list .swiper-slide .filterBtn_link.active {
  background: var(--color-text-primary);
  color: var(--color-bg-primary);
  font-weight: var(--font-weight-semibold);
  border-color: transparent;
}
.sub_mid.latest_results .interest_list .filter-swiper {
  padding: 0 20px;
  box-sizing: border-box;
  padding: 0;
}
.sub_mid.latest_results .interest_list .filter-swiper.swiper-container-initialized {
  visibility: visible;
}
.sub_mid.latest_results .interest_list .filter-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.sub_mid.latest_results .interest_list .filter-swiper .swiper-slide {
  display: block;
  width: auto;
}
.sub_mid.latest_results .interest_list .news_no_data {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 9px 9px;
  min-height: 160px;
  padding: 40px 20px;
  box-sizing: border-box;
}
.sub_mid.latest_results .interest_list .news_no_data .txt {
  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);
}
.sub_mid.latest_results .interest_list .news_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 8px;
}
.sub_mid.latest_results .interest_list .news_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 24px 0;
}
.sub_mid.latest_results .interest_list .news_list .list:first-child {
  border-top: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.sub_mid.latest_results .interest_list .news_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  margin-right: 3px;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.sub_mid.latest_results .interest_list .news_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.sub_mid.latest_results .interest_list .news_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.sub_mid.latest_results .interest_list .news_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.sub_mid.latest_results .interest_list .news_list .list .img span {
  display: inline-flex;
}
.sub_mid.latest_results .interest_list .news_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.sub_mid.latest_results .interest_list .news_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}
.sub_mid.latest_results .interest_list .btn_more a {
  padding: 19px 16px;
}

/* 검색 - 개요 월정기결제 33,000원 플로팅 팝업 */
.v_signalStreng.globalStock .signalpop .bg_gray {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 998;
}

.v_signalStreng.globalStock .signalpop .box {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  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;
  background: #fff;
  opacity: 0;
  transition: all 0s ease-in-out;
  z-index: 999;
}

.v_signalStreng.globalStock .signalpop .box {
  display: none;
  opacity: 1;
}

.v_signalStreng.globalStock .signalpop.monthly_payment .content {
  padding: 20px 0 0;
  background-image: linear-gradient(to bottom, rgba(77, 110, 228, 0), rgba(77, 110, 228, 0.3) 180%, rgba(77, 110, 228, 0.2));
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt {
  text-align: center;
  padding: 0;
  height: 270px;
  background: none;
  background: url("/img/monthly_payment.svg") no-repeat center 30px;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt p {
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt p.txt01 {
  font-size: 18px;
  font-weight: bold;
  color: #c7cbe9;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .content .info_txt p.txt02 {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: var(--Font-primary-blue, #4168F6);
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr {
  display: flex;
  justify-content: space-between;
  height: 47px;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close {
  font-size: 13px;
  text-align: right;
  color: #939393;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding: 4px;
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
  font-size: 0;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::before,
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  height: 22px;
  width: 2px;
  background-color: #333;
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::before {
  transform: rotate(45deg);
}
.v_signalStreng.globalStock .signalpop.monthly_payment .ftr .btn_close::after {
  transform: rotate(-45deg);
}

.v_signalStreng.globalStock .modal.bandchart_sume {
  background: #fff;
  padding: 0 16px 32px;
  top: 15%;
}

.v_signalStreng.globalStock .modal.bandchart_sume .pop_header {
  background-color: #fff;
  padding: 24px 15px;
  border: none;
}

.v_signalStreng.globalStock .modal.bandchart_sume .pop_header .clse::before,
.v_signalStreng.globalStock .modal.bandchart_sume .pop_header .clse::after {
  width: 2px;
  background-color: #333;
}

.v_signalStreng.globalStock .modal.bandchart_sume .pop_header .pop_title {
  letter-spacing: -0.05rem;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}

@media (min-width: 320px) and (max-width: 358px) {
  .v_signalStreng.globalStock .modal.bandchart_sume {
    padding: 0 10px 25px;
  }
  .v_signalStreng.globalStock .modal.bandchart_sume .pop_header .pop_title {
    font-size: 1rem;
  }
}
.v_signalStreng.globalStock .modal.bandchart_sume .box.info {
  margin: 0 auto;
  padding-bottom: 13px;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e2;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.info p {
  font-size: 13px;
  line-height: 1.54;
  color: var(--Font-primary-blue, #4168F6);
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
  padding-left: 18px;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.info p i {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_awesome.svg") no-repeat center center;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.info p a.more {
  font-size: 10px;
  color: var(--Font-primary-blue, #4168F6);
  position: relative;
  top: -2px;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 16px;
  border-bottom: 1px solid #404fc3;
  width: auto;
  text-align: left;
  line-height: normal;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.info p a.more::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 2px;
  right: 0;
  margin: auto;
  display: inline-block;
  border-top: 1px solid #424fbc;
  border-right: 1px solid #424fbc;
  transform: rotate(135deg);
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.sum .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
  width: 100%;
  padding-left: 0;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.sum .txt {
  font-size: 13px;
  line-height: 1.54;
  color: #333;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.sum ul {
  margin-top: 12px;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.sum ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.sum ul li:last-child {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.sum ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule {
  margin-top: 23px;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 14px 15px;
  box-sizing: border-box;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--Font-primary-blue, #4168F6);
  width: 100%;
  padding-left: 0;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule .title {
  color: #014B8D;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule ul {
  margin-top: 12px;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule ul li {
  position: relative;
  font-size: 13px;
  line-height: 1.54;
  color: #333;
  padding-left: 12px;
  margin-bottom: 5px;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule ul li:last-child {
  margin-bottom: 0;
}

.v_signalStreng.globalStock .modal.bandchart_sume .box.rule ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #c7cbe9;
}

.globalStock .sub_login .bg_box {
  margin: 32px auto 0;
  width: calc(100% - 40px);
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-blue-background, #F2F4FF);
}
.globalStock .sub_login .payment_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 8px;
  padding: 20px 0;
  border-bottom: 1px solid var(--Blue-150, #DBE5FF);
}
.globalStock .sub_login .payment_header .title {
  color: var(--Primary-Default, #4168F6);
  font-size: var(--Size-xl-01, 18px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .payment_header .status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--Label-Blue-Light-Bg, #ECEFFD);
  color: var(--Label-Blue-Light-Text, #4168F6);
  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.3px);
}
.globalStock .sub_login .payment_info_list {
  padding: 14px 0 16px;
}
.globalStock .sub_login .payment_info_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--Spacing-s-04, 8px);
  align-self: stretch;
  min-height: 36px;
}
.globalStock .sub_login .payment_info_list li .label {
  width: 64px;
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  font-size: var(--Size-md-15, 15px);
  font-weight: 400;
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .payment_info_list li .desc:has(.desc_sub) + .label,
.globalStock .sub_login .payment_info_list li .desc:has(.desc_sub) ~ .label, .globalStock .sub_login .payment_info_list li:has(.desc .desc_sub) .label {
  align-self: flex-start;
}
.globalStock .sub_login .payment_info_list li .desc {
  display: block;
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  font-size: var(--Size-md-15, 15px);
  font-weight: 400;
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .payment_info_list li .desc .desc_sub {
  display: block;
  color: var(--Semantic-Label-Alternative, var(--Neutral-600, #6B7684));
  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);
}
.globalStock .sub_login .payment_info_list li .card_change_btn {
  cursor: pointer;
  display: inline-flex;
  padding: 10px 12px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border-radius: var(--Radius-r-02, 8px);
  border: 1px solid var(--Button-Secondary-Outline-Border-Default, #E3E5E8);
  background: var(--Button-Secondary-Outline-Bg-Default, #FFF);
  color: var(--Button-Secondary-Outline-Text-Default, #4E5866);
  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);
}
.globalStock .sub_login .service_cancel_area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-end;
  gap: 12px 4px;
  margin: 12px auto 0;
  width: calc(100% - 40px);
}
.globalStock .sub_login .service_cancel_area .text_title {
  cursor: pointer;
  display: inline-flex;
  text-align: right;
  color: var(--Label-Alternative, #6B7684);
  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);
}
.globalStock .sub_login .service_cancel_area .text_title i {
  display: inline-flex;
  align-items: center;
}
.globalStock .sub_login .no_payment_history p {
  text-align: center;
  padding: 40px 0;
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #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);
}
.globalStock .sub_login .line_divider {
  margin-top: 32px;
  border-color: var(--Line-Neutral, #F1F4F6);
}
.globalStock .sub_login .banner_payment {
  margin: 25px auto 0;
  width: calc(100% - 40px);
  padding: 24px 20px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  background: #ECEFFD;
}
.globalStock .sub_login .banner_payment .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
}
.globalStock .sub_login .banner_payment .banner_bg {
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
}
.globalStock .sub_login .banner_payment .banner_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.globalStock .sub_login .banner_payment .link_banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  max-width: 340px;
  margin: 0 auto;
}
.globalStock .sub_login .banner_payment .link_banner span {
  display: block;
  color: var(--Gray-600, #6B7684);
  font-size: var(--Size-xs-13, 13px);
  font-weight: 500;
}
.globalStock .sub_login .banner_payment .link_banner b {
  color: var(--Gray-800, #24282C);
  font-size: var(--Size-md-16, 16px);
  font-weight: 700;
  line-height: var(--Line-height-lg, 21px); /* 131.25% */
}
.globalStock .sub_login .banner_year_payment {
  margin: 25px auto 0;
  width: calc(100% - 40px);
  padding: 24px 20px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Yellow-yellow100, #FFF6D2);
}
.globalStock .sub_login .banner_year_payment .premium_banner {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
}
.globalStock .sub_login .banner_year_payment .banner_bg {
  display: inline-flex;
  border-radius: 12px;
  background-color: #fff;
  min-width: 48px;
  width: 48px;
  height: 48px;
}
.globalStock .sub_login .banner_year_payment .banner_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.globalStock .sub_login .banner_year_payment .link_banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
}
.globalStock .sub_login .banner_year_payment .link_banner span {
  display: block;
  width: 100%;
  color: var(--Gray-600, #6B7684);
  font-size: var(--Size-xs-13, 13px);
  font-weight: 500;
}
.globalStock .sub_login .banner_year_payment .link_banner b {
  color: var(--Gray-800, #24282C);
  font-size: var(--Size-md-16, 16px);
  font-weight: 700;
  line-height: var(--Line-height-lg, 21px); /* 131.25% */
}
.globalStock .sub_login .service_tip_box {
  display: flex;
  align-items: center;
  gap: 12px 12px;
  margin: 21px auto 0;
  width: calc(100% - 40px);
  padding: 16px 16px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  background: #FFF6D2;
}
.globalStock .sub_login .service_tip_box .icon_area {
  display: inline-flex;
  border-radius: 12px;
  background-color: transparent;
  min-width: 24px;
  width: 24px;
  height: 24px;
}
.globalStock .sub_login .service_tip_box .icon_area img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.globalStock .sub_login .service_tip_box .tip_text .highlight {
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .service_tip_box .tip_text .tip {
  color: var(--Semantic-Label-Secondary, var(--Beige-beige400, #BF9D57));
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .service_tip_box .tip_text b {
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .history_area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0 20px;
}
.globalStock .sub_login .history_area .history_list {
  width: 100%;
  padding: 24px 0;
  box-sizing: border-box;
  border-top: 1px solid var(--Line-Normal, #E3E5E8);
}
.globalStock .sub_login .history_area .history_list:first-child {
  border-top: none;
}
.globalStock .sub_login .history_area .history_list .date {
  color: var(--Label-teriary-body, #6B7684);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .history_area .history_list .pay_type {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  padding-top: 4px;
  height: 24px;
}
.globalStock .sub_login .history_area .history_list .pay_type strong {
  color: var(--Label-primary-body, #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);
}
.globalStock .sub_login .history_area .history_list .pay_type .end {
  margin-left: auto;
  border-radius: 6px;
  padding: 4px 6px;
  background: var(--Gray-100, #F1F4F6);
  color: var(--Label-Disable, #B0B8C1);
  font-size: 13px;
  font-weight: var(--Weight-500, 500);
  line-height: normal;
  letter-spacing: -0.39px;
}
.globalStock .sub_login .history_area .history_list .pay_type .cncl {
  margin-left: auto;
  color: var(--Label-Up, #F03E4C);
  text-align: right;
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_login .history_area .history_list .history_amount {
  padding-right: 60px;
  box-sizing: border-box;
  color: var(--Label-teriary-body, #6B7684);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

@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; // 모션 감소 설정 시 애니메이션 비활성화
  }
}
*/
#container.sub_view .view_con .video_box {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
  padding: 20px 0;
  background-color: #D1F5FF;
}
#container.sub_view .view_con .top_banner {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
#container.sub_view .view_con .top_banner img {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
}
#container.sub_view .view_con .news_ticker_list {
  position: relative;
  padding: 0 0 24px;
}
#container.sub_view .view_con .news_ticker_list .tickerlist-swiper .swiper-slide {
  display: block;
  width: auto;
}
#container.sub_view .view_con .news_ticker_list .ticker_list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
#container.sub_view .view_con .news_ticker_list .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);
}
#container.sub_view .view_con .news_ticker_list .ticker_list .item .ticker {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14ch;
  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);
}
#container.sub_view .view_con .news_ticker_list .ticker_list .item .increase,
#container.sub_view .view_con .news_ticker_list .ticker_list .item .decrease,
#container.sub_view .view_con .news_ticker_list .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);
}
#container.sub_view .view_con .news_ticker_list .ticker_list .item .increase {
  color: var(--Red-red500, #F03E4C);
}
#container.sub_view .view_con .news_ticker_list .ticker_list .item .decrease {
  color: #097DF3;
}
#container.sub_view .view_con .news_ticker_list .ticker_list .item .same {
  color: #6B7684;
}
#container.sub_view .view_con .news_ticker_list .ticker_more {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-dark-border, #24282C);
  box-sizing: border-box;
  background: #FFF;
  margin-right: 1px;
  color: var(--Font-primary-body, #24282C);
  font-family: Pretendard;
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-xl-01, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_view .view_con .earnings_ticker_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 0 24px;
  list-style: none;
  margin: 0;
}
#container.sub_view .view_con .earnings_ticker_list .earnings_ticker_card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 15px;
  box-sizing: border-box;
  min-width: 0;
  background: #FFF;
  border-radius: var(--Radius-r-04, 16px);
  border: 1px solid var(--Line-Alternative, #C7CCD1);
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_left {
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-s-01, 2px);
  width: calc(100% - 72px);
  box-sizing: border-box;
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_name {
  width: 100%;
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  /* Title/Small/600 */
  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);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_price_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_price {
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  /* Number/Large */
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl, 24px);
  /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_change {
  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);
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_change.increase {
  color: var(--Red-red500, #F03E4C);
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_change.decrease {
  color: #097DF3;
}
#container.sub_view .view_con .earnings_ticker_list .ticker_card_change.same {
  color: #6B7684;
}
#container.sub_view .view_con .earnings_ticker_list .img {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none'><path d='M56 28C56 48.1354 48.1369 56 28.0016 56C7.8662 56 0 48.1372 0 28.0019C0 7.86651 7.86255 0 27.9979 0C48.1333 0 56 7.86464 56 28Z' fill='%23F1F4F6'/></svg>");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
#container.sub_view .view_con .earnings_ticker_list .img img {
  width: 44px !important;
  height: 44px !important;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
  margin: 0;
  padding: 0;
}
#container.sub_view .view_con .earnings_ticker_list .img:hover {
  background: #DBEAFE;
}
#container.sub_view .view_con .earnings_ticker_list .img:active {
  background: #BFDBFE;
  transform: scale(0.96);
}
#container.sub_view .view_con .earnings_ticker_list .img:focus-visible {
  outline: 2px solid #1E3A8A;
  outline-offset: 2px;
}
#container.sub_view .view_con .earnings_ticker_list .img:disabled {
  background: #F3F4F6;
  color: #9CA3AF;
  cursor: not-allowed;
}
#container.sub_view .view_con .earnings_keywords {
  margin: 32px 0 0;
}
#container.sub_view .view_con .earnings_keywords .earnings_keywords_title {
  margin: 0 0 16px 0;
  color: var(--Semantic-Label-Strong, var(--Neutral-900, #1F242B));
  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);
}
#container.sub_view .view_con .earnings_keywords .earnings_keywords_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}
#container.sub_view .view_con .earnings_keywords .earnings_keyword_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Line-Normal, #E3E5E8);
  background: var(--Common-0, #FFF);
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  font-size: var(--Size-md-15, 15px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl, 24px);
  /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_view .view_con .earnings_keywords .earnings_keyword_tag:hover {
  background: #F7F8FA;
  border-color: #D1D5DB;
}
#container.sub_view .view_con .earnings_keywords .earnings_keyword_tag:active {
  background: #EEF0F2;
  border-color: #B0B8C1;
}
#container.sub_view .view_con .earnings_keywords .earnings_keyword_tag:focus-visible {
  outline: 2px solid var(--Font-primary-body, #24282C);
  outline-offset: 2px;
}
#container.sub_view .view_con .earnings_keywords .earnings_keyword_tag:disabled {
  background: #F3F4F6;
  border-color: #E5E7EB;
  color: #9CA3AF;
  cursor: not-allowed;
}
#container.sub_view .view_con .earnings_keywords .earnings_keyword_tag[aria-pressed=true] {
  background: #EBF2FE;
  border-color: #1E3A8A;
  color: #1E3A8A;
}
#container.sub_view .view_con .sentiment_positive {
  margin: 48px 0 0;
}
#container.sub_view .view_con .sentiment_positive .sentiment_positive_title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px 0;
  color: var(--Semantic-Label-Strong, var(--Neutral-900, #1F242B));
  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);
}
#container.sub_view .view_con .sentiment_positive .sentiment_positive_box {
  padding: var(--Spacing-s-07, 20px);
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  border: 1px solid var(--Accent-Red-50, #FDECEF);
  background: linear-gradient(90deg, var(--Orange-orange50, #FFF2EA) 1.49%, var(--Red-red50, #FEF2F3) 98.51%);
}
#container.sub_view .view_con .sentiment_positive .sentiment_positive_list {
  margin: 0;
  padding: 0;
}
#container.sub_view .view_con .sentiment_positive .sentiment_positive_list .sentiment_positive_item {
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  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);
  word-break: break-all;
  word-wrap: break-word;
}
#container.sub_view .view_con .sentiment_positive .sentiment_positive_list .sentiment_positive_item:last-child {
  margin-bottom: 0;
}
#container.sub_view .view_con .sentiment_positive .sentiment_negative_box {
  padding: var(--Spacing-s-07, 20px);
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  border: 1px solid var(--Accent-Sky-Blue-50, #E2F5FF);
  background: linear-gradient(90deg, var(--Skyblue-50, #E2F5FF) 1.49%, var(--Mint-mint50, #EAFAF9) 98.51%);
}
#container.sub_view .view_con .sentiment_positive .sentiment_negative_list {
  margin: 0;
  padding: 0;
}
#container.sub_view .view_con .past_earnings {
  margin: 48px 0 0;
}
#container.sub_view .view_con .past_earnings .past_earnings_title {
  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);
}
#container.sub_view .view_con .past_earnings .past_earnings_list {
  margin: 12px 0 0;
  padding-left: 12px;
}
#container.sub_view .view_con .past_earnings .past_earnings_list .past_earnings_item {
  position: relative;
  margin-bottom: 8px;
}
#container.sub_view .view_con .past_earnings .past_earnings_list .past_earnings_item:last-child {
  margin-bottom: 0;
}
#container.sub_view .view_con .past_earnings .past_earnings_list .past_earnings_link {
  display: inline;
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #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-3xl, 28px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_view .view_con .past_earnings .past_earnings_list .past_earnings_link b {
  color: var(--Semantic-Label-Normal, var(--Neutral-800, #24282C));
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-3xl, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_view .view_con .past_earnings .past_earnings_list .past_earnings_link:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -12px;
  top: 12px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4' fill='none'><circle cx='2' cy='2' r='2' fill='%234E5866'/></svg>") no-repeat center/contain;
}
#container.sub_view .view_con .go_latest_earnings {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
  padding: var(--Spacing-s-06, 16px);
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Line-Normal, #E3E5E8);
  background: var(--Common-0, #FFF);
}
#container.sub_view .view_con .go_latest_earnings:hover {
  background: #F3F4F6;
  border-color: #D1D5DB;
}
#container.sub_view .view_con .go_latest_earnings:active {
  background: #EEF0F2;
}
#container.sub_view .view_con .go_latest_earnings:focus-visible {
  outline: 2px solid var(--Font-primary-body, #24282C);
  outline-offset: 2px;
}
#container.sub_view .view_con .go_latest_earnings .go_latest_earnings_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9CA3AF;
  flex-shrink: 0;
}
#container.sub_view .view_con .go_latest_earnings .go_latest_earnings_text {
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  font-size: var(--Size-md-16, 16px);
  font-style: normal;
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_view .view_con .go_latest_earnings .go_latest_earnings_chevron {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--Font-primary-body, #24282C);
  flex-shrink: 0;
}
#container.sub_view .view_con .ai_analysis {
  margin: 0 0 80px 0;
}
#container.sub_view .view_con .ai_analysis .analysis_content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 8px;
}
#container.sub_view .view_con .ai_analysis .analysis_content .title {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--Spacing-s-02, 4px);
  color: var(--Font-secondary-title, #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);
}
#container.sub_view .view_con .ai_analysis .analysis_content .title .title_icon {
  display: inline-block;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
#container.sub_view .view_con .ai_analysis .analysis_content .title svg,
#container.sub_view .view_con .ai_analysis .analysis_content .title path {
  cursor: pointer;
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt {
  display: flex;
  align-items: flex-start;
  gap: 4px 4px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px;
  border-radius: var(--Radius-r-03, 12px);
  background: var(--Background-secondary-background, #F7F8FA);
  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-600, 600);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt span {
  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-600, 600);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt span::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 18px;
  animation: blink 0.8s infinite;
  margin-left: 3px;
  background-color: #616974;
  color: var(--Font-primary-body, #616974);
  transform: translateY(3px);
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt .blinking-cursor {
  display: inline-block;
  width: 2px;
  min-width: 2px;
  height: 18px;
  background-color: #616974;
  color: var(--Font-primary-body, #616974);
  animation: blink-cursor 0.8s steps(1) infinite;
  transform: translateY(3px);
}
@keyframes blink-cursor {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt .ai_judgement {
  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);
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt .ai_judgement.good {
  color: var(--Red-red500, #F03E4C);
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt .ai_judgement.neutral {
  color: var(--Gray-gray600, #6B7684);
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt .ai_judgement.bad {
  color: var(--Font-down-blue, #097DF3);
}
#container.sub_view .view_con .ai_analysis .analysis_content .ai_txt .ai_judgement.etc {
  color: var(--Mint-mint600, #08BDAF);
}
#container.sub_view .view_con .ai_analysis .bdr_box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 12px;
  padding: 0 0 0 12px;
  margin-top: 24px;
  box-sizing: border-box;
  border-left: 4px solid var(--Border-primary-border, #E3E5E8);
}
#container.sub_view .view_con .ai_analysis .ai_title {
  margin: 0;
  padding: 0;
  color: var(--Font-primary-body, #24282C);
  font-family: var(--Body, Pretendard);
  font-size: 16px;
  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);
}
#container.sub_view .view_con .ai_analysis .ai_point {
  margin: 0;
  color: #4E5866;
  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);
}

/* 관심종목 뷰 */
#container.sub_interestView .view_con .top {
  padding: 32px 20px 24px;
  box-sizing: border-box;
}
#container.sub_interestView .view_con .top .title {
  color: var(--Font-secondary-title, #24282C);
  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);
  word-break: break-all;
  word-wrap: break-word;
}
#container.sub_interestView .view_con .signal_guide {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
  padding: 0 20px;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-12, 14px);
  /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_interestView .view_con .gap16_box {
  display: flex;
  flex-direction: column;
  gap: 16px 16px;
  padding: 0 20px;
}
#container.sub_interestView .view_con .gap16_box .interest_list {
  display: flex;
  flex-direction: column;
  gap: 16px 16px;
}
#container.sub_interestView .view_con .gap16_box .interest_list .area:has(.event) .stock_info {
  border-radius: 16px 16px 0 0;
}
#container.sub_interestView .view_con .gap16_box .interest_list .area:not(:has(.event)) .stock_info {
  border-radius: 16px;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 8px;
  width: 100%;
  padding: 16px 16px;
  box-sizing: border-box;
  background: #F4F4F5;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .title_logo {
  width: 45px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
#container.sub_interestView .view_con .gap16_box .interest_list .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;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .title_logo .logo img {
  display: inline-block;
  width: 80%;
  height: 80%;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px 5px;
  width: calc(100% - 48px);
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail .title {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  text-align: left;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: var(--bp-mobile-max)) {
  #container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail .title {
    max-width: 150px;
  }
}
@media (min-width: 375px) and (max-width: 767px) {
  #container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail .title {
    max-width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail .title {
    max-width: 480px;
  }
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 4px;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .num {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .num span {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per {
  color: #363F4B;
  font-size: 15px;
  font-weight: 500;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per .increase {
  color: #FF2929;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per .increase b {
  color: #FF2929;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per .decrease {
  color: #26ABFF;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per .decrease b {
  color: #26ABFF;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per .same {
  color: #333;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .detail_num .per .same b {
  color: #333;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .data_opinion {
  margin-left: auto;
}
#container.sub_interestView .view_con .gap16_box .interest_list .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;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .data_opinion .signal.buy {
  background-color: #FF4500;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .data_opinion .signal.sell {
  background-color: #1E90FF;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .data_opinion .signal.hold {
  background-color: #4DC589;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .data_opinion .signal.waitting {
  background-color: #a1a1a1;
}
#container.sub_interestView .view_con .gap16_box .interest_list .stock_info .data_opinion .signal.prm_lock {
  min-width: 40px;
  height: 23px;
  box-sizing: border-box;
  background-color: #C7CCD1;
}
#container.sub_interestView .view_con .gap16_box .interest_list .event {
  display: flex;
  gap: 6px 12px;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  border-right: 1px solid var(--Border-primary-border, #E3E5E8);
  border-bottom: 1px solid var(--Border-primary-border, #E3E5E8);
  border-left: 1px solid var(--Border-primary-border, #E3E5E8);
}
#container.sub_interestView .view_con .gap16_box .interest_list .event .event_logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 20px;
  padding: 3.5px 6px;
  box-sizing: border-box;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
#container.sub_interestView .view_con .gap16_box .interest_list .event .event_list {
  display: flex;
  flex-direction: column;
  gap: 4px 4px;
}
#container.sub_interestView .view_con .gap16_box .interest_list .event .event_list li {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
#container.sub_interestView .view_con .gap16_box .interest_list .event .event_list li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--Gray-gray600, #6B7684);
  border-radius: 100%;
}
#container.sub_interestView .view_con .gap16_box .interest_list .event .event_list li.why_rise {
  color: var(--Font-up-red, #F03E4C);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px);
  /* 150% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
#container.sub_interestView .bdr_line {
  margin-top: 40px;
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
}
#container.sub_interestView .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);
  width: calc(100% - 40px);
  margin-bottom: 80px;
}
#container.sub_interestView .app_download .appdown_box {
  display: flex;
  gap: var(--spacing-s);
  width: 100%;
}
#container.sub_interestView .app_download .appdown_box .app_box {
  width: 100%;
}
#container.sub_interestView .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);
}
#container.sub_interestView .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);
}
#container.sub_interestView .app_download .appdown_img {
  width: 72px;
  height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
#container.sub_interestView .app_download .app_download_btn {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: var(--spacing-l);
}
#container.sub_interestView .app_download .app_download_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
}
#container.sub_interestView .app_download .app_download_btn a img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#container.sub_interestView .swipe_banner,
#container.sub_interestView .swipe_bannertemp,
#container.sub_interestView .swipe_banner_btm {
  margin: 0 auto;
  width: 100%;
}

.recent_news_section {
  padding: 40px 20px;
  border-top: 8px solid var(--Background-fill-background, #F7F8FA);
}
.recent_news_section .recent_news_title {
  margin-bottom: 16px;
  color: var(--Font-secondary-title, #24282C);
  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);
}
.recent_news_section .lst_type.news_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
.recent_news_section .lst_type.news_list .list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
  border-bottom: 1px solid var(--Border-secondary-border, #F1F4F6);
  padding: 16px 0;
}
.recent_news_section .lst_type.news_list .list:first-child {
  border-top: 1px solid var(--Border-secondary-border, #F1F4F6);
}
.recent_news_section .lst_type.news_list .list .news_content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px 8px;
  flex-direction: column;
  justify-content: center;
}
.recent_news_section .lst_type.news_list .list .news_content .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}
.recent_news_section .lst_type.news_list .list .news_content .tag_list .tag {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Background-primary-light-background, #F1F4F6);
  padding: 3.5px 6px;
  color: #4E5866;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28ch;
}
.recent_news_section .lst_type.news_list .list .news_content .tag_list[data-count="2"] .tag {
  max-width: 12ch;
}
.recent_news_section .lst_type.news_list .list .news_content .tag_list[data-count="3"] .tag {
  max-width: 10ch;
}
.recent_news_section .lst_type.news_list .list .news_content .tag_list[data-count]:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]) .tag {
  max-width: 6ch;
}
.recent_news_section .lst_type.news_list .list .news_content .txt .lock_icon {
  display: inline-flex;
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-md-16, 16px);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  margin-right: 3px;
}
.recent_news_section .lst_type.news_list .list .news_content .txt p {
  overflow: hidden;
  color: var(--Font-secondary-title, #24282C);
  text-overflow: ellipsis;
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.recent_news_section .lst_type.news_list .list .news_content .info_box {
  display: flex;
  align-items: center;
  gap: 4px 8px;
  width: 100%;
}
.recent_news_section .lst_type.news_list .list .news_content .info_box .day p {
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px);
  /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.recent_news_section .lst_type.news_list .list .news_content .info_box .noti_tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3.5px 6px;
  border-radius: 6px;
  background: #E2EAFF;
  color: var(--Font-primary-blue, #4168F6);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.recent_news_section .lst_type.news_list .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Background-primary-light-background, #F1F4F6);
  box-sizing: border-box;
  min-width: 72px;
  width: 72px;
  height: 56px;
}
.recent_news_section .lst_type.news_list .list .img.briefing {
  border: 1px solid var(--Border-thumb-border, rgba(0, 0, 0, 0.1));
  background: var(--Skyblue-skyblue100, #B8EBFF);
}
.recent_news_section .lst_type.news_list .list .img span {
  display: inline-flex;
}
.recent_news_section .lst_type.news_list .list .img span img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.recent_news_section .lst_type.news_list .list .img span.logo img {
  width: 44px;
  height: 44px;
}

.globalStock .view_con .mid {
  padding: 24px 0 34px;
  width: calc(100% - 40px);
  margin: 0 auto;
  box-sizing: border-box;
  border-top: 1px solid #F4F4F5;
  color: var(--Font-primary-body, #24282C);
  /* Global Styles/Body/Large */
  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);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock .view_con .mid html,
.globalStock .view_con .mid body,
.globalStock .view_con .mid div,
.globalStock .view_con .mid span,
.globalStock .view_con .mid applet,
.globalStock .view_con .mid object,
.globalStock .view_con .mid iframe,
.globalStock .view_con .mid p,
.globalStock .view_con .mid blockquote,
.globalStock .view_con .mid pre,
.globalStock .view_con .mid a,
.globalStock .view_con .mid abbr,
.globalStock .view_con .mid acronym,
.globalStock .view_con .mid address,
.globalStock .view_con .mid big,
.globalStock .view_con .mid cite,
.globalStock .view_con .mid code,
.globalStock .view_con .mid del,
.globalStock .view_con .mid dfn,
.globalStock .view_con .mid em,
.globalStock .view_con .mid img,
.globalStock .view_con .mid ins,
.globalStock .view_con .mid kbd,
.globalStock .view_con .mid q,
.globalStock .view_con .mid s,
.globalStock .view_con .mid samp,
.globalStock .view_con .mid small,
.globalStock .view_con .mid strike,
.globalStock .view_con .mid sub,
.globalStock .view_con .mid sup,
.globalStock .view_con .mid tt,
.globalStock .view_con .mid var,
.globalStock .view_con .mid b,
.globalStock .view_con .mid u,
.globalStock .view_con .mid i,
.globalStock .view_con .mid center,
.globalStock .view_con .mid dl,
.globalStock .view_con .mid dt,
.globalStock .view_con .mid dd,
.globalStock .view_con .mid ol,
.globalStock .view_con .mid ul,
.globalStock .view_con .mid li,
.globalStock .view_con .mid fieldset,
.globalStock .view_con .mid form,
.globalStock .view_con .mid label,
.globalStock .view_con .mid legend,
.globalStock .view_con .mid table,
.globalStock .view_con .mid caption,
.globalStock .view_con .mid tbody,
.globalStock .view_con .mid tfoot,
.globalStock .view_con .mid thead,
.globalStock .view_con .mid tr,
.globalStock .view_con .mid th,
.globalStock .view_con .mid td,
.globalStock .view_con .mid article,
.globalStock .view_con .mid aside,
.globalStock .view_con .mid canvas,
.globalStock .view_con .mid details,
.globalStock .view_con .mid embed,
.globalStock .view_con .mid figure,
.globalStock .view_con .mid figcaption,
.globalStock .view_con .mid footer,
.globalStock .view_con .mid header,
.globalStock .view_con .mid hgroup,
.globalStock .view_con .mid menu,
.globalStock .view_con .mid nav,
.globalStock .view_con .mid output,
.globalStock .view_con .mid ruby,
.globalStock .view_con .mid section,
.globalStock .view_con .mid summary,
.globalStock .view_con .mid time,
.globalStock .view_con .mid mark,
.globalStock .view_con .mid audio,
.globalStock .view_con .mid video,
.globalStock .view_con .mid .ui-body-a,
.globalStock .view_con .mid .ui-page-theme-a .ui-body-inherit,
.globalStock .view_con .mid html .ui-bar-a .ui-body-inherit,
.globalStock .view_con .mid html .ui-body-a .ui-body-inherit,
.globalStock .view_con .mid html body .ui-group-theme-a .ui-body-inherit,
.globalStock .view_con .mid html .ui-panel-page-container-a {
  color: var(--Font-primary-body, #24282C);
  /* Global Styles/Body/Large */
  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);
}
.globalStock .view_con .mid strong {
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  color: var(--Font-primary-body, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .view_con .mid address,
.globalStock .view_con .mid caption,
.globalStock .view_con .mid em,
.globalStock .view_con .mid var,
.globalStock .view_con .mid s {
  font-style: italic;
  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);
}
.globalStock .view_con .mid ol {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 8px;
  padding-left: 20px;
  margin-top: 10px;
  list-style: decimal;
  letter-spacing: normal;
}
.globalStock .view_con .mid ol li {
  list-style: list-item;
  letter-spacing: normal;
  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);
}
.globalStock .view_con .mid ol li::marker {
  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);
}
.globalStock .view_con .mid ol li strong {
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-xl-01, 18px);
  font-weight: 600;
}
.globalStock .view_con .mid ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 8px;
  margin-top: 10px;
}
.globalStock .view_con .mid ul li {
  padding-left: 7px;
  position: relative;
  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);
}
.globalStock .view_con .mid ul li strong {
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-md-16, 16px);
  font-weight: 600;
}
.globalStock .view_con .mid ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #6B7684;
  border-radius: 50%;
}
.globalStock .view_con .mid .box_caption {
  padding: 16px 16px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-primary-light-background, #F1F4F6);
  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;
}
.globalStock .view_con .mid .box_caption p {
  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;
}
.globalStock .view_con .mid blockquote:before,
.globalStock .view_con .mid blockquote:after,
.globalStock .view_con .mid q:before,
.globalStock .view_con .mid q:after {
  content: "";
}
.globalStock .view_con .mid img {
  box-sizing: border-box;
  width: calc(100% + 40px) !important;
  height: auto !important;
  max-width: none;
  margin-left: -20px;
  margin-bottom: 15px;
}
.globalStock .view_con .mid .caption {
  text-align: center;
  color: #8C98AC;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: 20px;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .view_con .mid figure figcaption {
  text-align: center;
  color: #8C98AC;
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-sm, 14px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: 20px;
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .view_con .mid p {
  color: var(--Font-primary-body, #24282C);
  /* Global Styles/Body/Large */
  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);
}
.globalStock .view_con .mid p strong {
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-xl-01, 18px);
  font-weight: var(--Weight-600, 600);
}
.globalStock .view_con .mid a {
  color: var(--Font-primary-blue, #4168F6);
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .view_con .mid + .go_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 103px;
  padding: 13px 23px;
  box-sizing: border-box;
  border-radius: var(--Radius-r-03, 12px);
  border: 1px solid var(--Background-tertiary-background, #E3E5E8);
  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-600, 600);
  line-height: var(--Line-height-md, 22px);
  /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .view_con .mid .iframe_video {
  margin: 15px auto;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.globalStock .view_con .mid .iframe_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided .vided_info {
  background-color: #f6f7fa;
  margin-top: -15px;
  padding: 12px 15px;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided .vided_info p {
  margin: 0;
  font-size: 0.9375rem;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided h1 {
  color: #49525c;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.43;
  margin-top: 24px;
  margin-bottom: 20px;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided p {
  color: #82929f;
  font-size: 0.8125rem;
  line-height: 1.54;
  margin-bottom: 10px;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided .payBtn {
  width: 100%;
  margin: 25px auto 0;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided .payBtn .btn_wowtv {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding: 7px 5px;
  background-color: #82929f;
  border: none;
  color: #fff;
  font-weight: 300;
  font-size: 0.9375rem;
}
.globalStock .view_con .mid .iframe_video + .wowtv_vided .payBtn .btn_wowtv i {
  position: absolute;
  right: 18px;
  top: 15px;
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("/img/icon_moreRR.png") no-repeat 0 0;
  background-size: cover;
}

.sub_view.sub_research .view_con .mid strong,
.sub_view.sub_research .view_con .mid b {
  font-size: var(--Size-xl-01, 18px);
  font-style: normal;
  color: var(--Font-primary-body, #24282C);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-02, 28px);
  /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
}

.sub_view.sub_research .view_con.earnings_view {
  padding-bottom: 0;
}
.sub_view.sub_research .view_con.earnings_view .mid b {
  font-weight: var(--Weight-600, 600);
}

.globalStock #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container {
  background-color: #F4F4F5;
}

.globalStock #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content#tab1,
.globalStock #wrap .sub_recom .sub_mid .tabsArea .tabs_two + .tab_container .tab_content#tab1 p {
  color: var(--Font-secondary-body, #4E5866);
  /* Global Styles/Body/Large */
  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);
}

.globalStock .sub_briefing .view_con .mid {
  padding: 24px 0 34px;
  width: calc(100% - 30px);
  margin: 0 auto;
  border-top: 1px solid #F4F4F5;
  border-bottom: 1px solid #F4F4F5;
  color: #333;
  font-size: 0.9375rem;
  line-height: 26px;
  margin-bottom: 30px;
}
.globalStock .sub_briefing .view_con .mid img {
  width: 100% !important;
  height: auto !important;
  display: inline-block;
  margin-bottom: 15px;
}
.globalStock .sub_briefing .view_con .mid p,
.globalStock .sub_briefing .view_con .mid a {
  color: #939393;
  font-size: 1rem;
  line-height: 26px;
  margin-bottom: 30px;
}
.globalStock .sub_briefing .view_con .mid a {
  color: #608bff;
  font-size: 1rem;
  line-height: 26px;
  margin-bottom: 30px;
}
.globalStock .sub_briefing .view_con .mid + .go_list {
  color: #939393;
  font-size: 0.75rem;
  margin-top: 20px;
  display: block;
  text-align: right;
  margin-right: 15px;
}

.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_article_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 20px;
  margin-top: 16px;
  box-sizing: border-box;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_article_header .article_title {
  width: 100%;
  color: var(--Semantic-Label-Strong, var(--Label-Strong, #1F242B));
  font-size: var(--Size-5xl, 30px);
  font-style: normal;
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-5xl, 42px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-word;
  word-wrap: break-word;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_article_header .day {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px 6px;
  width: 100%;
  margin: 0;
  color: var(--Semantic-Label-Alternative, var(--Label-Alternative, #6B7684));
  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);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_article_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0 20px 16px;
  margin-top: 48px;
  box-sizing: border-box;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_article_body .article_body_txt {
  width: 100%;
  color: var(--Semantic-Label-Normal, var(--Label-Normal, #24282C));
  font-size: var(--Size-xl-01, 18px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-3xl, 28px); /* 155.556% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-word;
  word-wrap: break-word;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: calc(100% - 40px);
  padding: 0 0 48px;
  margin: 0 20px;
  box-sizing: border-box;
  border-bottom: 1px dashed var(--Line-normal, #E3E5E8);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  list-style: none;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 12px 4px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px dashed var(--Line-normal, #E3E5E8);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_item:first-child {
  border-top: none;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  width: 115px;
  color: var(--Semantic-Label-Normal, var(--Label-Normal, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-2xl, 26px); /* 162.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url("/img/glory.png") no-repeat center;
  background-size: contain;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_right {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_value {
  flex: 1;
  text-align: right;
  color: var(--Semantic-Label-Normal, var(--Label-Normal, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 131.25% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_change {
  width: 118px;
  text-align: left;
  font-size: var(--Size-sm, 14px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-sm, 18px); /* 128.571% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_change.increase {
  color: var(--Font-up-red, #F03E4C);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_change.decrease {
  color: var(--Font-down-blue, #097DF3);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .morning_briefing_indices .indices_change.same {
  color: var(--Gray-gray500, #8C98A7);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend {
  padding: 0 20px;
  margin-top: 48px;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .chous_pick_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .chous_pick_title {
  color: var(--Semantic-Label-Strong, var(--Label-Strong, #1F242B));
  font-size: var(--Size-4xl, 24px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-4xl, 32px); /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .chous_pick_subtitle {
  margin-top: 24px;
  color: var(--Semantic-Label-Strong, var(--Label-Strong, #1F242B));
  font-size: var(--Size-2xl, 20px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-3xl, 28px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .chous_pick_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .chous_pick_card {
  display: flex;
  flex-direction: column;
  padding: var(--Spacing-s-04, 8px) var(--Spacing-s-06, 16px) var(--Spacing-s-05, 12px) var(--Spacing-s-06, 16px);
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-Neutral, #F7F8FA);
  box-sizing: border-box;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_top {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: var(--Spacing-s-05, 12px) 0;
  align-self: stretch;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  min-width: 0;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .img .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: url("/img/Logo_bg.png") no-repeat center center;
  background-size: contain;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .img .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_name {
  display: block;
  width: 100%;
  color: var(--Semantic-Label-Normal, var(--Label-Normal, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-md, 22px); /* 137.5% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_value {
  color: var(--Semantic-Label-Normal, var(--Label-Normal, #24282C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-lg, 21px); /* 131.25% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_change {
  color: var(--Semantic-Market-Up, var(--Market-Up, #F03E4C));
  font-size: var(--Size-md-16, 16px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-lg, 21px); /* 131.25% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_change.increase {
  color: var(--Font-up-red, #F03E4C);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_change.decrease {
  color: var(--Font-down-blue, #097DF3);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_change.same {
  color: var(--Gray-gray500, #8C98A7);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_rec {
  font-size: var(--Size-xl, 18px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl, 24px); /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_rec.increase {
  color: var(--Font-up-red, #F03E4C);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_rec.decrease {
  color: var(--Font-down-blue, #097DF3);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_rec.same {
  color: var(--Gray-gray500, #8C98A7);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_label {
  color: var(--Semantic-Label-Assistive, var(--Label-Assistive, #8C98A7));
  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);
}
.globalStock .sub_view.sub_research .view_con.morning_briefing .chous_pick_section.chous_pick_recommend .pick_card_desc {
  display: block;
  padding-top: var(--Spacing-s-05, 12px);
  border-top: 1px solid var(--Line-Normal, #E3E5E8);
  box-sizing: border-box;
  color: var(--Semantic-Label-Secondary, var(--Label-Secondary, #4E5866));
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xl, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock.v_signalStreng .whyRise_main {
  background-color: #fff;
}
.globalStock.v_signalStreng .whyRise_main .header .btn_tooltip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 8px 8px;
}
.globalStock.v_signalStreng .whyRise_main .header .headerTop .headerLogo {
  padding-right: 0 !important;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area {
  margin: 20px 20px;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list {
  position: relative;
  display: flex;
  justify-content: space-around;
  gap: 0;
  padding: 14px 0;
  box-sizing: border-box;
  border-radius: var(--Radius-r-04, 16px);
  border: 2px solid var(--Border-dark-border, #24282C);
  background: #FFF;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 63px;
  background-color: var(--Border-secondary-border, #F1F4F6);
  left: 33%;
  top: 50%;
  transform: translateY(-50%);
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 63px;
  background-color: var(--Border-secondary-border, #F1F4F6);
  right: 33%;
  top: 50%;
  transform: translateY(-50%);
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .leading_exp {
  min-width: 33.3333333333%;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .mainBox .box {
  flex: 1 1 33%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .title {
  color: var(--Font-secondary-title, #24282C);
  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);
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .num {
  margin-top: 4px;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .num span {
  color: var(--Font-primary-numbertext, #24282C);
  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);
  font-variant-numeric: tabular-nums;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .per {
  margin-top: 2px;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .per span {
  display: inline-flex;
  align-items: center;
  gap: 2px 2px;
  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);
  font-variant-numeric: tabular-nums;
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .per span.increase {
  color: var(--Font-up-red, #F03E4C);
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .per span.decrease {
  color: var(--Font-down-blue, #097DF3);
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leadingexp_list .per span.same {
  color: var(--Gray-gray500, #8C98A7);
}
.globalStock.v_signalStreng .whyRise_main .leadingexp_area .leading_day {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  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-400, 400);
  line-height: var(--Line-height-xs-13, 16px); /* 123.077% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue {
  display: flex;
  align-items: center;
  gap: 0 8px;
  position: relative;
  padding: 12.5px 20px;
  margin-top: 24px;
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 98;
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue .title {
  display: flex;
  align-items: center;
  gap: 6px 6px;
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue #issue_title_text {
  cursor: pointer;
  color: var(--Font-primary-body, #24282C);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-700, 700);
  line-height: var(--Line-height-lg, 21px); /* 140% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue .filter_box {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  transition: all 0.2s ease-in-out;
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue .filter_box .why_filter_select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  min-width: 88px;
  height: 24px;
  text-align: left;
  padding: 0 15px;
  box-sizing: border-box;
  background-color: transparent;
  color: var(--Font-secondary-body, #4E5866);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-01, 24px);
  letter-spacing: var(--Tracking-md, -0.3px);
  transition: color 0.2s ease-in-out;
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue .filter_box .why_filter_select option {
  display: block;
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
  background: #fff;
  color: var(--Font-secondary-body, #4E5866);
  font-size: var(--Size-md-15, 15px);
  font-weight: var(--Weight-500, 500);
  line-height: var(--Line-height-xl-01, 24px);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock.v_signalStreng .whyRise_main .realtime_issue .filter_box .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.globalStock.v_signalStreng .whyRise_main .card_list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 48px 8px;
}
.globalStock.v_signalStreng .whyRise_main .card_list::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
  background-color: var(--Border-primary-border, #E3E5E8);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card {
  position: relative;
  margin-left: 54px;
  margin-right: 20px;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card.animate {
  opacity: 1;
  transform: translateY(0);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card:first-child {
  opacity: 1;
  transform: translateY(0);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header {
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 20px 20px 0;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo {
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 8px;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .title_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px 2px;
  width: 100%;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 210px;
  color: var(--Label-Strong, #1F242B);
  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);
}
@media (max-width: 360px) {
  .globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .title {
    max-width: 172px;
  }
}
@media (min-width: 376px) and (max-width: 410px) {
  .globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .title {
    max-width: 230px;
  }
}
@media (min-width: 411px) and (max-width: 480px) {
  .globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .title {
    max-width: 260px;
  }
}
@media (min-width: 481px) {
  .globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .title {
    max-width: auto;
  }
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .logo {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-size: 70%;
  background: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .logo:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .title_logo .logo img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .badge {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  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);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .badge.up {
  color: var(--Red-red500, #F03E4C);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_header .badge.down {
  color: var(--Font-down-blue, #097DF3);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_content {
  border-radius: var(--Radius-r-04, 16px);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: var(--Background-secondary-background, #F7F8FA);
  padding: 12px 20px 24px;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_content .title {
  cursor: pointer;
  color: var(--Font-primary-title, #1F242B);
  font-family: var(--Title, Pretendard);
  font-size: var(--Size-xl-01, 18px);
  font-weight: var(--Weight-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 133.333% */
  letter-spacing: var(--Tracking-md, -0.3px);
  word-break: break-all;
  word-wrap: break-word;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_content .related_news {
  display: flex;
  align-items: center;
  gap: 4px 4px;
  border-top: 1px solid var(--Border-primary-border, #E3E5E8);
  padding-top: 16px;
  margin-top: 16px;
  color: var(--Label-teriary-body, #6B7684);
  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);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_content .related_news > span {
  position: relative;
  top: 2px;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_content .analysis_list {
  display: flex;
  flex-direction: column;
  gap: 16px 4px;
  margin-top: 4px;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_content .analysis_list .list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px 6px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--Label-Normal-Medium, #4E5866);
  font-size: var(--Size-md-16, 16px);
  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;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_footer {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 4px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_footer .ticker_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 4px;
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_footer .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px 4px;
  padding: 6px 8px;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Background-primary-light-background, #F1F4F6);
  color: var(--Label-teriary-body, #6B7684);
  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.3px);
}
.globalStock.v_signalStreng .whyRise_main .card_list .news_card .news_footer .jump {
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Red-red50, #FEF2F3);
  color: var(--Red-red500, #F03E4C);
}
.globalStock.v_signalStreng .whyRise_main .card_list .time_line {
  position: absolute;
  left: -49px;
  top: 0;
  padding: 6px 0 6px 6px;
  background-color: #fff;
  color: var(--Font-primary-body, #24282C);
  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);
}
.globalStock.v_signalStreng .whyRise_main .no_date {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 50px;
  border-radius: var(--Radius-r-04, 16px);
  background: var(--Background-secondary-background, #F7F8FA);
  padding: 20px 20px;
  color: var(--Font-disabled, #B0B8C1);
  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);
}
.globalStock.v_signalStreng .whyRise_main .last_update {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  color: var(--Font-disabled, #B0B8C1);
  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);
}
.globalStock.v_signalStreng .whyRise_main .loading_indicator .loading_spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  background-color: transparent;
}

/* =============================================================================
   🎨 UTILITY & MISC STYLES - 유틸리티 및 기타 스타일 (라인 6000-16794)
   =============================================================================
   이 섹션은 다음 파일로 분리 예정: _utilities.scss
   - 프리미엄 배너
   - 필터 정렬 버튼
   - 스와이프 배너
   - 알림 설정
   - 기타 유틸리티
   ============================================================================= */
.globalStock .onestep_sample .prm_div.weeks_free.w_70 {
  background-color: #c1c1c1;
  padding-bottom: 15px;
}

.globalStock .prm_div.weeks_free.w_70 {
  background-color: #fff;
  padding: 0 15px;
  box-sizing: border-box;
}
.globalStock .prm_div.weeks_free .box {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px 8px;
  border-radius: 0 !important;
  background-color: #404fc3 !important;
  padding: 30px 10px !important;
}
.globalStock .prm_div.weeks_free .left .line_1 {
  font-size: 0.8175rem;
  line-height: 1.15;
  color: #c7cbe9;
}
.globalStock .prm_div.weeks_free .left .line_2 {
  margin-top: 3px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.28;
  color: #fff;
}
.globalStock .prm_div.weeks_free .left .line_2 strong {
  color: #f0cc09;
}
.globalStock .prm_div.weeks_free .right .btn_area a {
  display: inline-flex;
  align-items: baseline;
  gap: 0 3px;
  padding: 10px 7px 10px 5px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: normal !important;
  text-align: center;
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .prm_div.weeks_free .right .btn_area a b {
  letter-spacing: normal !important;
  color: var(--Font-primary-blue, #4168F6);
}
.globalStock .prm_div.weeks_free .right .btn_area a::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1px solid #404fc3;
  border-right: 1px solid #404fc3;
}

.btn_schRecipeSet {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0 3px;
  position: relative;
  margin-top: 23px;
  padding: 3px 10px;
  border-radius: 8px;
  border: solid 1px #9c99a3;
  background-color: #fff;
  font-size: 0.8125rem;
  line-height: 1.46;
  letter-spacing: -0.65px !important;
  color: #7b7881;
}
.btn_schRecipeSet::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/icon_schSet.svg") no-repeat center center;
  background-size: contain;
  position: relative;
  top: -1px;
}

.class_filter {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  margin: 8px auto 0;
  box-sizing: border-box;
}
.class_filter label {
  width: 100%;
  font-size: 0.75rem;
  color: #333;
}
.class_filter .selectBoxList {
  position: relative;
  width: 100%;
}
.class_filter .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: 7px;
  top: 12px;
  z-index: 81;
}
.class_filter select {
  cursor: pointer;
  width: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 1px #e0e4e9;
  background-color: #fff;
  color: var(--Semantic-Label-Secondary, var(--Neutral-700, #4E5866));
  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);
  height: 40px;
  padding: 0 24px 0 12px;
  opacity: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.class_filter select:disabled {
  background-color: red;
  cursor: not-allowed;
  opacity: 0.7;
}
.class_filter select:focus {
  outline: none;
}

.filter_nodata {
  margin: 20px 0 0;
  border-radius: 20px;
  background: #f7f8f9 url("/img/bg_nodata.png") no-repeat center 50px;
  box-sizing: border-box;
  padding-top: 240px;
  padding-bottom: 15px;
  text-align: center;
}
.filter_nodata .txt {
  color: #939393;
  font-size: 0.9375rem;
  font-weight: normal;
}

.sub_mid.recipe_view .filter_nodata {
  background-color: #fff !important;
}

.family_banner {
  padding: 0 20px;
}
.family_banner .swipe_banner_btm {
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
}
.family_banner .bannerSwiper {
  padding-bottom: 30px;
}
.family_banner .bannerSwiper img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.swipe_banner, .swipe_bannertemp, .swipe_banner_btm {
  position: relative;
  margin: 24px 16px 0;
}
.swipe_banner .swiper-slide, .swipe_bannertemp .swiper-slide, .swipe_banner_btm .swiper-slide {
  justify-content: flex-start;
  width: auto;
  visibility: hidden;
}
.swipe_banner .swiper-slide.swiper-slide-active, .swipe_bannertemp .swiper-slide.swiper-slide-active, .swipe_banner_btm .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.swipe_banner .swiper-pagination, .swipe_bannertemp .swiper-pagination, .swipe_banner_btm .swiper-pagination {
  visibility: hidden;
  left: auto;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  padding: 3px 8px;
  border-radius: var(--Radius-r-07, 100px);
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}
.swipe_banner .swiper-pagination.swiper-pagination-fraction, .swipe_bannertemp .swiper-pagination.swiper-pagination-fraction, .swipe_banner_btm .swiper-pagination.swiper-pagination-fraction {
  visibility: visible;
}
.swipe_banner .swiper-pagination span, .swipe_bannertemp .swiper-pagination span, .swipe_banner_btm .swiper-pagination span {
  letter-spacing: 1px;
  color: #FFF;
  font-family: Pretendard;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
}
.swipe_banner .banner, .swipe_bannertemp .banner, .swipe_banner_btm .banner {
  display: flex;
  align-items: center;
  gap: 4px 12px;
  width: 100%;
  height: 84px;
  padding: 18px 20px;
  box-sizing: border-box;
  border-radius: var(--Spacing-s-06, 16px);
  background: #ECEFFD;
}
.swipe_banner .banner .event_belt, .swipe_bannertemp .banner .event_belt, .swipe_banner_btm .banner .event_belt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Font-primary-blue, #4168F6);
  width: 93px;
  margin-left: auto;
  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);
}
.swipe_banner .banner .img, .swipe_bannertemp .banner .img, .swipe_banner_btm .banner .img {
  position: relative;
  display: inline-flex;
  background-color: #fff;
  width: 48px;
  height: 48px;
  border-radius: var(--Radius-r-03, 12px);
  overflow: hidden;
}
.swipe_banner .banner .img.banner-ribbon, .swipe_bannertemp .banner .img.banner-ribbon, .swipe_banner_btm .banner .img.banner-ribbon {
  overflow: visible;
}
.swipe_banner .banner .img.bg_trans, .swipe_bannertemp .banner .img.bg_trans, .swipe_banner_btm .banner .img.bg_trans {
  background-color: transparent;
}
.swipe_banner .banner .img .event_belt, .swipe_bannertemp .banner .img .event_belt, .swipe_banner_btm .banner .img .event_belt {
  position: absolute;
  left: -33px;
  top: -5px;
  display: inline-flex;
  border-radius: 100px;
  background: var(--Yellow-yellow500, #FFD120);
  padding: 2px 6px 4px 6px;
  transform: rotate(-30deg);
  color: var(--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);
}
.swipe_banner .banner .txt_flx, .swipe_bannertemp .banner .txt_flx, .swipe_banner_btm .banner .txt_flx {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 4px;
}
.swipe_banner .banner .banner_text, .swipe_bannertemp .banner .banner_text, .swipe_banner_btm .banner .banner_text {
  color: var(--Gray-gray600, #6B7684);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}
.swipe_banner .banner .banner_title, .swipe_bannertemp .banner .banner_title, .swipe_banner_btm .banner .banner_title {
  color: var(--Gray-gray800, #24282C);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}

.mid {
  /* 다른 iframe은 다른 비율 적용 가능 */
}
.mid iframe[src*="youtube.com"] {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  margin: 15px auto;
}
.mid iframe:not([src*="youtube.com"]) {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}

/* 알림 푸쉬 설정 */
.globalStock .sub_alarm .alarm_from {
  padding: 40px 20px;
  border-bottom: 8px solid var(--Background-fill-background, #F7F8FA);
  /* 어떤 종목 알림을 받을까요? 스타일 */
}
.globalStock .sub_alarm .alarm_from:has(.premium_banner) {
  padding-top: 20px;
}
.globalStock .sub_alarm .alarm_from .h2_title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.globalStock .sub_alarm .alarm_from .h2_title .day {
  margin-left: auto;
  color: var(--Font-tertiary-caption, #8C98A7);
  font-family: var(--Body, Pretendard);
  font-size: var(--Size-xs-12, 12px);
  font-style: normal;
  font-weight: var(--Weight-400, 400);
  line-height: var(--Line-height-xs-12, 14px); /* 116.667% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .form_box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px 8px;
  margin-top: 18px;
}
.globalStock .sub_alarm .alarm_from .label {
  display: flex;
  align-items: center;
  gap: 8px 8px;
  width: 100%;
}
.globalStock .sub_alarm .alarm_from .label .label_chk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .label .label_chk > label {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  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);
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .label .label_chk > label strong {
  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-600, 600);
  line-height: var(--Line-height-xl-01, 24px); /* 160% */
  letter-spacing: var(--Tracking-md, -0.3px);
}
.globalStock .sub_alarm .alarm_from .label .label_chk .premium_item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--Yellow-yellow100, #FFF6D2);
  color: var(--Yellow-yellow700, #DFB513);
  font-family: Pretendard;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.33px;
}
.globalStock .sub_alarm .alarm_from .label .label_chk .premium_item i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/img/premium_item.svg") no-repeat center center;
  background-size: contain;
  margin-right: 2px;
}
.globalStock .sub_alarm .alarm_from .toggleWrap {
  margin-left: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.globalStock .sub_alarm .alarm_from .toggleWrap input[type=checkbox] {
  display: none;
}
.globalStock .sub_alarm .alarm_from .toggleWrap label {
  display: block;
  width: 48px;
  height: 24px;
  padding: 2px 0;
  background: #e6e7f4;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
}
.globalStock .sub_alarm .alarm_from .toggleWrap label span {
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: left 0.2s;
}
.globalStock .sub_alarm .alarm_from .toggleWrap input[type=checkbox]:checked + div label {
  background: var(--color-primary, #4168F6);
}
.globalStock .sub_alarm .alarm_from .toggleWrap input[type=checkbox]:checked + div label span {
  left: 24px;
}
.globalStock .sub_alarm .alarm_from .stock_notification_options .segment_control, .globalStock .sub_alarm .alarm_from .signal_notification_options .segment_control {
  margin-left: auto;
  display: flex;
  padding: 4px;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Background-primary-light-background, #F1F4F6);
}
.globalStock .sub_alarm .alarm_from .stock_notification_options .segment_control input[type=radio], .globalStock .sub_alarm .alarm_from .signal_notification_options .segment_control input[type=radio] {
  display: none;
}
.globalStock .sub_alarm .alarm_from .stock_notification_options .segment_control .segment_option, .globalStock .sub_alarm .alarm_from .signal_notification_options .segment_control .segment_option {
  flex: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  background-color: transparent;
  border-radius: var(--Radius-r-01-2, 6px);
  padding: 6px 6px;
  min-width: 39px;
  box-sizing: border-box;
  color: var(--Font-primary-default, #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);
}
.globalStock .sub_alarm .alarm_from .stock_notification_options .segment_control input[type=radio]:checked + .segment_option, .globalStock .sub_alarm .alarm_from .signal_notification_options .segment_control input[type=radio]:checked + .segment_option {
  background-color: #FFF;
  box-shadow: 0 0 2px 0 var(--Gray-gray300, #DADCE0);
  color: var(--Font-selected-secondary, #24282C);
  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);
}

.globalStock .sub_alarm .alarm_from .toggleWrap.gray label {
  background: #dadce0;
}
.globalStock .sub_alarm .alarm_from .toggleWrap.gray input[type=checkbox]:checked + div label {
  background: var(--color-primary, #4168F6);
}
.globalStock .sub_alarm .top_banner {
  overflow: hidden;
  border-radius: var(--radius-l);
  margin: 0 auto var(--spacing-xl);
}
.globalStock .sub_alarm .top_banner .premium_banner {
  display: flex;
  align-items: center;
  gap: 4px 12px;
  width: 100%;
  height: 84px;
  padding: 18px 20px;
  box-sizing: border-box;
  border-radius: var(--radius-l);
  background-color: #ECEFFD;
  max-width: 340px;
  margin: 0 auto;
}
@media (max-width: 374px) {
  .globalStock .sub_alarm .top_banner .premium_banner {
    padding: 23px 16px;
  }
}
.globalStock .sub_alarm .top_banner .premium_banner .banner_bg {
  position: relative;
  display: inline-flex;
  border-radius: 12px;
  background-color: var(--color-bg-primary);
  min-width: 48px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.globalStock .sub_alarm .top_banner .premium_banner .banner_bg img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.globalStock .sub_alarm .top_banner .premium_banner .link_banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  color: var(--color-text-primary);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  letter-spacing: normal;
}
.globalStock .sub_alarm .top_banner .premium_banner .link_banner b {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.globalStock .sub_alarm .top_banner .premium_banner .link_banner span {
  display: block;
  padding-bottom: var(--spacing-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: normal;
  letter-spacing: normal;
}
.globalStock .sub_alarm .top_banner .premium_banner .banner_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  box-sizing: border-box;
  min-width: 95px;
  border-radius: var(--radius-s);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-s);
  letter-spacing: var(--letter-spacing-tight);
}

.push_faq_banner {
  margin: 32px 20px 0 20px;
}
.push_faq_banner .banner_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px 9px;
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 16px;
  padding: 24px 20px;
  margin-bottom: 16px;
}
.push_faq_banner .banner_box .banner_text p {
  color: var(--Font-secondary-body, #4E5866);
  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-xl-01, 24px); /* 150% */
  letter-spacing: -0.3px;
}
.push_faq_banner .banner_box .faq_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Gray-gray700, #4E5866);
  padding: 11px 12px;
  width: 73px;
  box-sizing: border-box;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s;
  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);
}
.push_faq_banner .faq_desc {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.push_faq_banner .faq_desc .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #6b7684;
  margin-top: 8px;
}
.push_faq_banner .faq_desc .desc_text p {
  color: var(--Font-secondary-caption, #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);
}

.news_note_banner {
  margin: 24px 20px 0;
}
.news_note_banner .banner_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px 9px;
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 16px;
  padding: 24px 20px;
}
.news_note_banner .banner_box .banner_text p {
  color: var(--Font-secondary-body, #4E5866);
  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-xl-01, 24px); /* 150% */
  letter-spacing: -0.3px;
}
.news_note_banner .banner_box .faq_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--Radius-r-02, 8px);
  background: var(--Gray-gray700, #4E5866);
  padding: 11px 12px;
  width: 102px;
  box-sizing: border-box;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s;
  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);
}
.news_note_banner .faq_desc {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 80px;
}
.news_note_banner .faq_desc .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #6b7684;
  margin-top: 8px;
}
.news_note_banner .faq_desc .desc_text p {
  color: var(--Font-secondary-caption, #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);
}

@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;
  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;
}
@media (min-width: 320px) and (max-width: 358px) {
  .v_signalStreng.globalStock #wrap #container .guide_box {
    width: 280px;
  }
}
.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 {
  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);
  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:active {
  transform: translate(2px, 2px);
}
.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);
  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:active,
.modal.setting_pop03_smartScore .pop_footer .btnArea.edtBtn .btn:active {
  transform: translate(2px, 2px);
}
.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;
  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:focus-within {
  border-color: var(--Font-primary-blue, #4168F6);
}
.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);
  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:active {
  transform: translate(2px, 2px);
}
.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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@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 > .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;
  margin-top: 8px;
  width: 100%;
}
@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 .list {
  flex: 1 1 45%;
  border-radius: 16px;
  padding: 16px 16px 16px;
  background: #FFF;
  max-width: calc(50% - 7.5px);
  box-sizing: border-box;
}
@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#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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@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 > .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;
  margin: 12px 24px 0;
}
.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 .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 {
  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.fix_data_style {
  padding-top: 54px !important;
}
.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 {
  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.fix_data_style {
  padding-top: 54px !important;
}
.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-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);
  padding: 6px 6px;
  width: auto;
  height: auto;
  right: 8px;
  top: 8px;
  box-sizing: border-box;
}
.modal.modal_popup .pop_header .clse:active {
  transform: translate(2px, 2px);
}
.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);
  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:active {
  transform: translate(2px, 2px);
}
.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-size: 70%;
  background: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
.modal.bottom_popup.why_rise_popup .pop_header .stock_info .title_logo .logo:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.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);
  padding: 6px 6px;
  width: auto;
  height: auto;
  right: 0px;
  top: 0px;
  box-sizing: border-box;
}
.balloon_popup .clse:active {
  transform: translate(2px, 2px);
}
.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 .signalpop.event2024_payment .box {
  background: linear-gradient(180deg, var(--Blue-blue150, #DBE5FF) 0%, #FFF 100%);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content {
  max-width: 540px;
  margin: 0 auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 16px;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt {
  background: none;
  padding-top: 16px;
  padding-bottom: 16px;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #333;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .info_txt p.txt02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
  color: #6A727B;
  text-align: center;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.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: 100%;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area {
  padding-bottom: 24px;
  text-align: center;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn {
  display: inline-block;
  margin: 16px auto 0;
  width: calc(100% - 50px);
  padding: 15px 15px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background-color: #4168F6;
  font-size: 1.125rem;
  line-height: 1.19;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .content .btn_area .btn b {
  color: rgb(255, 218, 77);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr {
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: var(--Radius-r-05, 24px) var(--Radius-r-05, 24px) 0px 0px;
  height: auto;
  background-color: #fff;
  margin-top: 0;
  padding: 0;
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day {
  position: relative;
  padding: 13.5px 0;
  flex: 1 1 50%;
  text-align: center;
  color: var(--Font-teriary-body, #6B7684);
  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);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_day::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 16px;
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: var(--Border-tertiary-border, #DADCE0);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close {
  padding: 13.5px 0;
  flex: 1 1 50%;
  text-align: center;
  color: var(--Font-primary-body, #24282C);
  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);
}
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::before,
.v_signalStreng.globalStock .signalpop.event2024_payment .ftr .btn_close::after {
  display: none;
}

.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);
  -webkit-backdrop-filter: blur(2px);
          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);
  -webkit-backdrop-filter: blur(2px);
          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%;
  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;
}
@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::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;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          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;
  height: 226px;
  box-sizing: border-box;
  padding: 24px 12px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .gdn_typeWrap .box .list_masonry .figure {
    width: 154px;
  }
}
.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.css.map */