@charset "utf-8";

:root {
  --header-util-height: 4rem;
  --header-gnb-height: 10rem;

   /* color */
  --color-primary: #79C651;
  --color-secondary: #e5a80d;
  --color-dark: #222;
  --color-gray: #666;
  --color-white: #fff;
  --color-bg: #f5f5f5;
  --color-text: #333;
  --color-text-light: #666;
  --color-text-disabled: #bbbbbb;
  --color-bg: #fff;
  --color-bg-gray: #f5f5f5;

  --color-success: #2f8f00;
  --color-danger: #e65629;

  --hover-green: #79C651;
  --hover-orange: #F18200;

  /* navigation/ */
  --color-depth2-active: rgb(221, 139, 8);

  /* border color */
  --color-border: #e5e5e5;
  --color-border-light: #f7f7f7;

  /* font */
  --font-main:
    'Pretendard',
    'Malgun Gothic',
    sans-serif;
  --font-sub:
    'Pretendard',
    'Malgun Gothic',
    sans-serif;

  /* font-size */
  --font-size-sm: 1.4rem;
  --font-size-md: 1.6rem;
  --font-size-lg: 2rem;

  /* layout */
  --inner-width: 1520px;
  --inner-padding: 2rem;
  --header-height: 10rem;

 /* spacing */
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;

  /* radius */
  --radius-sm: 0.4rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.6rem;

  /* transition */
  --transition: all 0.3s ease;

  /* shadow */
  --shadow-md:
  0 4px 12px rgba(0,0,0,0.1);

  /* z-index */
  --z-header: 100;
  --z-modal: 1000;
}


  /* =========================
    SUB LNB - BROWN
  ========================= */
  :root {
    --sublnb-primary: #9A6B4A;
    --sublnb-secondary: #5E7F63;
    --sublnb-bg: #F6F3EE;
  }
 
  /* =========================
    SUB - BROWN
  ========================= */
  :root {
    --sub-primary: #9A6B4A;
    --sub-secondary: #5E7F63;
    --sub-bg: #F6F3EE;
    --sub-bg-light: #fcfbf8;

    --sub-btn-primary: #e5670d;
    --sub-btn-basic: #453c35;
  }

  /* =========================
    SUB - TABLE
  ========================= */
  :root {
    --table-bg: #fbfbfb;
    --table-border: #ededed;
  }