/* *************************************************** */
/* 공통 css 변수 선언 */
/* *************************************************** */

:root {
  --header-hei: 8rem;
  --header-pd: 8rem;
  --inner-pd : calc((100% - 1490px) / 2);;
  --adm-inner: 6rem;

  --color-point: #076BFD;
  --color-point01: #052D74;
  --color-point02: #00297F;
  --color-point03: #5169F6;
  --color-point04: #F99450;
  --color-r : #076BFD;

  --color-contBG: #F3F8FC;

  --color-tit01: #21272A;
  --color-tit02: #0F0F0F;
  --color-tit03: #171717;

  --color-txt01: #666;
  --color-txt02: #BCBCBC;
  --color-txt03: #697077;
  --color-txt04: #697586;
  --color-txt05: #8A92A6;
  --color-txt06: #232D42;
  --color-txt07: #262626;

  --bule-color: #0F68EE;
  --red-color: #D41421;

  --fontSize-54: 5.4rem;
  --fontSize-50: 5rem;
  --fontSize-42: 4.2rem;
  --fontSize-40: 4rem;
  --fontSize-34: 3.4rem;
  --fontSize-33: 3.3rem;
  --fontSize-32: 3.2rem;
  --fontSize-31: 3.1rem;
  --fontSize-30: 3rem;
  --fontSize-29: 2.9rem;
  --fontSize-28: 2.8rem;
  --fontSize-27: 2.7rem;
  --fontSize-26: 2.6rem;
  --fontSize-25: 2.5rem;
  --fontSize-24: 2.4rem;
  --fontSize-23: 2.3rem;
  --fontSize-22: 2.2rem;
  --fontSize-21: 2.1rem;
  --fontSize-20: 2rem;
  --fontSize-19: 1.9rem;
  --fontSize-18: 1.8rem;
  --fontSize-17: 1.7rem;
  --fontSize-16: 1.6rem;
  --fontSize-15: 1.5rem;
  --fontSize-14: 1.4rem;
  --fontSize-13: 1.3rem;
  --fontSize-12: 1.2rem;

  --color-user-th-bg: #EEF2F6;
  --color-user-tb-border: #EEF2F6;
  --color-user-th: #697586;
  --color-user-td: #222222;

  --color-adm-tb-border01: #ECECEC;
  --color-adm-tb-border02: #E9E9E9;
  --color-adm-th-bg01: #EBF0FF;
  --color-adm-th-bg02: #F5F5F5;
  --color-adm-th01: #262626;
  --color-adm-td02: #999999;

  --color-border:#DDD;

  --radius-10: 1rem;
  --radius-8: .8rem;
  --radius-6: .6rem;
  --radius-5: .5rem;
  --radius-4: .4rem;

}

@media all and (max-width:1600px) {
  :root {
    --header-pd: 0 4rem;
    --inner-pd: 4rem;
    --adm-inner: 4rem;
  }
}

@media all and (max-width:1450px) {
  :root{
    --fontSize-40: 3.5rem;
    --fontSize-54: 4.5rem;
    --fontSize-32: 2.7rem
  }
}

@media all and (max-width:1300px) {
  :root{
    --fontSize-54: 4.2rem;
  }
}


@media all and (max-width:990px) {
  :root{
    --fontSize-54: 4rem;
    --fontSize-32: 2.5rem;
    --fontSize-20: 1.8rem;
    --fontSize-19: 1.7rem;
  }
}

@media all and (max-width:960px) {
  :root {
    --header-hei: 8rem;
    --header-pd: 0 3rem;
    --inner-pd: 3rem;
    --adm-inner: 3rem;

    --fontSize-54: 3.6rem;
    --fontSize-42 : 3.2rem;
    --fontSize-40: 3rem;
    --fontSize-26: 2.4rem;
    --fontSize-24 : 2.2rem;
    --fontSize-17: 1.6rem;
  }

}

@media all and (max-width:768px) {
  :root {
    --header-hei: 7rem;
    --inner-pd: 2rem;
    --adm-inner: 2rem;

    --fontSize-54: 3.2rem;
    --fontSize-32: 2.2rem;
    --fontSize-25 : 2.3rem;
    --fontSize-20: 1.8rem;
  }

}