@charset "utf-8";

:root{
  --primary-color: #2c45c3;
  --primary-color-hover: #283eb0;
  --primary-light-color: #eaecf9;
  --primary-light-color-hover: #dfe3f6;
  --primary-lighter-color: #F0F2FB;
  --primary-lighter-color-hover: #D2D7EF;
  --primary-dark-color: #213492;
  --primary-dark-color-hover: #1a2975;

  --secondary-color: #2de394;
  --secondary-color-hover: #29cc85;
  --secondary-light-color: #eafcf4;
  --secondary-light-color-hover: #e0fbef;
  --secondary-dark-color: #22aa6f;
  --secondary-dark-color-hover: #1b8859;

  --accent-color:#f86a3c;
  --accent-color-hover:#df5f36;
  --accent-light-color:#fef0ec;
  --accent-light-color-hover:#fee9e2;
  --accent-dark-color:#ba502d;
  --accent-dark-color-hover:#954024;


  --red-color: #e81717;
  --red-color-hover: #d11515;
  --red-light-color: #fde8e8;
  --red-light-color-hover: #fee9e2;

  --green-color: #19B32B;
  --green-color-hover: #0E9A1F;

  --gray-color: #81899C;
  --gray-color-hover: #717379;
  --lightgray-color: #D5D9E3;
  --lightgray-color-hover: #BFC3CD;

  --primary-title-font:'Pretendard';
  --secondary-title-font:'Gmarket Sans TTF';

  --primary-title-color:#1A1B1D;
  --body-text-color:#3F4043;

  --disable-fill-bg-color:#F8F9FA;
  --disable-fill-line-color:#D3D7DE;
  --disable-fill-text-color:#8d9098;

  --default-line-color:#d3d7de;
  --disable-line-bg-color:#f5f6f7;
  --disable-line-border-color:#eaebef;
  --disable-line-text-color:#bcc0ca;
}