:root {
  --base-dark: #333;
  --point-color: #262c30;
  --point-light-color: #3ab3ff;
  --point-dark-color: #083891;
  --point-dark-color-ov: #047bdd;
  --point-green: #94C10C;
  --point-yel: #FF8000;
  --point-yel-ov: #e25a00;
  --point-red: #F74632;
  --point-red-10: #fff4f9;
  --color-blu-900: #004DAD;
  --color-blu-800: #006BCC;
  --color-blu-50: #E3F3FE;
  --color-blu-25: #c3e5fc;
  --color-blu-10: #F1F9FF;
  --color-blu-5: #f5f7fa;
  --color-gray-600: #6D7882;
  --color-gray-600-ov: #333;
  --color-gray-500: #939393;
  --color-gray-500-ov: #727272;
  --color-gray-300-ov: #d9dfe6;
  --color-gray-300: #E6E8EA;
  --color-gray-100: #f3f4f5;
  --color-gray-50: #FAFAFA;
  --family-base: "Pretendard", "sans-serif";
  --web-size: 1520px;
  --size-big-title: 35px;
  --size-title: 28px;
  --sub-title: 28px;
  --size-subject: 22px;
  --size-big: 20px;
  --size-schedule: 22px;
  --size-tit-exp: 22px;
  --size-exp: 22px;
  --size-base: 18px;
  --tabs: 18px;
  --size-base-s: 17px;
  --size-small: 17px;
  --size-smalls: 17px;
  --size-exp: 17px;
  --round: 24px;
  --gap-gallery : 40px;
  --gap: 24px;
  --gap-size: 24px;
  --border-radius-big: 24px;
  --pd-cont-s: 24px;
  --gnb_d2_size: 24px;
  --gap-size-s: 12px;
  --border-radius: 12px;
  --size-visual: 56px;
  --round-pd: 48px;
  --gnb_d1_size: 29px;
  --gap-big: 48px;
  --cont-width: 1280px;
  --font-bold: bold;
  --font-semi: 600;
  --font-base: 400;
  --border-radius-sm: 5px;
  --form-height: 45px;
  --select-height: 43px;
  --base-form-h: 50px;
  --pd-cont: 48px;
  --paging: 38px;
  --side: 60px;
}

@media screen and (max-width: 1520px) {
  :root {
    --size-visual: 46px;
    --size-big-title: 35px;
    --gap-list: 45px;
    --side: 24px;
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --size-exp: $size-txt-big;
    --gap-size: 18px;
    --size-subject: $size-txt-big;
    --size-subject: $size-txt-big;
    --size-base: 16px;
    --size-title: 27px;
    --size-big-title: 32px;
    --gap-list: 30px;
    --gnb_d1_size: 21px;
    --gnb_d2_size: $size-txt-base;
    --size-big: 18px;
    --round-pd: 36px;
    --sub-title: 35px;
    --pd-cont: 36px;
  }
}
@media screen and (max-width: 890px) {
  :root {
    --size-visual: clamp(28px, 6.5vw, 45px);
    --size-exp: 18px;
    --gap-size: 15px;
    --size-subject: 18px;
    --size-subject: 18px;
    --size-base: 15px;
    --size-title: clamp(19px, 4vw, 24px);
    --size-title: clamp(24px, 5vw, 32px);
    --size-big-title: 28px;
    --gap-list: 20px;
    --size-big: 17px;
    --size-base: 17px;
    --border-radius: 8px;
    --gnb_d1_size: 18px;
    --gnb_d2_size: 16px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --sub-title: 29px;
    --round-pd: 24px;
    --gap: 12px;
    --side: 12px;
    --form-height: 40px;
    --border-radius-sm: 4px;
    --border-radius-big: 12px;
    --paging: 28px;
    --tabs: 16px;
    --pd-cont: 24px 15px;
    --size-big: 16px;
    --size-base: 16px;
    --size-title: 21px;
    --select-height: 38px;
    --base-form-h: 40px;
  }
}
@media screen and (max-width: 400px) {
  :root {
    --gap-size: 10px;
    --gap-list: 15px;
    --size-big-title: 23px;
    --sub-title: 26px;
    --size-subject: 16px;
    --size-small: 14px;
    --size-base: 15px;
  }
}