:root {


  /*=============================================
  =            font-size            =
  =============================================*/
  --sub_bg_desc: 28px;
  --subTitle_h1: 68px;
  --subTitle_h2 : 36px;
  --subTitle_desc: 28px;
  --subContent_title : 24px;
  --subContent_desc : 20px;
  --subContent_medium: 18px;
  --subContent_regular: 16px;
  --subContent_small: 14px;
  --board_text: 18px;

  /*=============================================
  =            margin            =
  =============================================*/

  --subTitle_marginTop: 60px;
  --subTitle_desc_maginTop: 32px;
  --group_margin : 20px;
  --default_margin: 40px;
  --section_margin : 60px;
  --footer_marginTop: 60px;



  
  /*=============================================
  =            mobile font-size            =
  =============================================*/
  --m_sub_bg_title : 50px;
  --m_sub_bg_desc: 28px;
  --m_subTitle_h1: 40px;
  --m_subTitle_h2 : 36px;
  --m_subTitle_h3 : 28px;
  --m_subTitle_desc: 18px;
  --m_subContent_title : 20px;
  --m_subContent_desc : 16px;
  --m_subContent_medium: 14px;
  --m_subContent_regular: 12px;
  --m_subContent_small: 11px;
  --m_board_text: 16px;
  
/*=============================================
  =            mobile-margin            =
  =============================================*/

  --m_subTitle_marginTop: 40px;
  --m_subTitle_desc_maginTop : 32px;
  --m_group_margin : 20px;
  --m_default_margin: 32px;
  --m_section_margin : 40px;
  --m_content_margin : 16px;
  --m_footer_marginTop: 40px;

  

  


  /*=============================================
=            color            =
=============================================*/
  --subTitle_h1_color : #000;
  --subTitle_desc_color: #333;
  --subContent_desc_color: #666;
  --descTxtColor: #666;
  --historyColor: #2f18bf;
  --bsPerColor: #b18f36;

  --bg_color: #f5f5f5;
  --brand: #8dc1df;
  --brand_02: #25292e;
  --color_01: #ddebec;
  --color_02: #b9e1f4;
  --color_03: #73c6e5;
  --color_04: #59ace1;
  --color_05: #f0debf;
  --color_06: #f2c96f;
  --color_07: #f5a121;
  --warning: #db5c72;
  --btn_hover: #35a3ee;

  --white: #fff;
  --black: #000;
  --gray_01: #333;
  --gray_02: #666;
  --gray_03: #999;
  --gray_04: #aaa;
  --gray_05: #ccc;
  --gray_06: #ddd;
  --gray_07: #eee;
  --gray_08: #efefef;
  --gray_09: #fefefe;
  --gray_10: #f5f5f5;
  --br-rd: 20px;
  --box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);

  --fs400: 25rem;
  --fs200: 12.5rem;
  --fs160: 10rem;
  --fs120: 7.5rem;
  --fs80: 5rem;
  --fs70: 4.375rem;
  --fs60: 3.75rem;
  --fs50: 3.125rem;
  --fs44: 2.75rem;
  --fs40: 2.5rem;
  --fs36: 2.25rem;
  --fs30: 1.875rem;
  --fs24: 1.5rem;
  --fs20: 1.25rem;
  --fs18: 1.125rem;
  --fs16: 1rem;
  --fs14: 0.875rem;
  --fs12: 0.75rem;
  --fs11: 0.6875rem;
}