:root{
    --header-h:90px;
    --header-sub-h:72px;
    --text:#111111;
    --line:#e5e7eb;
    --card:#fff;
    --blue:#0070DB;
    --shadow:0 8px 20px rgba(0,0,0,.08);
    --drop-shadow:0 10px 26px rgba(0,0,0,.12);
    --gap:10px;

    --open-delay:110ms;
    --close-delay:320ms;
    --dd-fade:220ms;
    --dd-move:260ms;

    

    /* Main Visual */
    --hero-height-pc: 837px;
    --hero-height-m: 690px;
    --radius-lg: 40px;
  
    --container-max: 1400px;
    --container-pad: 24px;
  
    --side-pad-pc: 120px;
    --side-pad-m: 24px;
  
    --fz-h1-pc: 54px;
    --fz-h1-m: 30px;
    --fz-body-pc: 16px;
    --fz-body-m: 14px;
  
    --line-w-pc: 154px;
    --line-w-m: 210px;
    --line-h: 2px;
  
    --nav-size: 34px;
    --btn-h: 48px;
  
    --gap-copy-btn: 30px;
    --gap-btn-img: 16px;







    /* color */
    /* White & Black Colors */
    --white: #fff;
    --white-50: rgba(255, 255, 255, 0.50);
    --black: #000;
    --black-30: rgba(0, 0, 0, 0.30);
    --black-80: rgba(0, 0, 0, 0.80);

    /* Gray Colors */
    --gray-10: #F8F8F8;
    --gray-20: #F0F0F0;
    --gray-30: #E8E8E8;
    --gray-3070: rgba(221, 221, 221, 0.70);
    --gray-40: #CCCCCC;
    --gray-50: #BBBBBB;
    --gray-60: #AAAAAA;
    --gray-70: #8D8D8D;
    --gray-80: #7A7A7A;
    --gray-8070: rgba(119, 119, 119, 0.70);
    --gray-90: #606060;
    --gray-100: #222222;
    --gray-black: #000000;


    /* red Colors */
    --red: #F84343;
    --red-50:rgba(248, 67, 67, 0.80);
}