/**
 ***********
 * LU Networks Design System
 * Version: 2.0
 * last modify : 2024-02-00
 * 감독 : 권이준 실장
 * 기획 : 권이준 실장
 * 디자인 : 박상준 과장
 * 감수 : 엄성주 부장
 * 작업 : 구민회 차장
 ***********
*/

:root {
  /* Basic Color System */
  --Gray100: #f8f9fa;
  --Gray150: #f3f5f6;
  --Gray200: #e7eaee;
  --Gray300: #d8dde2;
  --Gray400: #c8cfd6;
  --Gray500: #bac1cb;
  --Gray600: #8f95a1;
  --Gray700: #686e7b;
  --Gray800: #353c46;
  --Gray900: #1e2229;
  --Black: #000;
  --White: #fff;
  --Dimed4: rgba(30, 34, 41, 0.04);
  --Dimed8: rgba(30, 34, 41, 0.08);
  --Dimed12: rgba(30, 34, 41, 0.12);
  --Dimed40: rgba(30, 34, 41, 0.4);
  --Dimed60: rgba(30, 34, 41, 0.6);
  --Dimed80: rgba(30, 34, 41, 0.8);
  --Red: #fe6060;
  --RedDarkened: #ee4747;
  --RedLightened: #ffebee;
  --Orange: #ff872e;
  --OrangeDarkened: #f57514;
  --OrangeLightened: #fff1e6;
  --Yellow: #ffc410;
  --YellowDarkened: #eaad06;
  --YellowLightened: #fff5d7;
  --Purple: #af66dc;
  --PurpleDarkened: #a259cd;
  --PurpleLightened: #f4e5fd;
  --Green: #09cd87;
  --GreenDarkened: #23bd85;
  --GreenLightened: #eaf9f3;
  --Blue: #2c81fb;
  --BlueDarkened: #2876e7;
  --BlueLightened: #e5effd;
  --Info: #8f95a1;
  --InfoTxt: #686e7b;
  --Error: #fe6060;
  --ErrorTxt: #ee4747;
  --Success: #09cd87;
  --SuccessTxt: #23bd85;

  /* Spacing */
  --Spacing2: 2px;
  --Spacing4: 4px;
  --Spacing6: 6px;
  --Spacing8: 8px;
  --Spacing10: 10px;
  --Spacing12: 12px;
  --Spacing14: 14px;
  --Spacing16: 16px;
  --Spacing18: 18px;
  --Spacing20: 20px;
  --Spacing24: 24px;
  --Spacing28: 28px;
  --Spacing32: 32px;
  --Spacing36: 36px;
  --Spacing40: 40px;
  --Spacing44: 44px;
  --Spacing48: 48px;
  --Spacing52: 52px;
  --Spacing56: 56px;
  --Spacing60: 60px;

  /* Effects Color */
  --ShadowDimed4Inset: 0px;
  --ShadowDimed4Horizon: var(--Spacing2);
  --ShadowDimed4Vertical: var(--Spacing6);
  --ShadowDimed4Radius: 0px;
  --ShadowDimed4Spread: 0px;
  --ShadowDimed4Color: var(--Dimed4);
  --ShadowDimed8Inset: 0px;
  --ShadowDimed8Horizon: var(--Spacing2);
  --ShadowDimed8Vertical: var(--Spacing6);
  --ShadowDimed8Radius: 0px;
  --ShadowDimed8Spread: 0px;
  --ShadowDimed8Color: var(--Dimed8);
  --ShadowDimed12Inset: 0px;
  --ShadowDimed12Horizon: var(--Spacing2);
  --ShadowDimed12Vertical: var(--Spacing6);
  --ShadowDimed12Radius: 0px;
  --ShadowDimed12Spread: 0px;
  --ShadowDimed12Color: var(--Dimed12);

  /* Fonts */
  --FontsFamily: "Pretendard Variable", Pretendard, -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;
  --FontHeadingXXLSize: 34px; /* 2.125rem */
  --FontHeadingXLSize: 28px; /* 1.750rem */
  --FontHeadingLSize: 23px; /* 1.438rem */
  --FontHeadingMSize: 20px; /* 1.250rem */
  --FontHeadingSSize: 17px; /* 1.063rem */
  --FontHeadingXSSize: 16px; /* 1.00rem */
  --FontHeadingXXSSize: 15px; /* 0.938rem */
  --FontBodyXXLSize: 16px; /* 1.00rem */
  --FontBodyXLSize: 15px; /* 0.938rem */
  --FontBodyLSize: 14px; /* 0.875rem */
  --FontBodyMSize: 13px; /* 0.813rem */
  --FontBodySSize: 12px; /* 0.750rem */
  --FontBodyXSSize: 11px; /* 0.688rem */
  --FontBodyXXSSize: 10px; /* 0.625rem */
  --FontBodyXXLBoldSize: 16px; /* 1.00rem */
  --FontBodyXLBoldSize: 15px; /* 0.938rem */
  --FontBodyLBoldSize: 14px; /* 0.875rem */
  --FontBodyMBoldSize: 13px; /* 0.813rem */
  --FontBodySBoldSize: 12px; /* 0.750rem */
  --FontBodyXSBoldSize: 11px; /* 0.688rem */
  --FontBodyXXSBoldSize: 10px; /* 0.625rem */
  --FontHeadingXXLHeight: 41px; /* 2.563rem */
  --FontHeadingXLHeight: 34px; /* 2.125rem */
  --FontHeadingLHeight: 28px; /* 1.750rem */
  --FontHeadingMHeight: 24px; /* 1.500rem */
  --FontHeadingSHeight: 20px; /* 1.250rem */
  --FontHeadingXSHeight: 19px; /* 1.188rem */
  --FontHeadingXXSHeight: 18px; /* 1.125rem */
  --FontBodyXXLHeight: 22px; /* 1.375rem */
  --FontBodyXLHeight: 21px; /* 1.313rem */
  --FontBodyLHeight: 20px; /* 1.250rem */
  --FontBodyMHeight: 18px; /* 1.125rem */
  --FontBodySHeight: 16px; /* 1.00rem */
  --FontBodyXSHeight: 14px; /* 0.875rem */
  --FontBodyXXSHeight: 13px; /* 0.813rem */
  --FontBodyXXLBoldHeight: 22px; /* 1.375rem */
  --FontBodyXLBoldHeight: 21px; /* 1.313rem */
  --FontBodyLBoldHeight: 20px; /* 1.250rem */
  --FontBodyMBoldHeight: 18px; /* 1.125rem */
  --FontBodySBoldHeight: 16px; /* 1.00rem */
  --FontHeadingXXLSpacing: -0.3;
  --FontHeadingXLSpacing: -0.3;
  --FontHeadingLSpacing: -0.3;
  --FontHeadingMSpacing: -0.3;
  --FontHeadingSSpacing: -0.3;
  --FontHeadingXSSpacing: -0.3;
  --FontHeadingXXSSpacing: -0.3;
  --FontBodyXXLSpacing: -0.3;
  --FontBodyXLSpacing: -0.3;
  --FontBodyLSpacing: -0.3;
  --FontBodyMSpacing: -0.3;
  --FontBodySSpacing: -0.3;
  --FontBodyXSSpacing: -0.3;
  --FontBodyXXSSpacing: -0.3;
  --FontBodyXLBoldSpacing: -0.3;
  --FontBodyLBoldSpacing: -0.3;
  --FontBodyMBoldSpacing: -0.3;
  --FontBodySBoldSpacing: -0.3;
  --FontBodyXSBoldSpacing: -0.3;
  --FontBodyXXSBoldSpacing: -0.3;
  --FontWeightBold: 700;
  --FontWeightRegular: 400;

  /* Border Radius */
  --BorderRadius4: var(--Spacing4);
  --BorderRadius6: var(--Spacing6);
  --BorderRadius8: var(--Spacing8);
  --BorderRadius10: var(--Spacing10);
  --BorderRadius12: var(--Spacing12);
  --BorderRadius16: var(--Spacing16);
  --BorderRadius24: var(--Spacing24);
  --BorderRadius32: var(--Spacing32);
  --BorderRadius50vh: 50vh;

  /* Elements Size */
  --SizeXS: 20px;
  --SizeS: 28px;
  --SizeM: 40px;
  --SizeL: 48px;
  --SizeXL: 52px;
  --SizeExtS: 100px;
  --SizeExtM: 120px;
  --SizeExtL: 160px;

  /* Logo */
  --LogoThum: url("/assets/img/logo_thumbnail.png");
  --LogoFull: url("/assets/img/logo_fullsize.png");
  --LogoIntro: url("/assets/img/logo_intro.png");
  --LogoNaviM: url("/assets/img/logo_navigation_m.png");
  --LogoNaviW: url("/assets/img/logo_navigation_w.png");
  --LogoNaviA: url("/assets/img/logo_navigation_a.png");

  /* image undefined */
  --NotFoundImage: url("/assets/lds_v2/img/bg_no_image_type_picture.png");
  --NotFoundProfile: url("/assets/lds_v2/img/bg_no_image_type_profile.png");
  --MyPagev1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M23.937 23.6352C28.1343 23.6352 31.537 20.2325 31.537 16.0352C31.537 11.8378 28.1343 8.43518 23.937 8.43518C19.7396 8.43518 16.337 11.8378 16.337 16.0352C16.337 20.2325 19.7396 23.6352 23.937 23.6352Z' stroke='%23686E7B' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.737 39.5352V36.7352C8.737 32.2352 12.437 28.5352 16.937 28.5352H31.037C35.537 28.5352 39.237 32.2352 39.237 36.7352V39.5352' stroke='%23686E7B' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --NotFoundMember: url("/assets/lds_v2/img/bg_no_image_type_member.png");
  --NotFoundCompany: url("/assets/lds_v2/img/bg_no_image_type_company.png");
  --NotFoundMale: url("/assets/lds_v2/img/bg_profile_man.png");
  --NotFoundFemale: url("/assets/lds_v2/img/bg_profile_woman.png");
  --NotFoundOther: url("/assets/lds_v2/img/bg_company_building.png");
  --NotFoundMap: url("/assets/lds_v2/img/bg_map_kakao.png");
  --NotFoundMapSimple: url("/assets/lds_v2/img/bg_map_simple.png");
}