:root {
  --bg-bw01: #fff;
  --bg-bw02: #f2f2f2;
  --bg-bw03: #ccc;
  --bg-bw04: #000;

  --bg-c01: #01A19F;
  --bg-c02: #00CDAF;
  --bg-c03: #9DF3C4;
  --bg-c04: #D7FBE8;
  --bg-c05: #033F63;
  --bg-c06: #04598B;
  --bg-c07: #00A793;
  /* --bg-c01: #1C3879;
  --bg-c02: #607EAA;
  --bg-c03: #EAE3D2;
  --bg-c04: #F9F5EB; */

  --ft-bw01: #fff;
  --ft-bw02: #000;
  --ft-bw03: #ccc;
  --ft-bw04: #a1a1a1;

  --ft-c01: #1FAB89;
  --ft-c02: #62D2A2;
  /* --ft-c01: #1C3879;
  --ft-c02: #607EAA; */
}

/*배경색상 무채색*/
.bg-bw01 {background: var(--bg-bw01);}
.bg-bw02 {background: var(--bg-bw02);}
.bg-bw03 {background: var(--bg-bw03);}
.bg-bw04 {background: var(--bg-bw04);}
.bg-bw05 {background: var(--bg-bw05);}

/*배경색상*/
.bg-c01 {background: var(--bg-c01);}
.bg-c02 {background: var(--bg-c02);}
.bg-c03 {background: var(--bg-c03);}
.bg-c04 {background: var(--bg-c04);}
.bg-c05 {background: var(--bg-c05);}


/*글자색상 무채색*/
.ft-bw01 {color: var(--ft-bw01);}
.ft-bw02 {color: var(--ft-bw02);}
.ft-bw03 {color: var(--ft-bw03);}
.ft-bw04 {color: var(--ft-bw04);}
.ft-bw05 {color: var(--ft-bw05);}
.ft-bw01:hover {color: var(--ft-bw01);}
.ft-bw02:hover{color: var(--ft-bw02);}
.ft-bw03:hover {color: var(--ft-bw03);}
.ft-bw04:hover {color: var(--ft-bw04);}
.ft-bw05:hover {color: var(--ft-bw05);}


/*글색상 */
.ft-c01 {color: var(--ft-c01);}
.ft-c02 {color: var(--ft-c02);}
.ft-c03 {color: var(--ft-c03);}
.ft-c04 {color: var(--ft-c04);}
.ft-c05 {color: var(--ft-c05);}
.ft-c01:hover {color: var(--ft-c01);}
.ft-c02:hover {color: var(--ft-c02);}
.ft-c03:hover {color: var(--ft-c03);}
.ft-c04:hover {color: var(--ft-c04);}
.ft-c05:hover {color: var(--ft-c05);}

/*폰트 사이즈*/
.fs01 {font-size:0.8rem !important; }
.fs02 {font-size:1rem !important;}
.fs03 {font-size:1.5rem !important;}
.fs04 {font-size:2rem !important;}
.fs05 {font-size:2.5rem !important;}

@media (max-width: 680px) {
  .fs01 {font-size:0.5rem !important; }
  .fs02 {font-size:1rem !important;}
  .fs03 {font-size:1.3rem !important;}
  .fs04 {font-size:1.8rem !important;}
  .fs05 {font-size:1.7rem !important;}
}

/*폰트 굻기*/
.fw-700 {font-weight: 700;}


/*간격*/
.pt-6 {padding-top: 3.5rem !important;}
.pt-7 {padding-top: 4rem !important;}
.pt-8 {padding-top: 4.5rem !important;}
.pt-9 {padding-top: 5rem !important;}
.pt-10 {padding-top: 5.5rem !important;}