@charset "utf-8";

:root{
  --primary-color: #2557B4;
  --primary-color-hover: #214EA2;
  --primary-light-color: #F4F7FB;
  --primary-light-color-hover: #DCE4F3;
  --primary-lighter-color: #E9EEF8;
  --primary-lighter-color-hover: #CFDAEF;
  --primary-dark-color: #1C4187;
  --primary-dark-color-hover: #16346C;

  --secondary-color: #F86A3C;
  --secondary-color-hover: #DF5F36;
  --secondary-light-color: #FFF8F5;
  --secondary-light-color-hover: #FEE7E0;
  --secondary-dark-color: #BA502D;
  --secondary-dark-color-hover: #954024;

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

  --green-color: #289C77;
  --green-color-hover: #067b14;

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

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

  --primary-title-color:#1B1C2B;
  --secondary-title-color:#252836;
  --body-text-color:#313337;

  --disable-fill-bg-color:#EAEBEF;
  --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;
}