@charset "utf-8";
:root {
  --ff-symbol: 'Material Symbols Outlined';
  --ff-en: "Fira Sans", sans-serif;
  --c-white:#fff;
  --c-main: #0079C0;
  --c-blue: #0079C0;
  --c-red: #E9474B;
  --c-blue-dark: #193070;
  --c-red-dark: #990028;
  --c-blue-light: #E7F0F4;
  --c-red-light: #FBEEEE;
  --c-txt: #333333;
  --c-gray: #f3f3f3;
  --c-gray-light: #999;

/* size setting (368/1280) */
/* space */
 --space-fix-4:  4px;
 --space-fix-8:  8px;
 --space-fix-12: 12px;
 --space-fix-16: 16px;
 --space-16:  clamp(12px, 10.386px + 0.439vw, 16px);
 --space-20:  clamp(14px, 11.579px + 0.658vw, 20px);
 --space-24:  clamp(16px, 12.772px + 0.877vw, 24px);
 --space-28:  clamp(18px, 13.965px + 1.096vw, 28px);
 --space-32:  clamp(20px, 15.158px + 1.316vw, 32px);
 --space-40:  clamp(24px, 17.544px + 1.754vw, 40px);
 --space-48:  clamp(32px, 25.544px + 1.754vw, 48px);
 --space-56:  clamp(32px, 22.316px + 2.632vw, 56px);
 --space-64:  clamp(40px, 30.316px + 2.632vw, 64px);
 --space-72:  clamp(48px, 38.316px + 2.632vw, 72px);
 --space-80:  clamp(48px, 35.088px + 3.509vw, 80px);
 --space-88:  clamp(54px, 40.281px + 3.728vw, 88px);
 --space-96:  clamp(54px, 37.053px + 4.605vw, 96px);
 --space-112: clamp(60px, 39.018px + 5.702vw, 112px);
 --space-120: clamp(80px, 63.860px + 4.386vw, 120px);

/* font-size */
  --fs-fix-12: 12px;
  --fs-fix-14: 14px;
  --fs-fix-16: 16px;
  --fs-15: clamp(0.813rem, 0.762rem + 0.219vw, 0.938rem); /* 13 / 15 */
  --fs-16: clamp(0.875rem, 0.825rem + 0.219vw, 1rem); /* 14 / 16 */
  --fs-18: clamp(1rem, 0.950rem + 0.219vw, 1.125rem); /* 16 / 18 */
  --fs-20: clamp(1rem, 0.899rem + 0.439vw, 1.25rem); /* 16 / 20 */
  --fs-24: clamp(1.125rem, 0.974rem + 0.658vw, 1.5rem); /* 18 / 24 */
  --fs-28: clamp(1.25rem, 1.048rem + 0.877vw, 1.75rem); /* 20 / 28 */
  --fs-32: clamp(1.375rem, 1.123rem + 1.096vw, 2rem); /* 22 / 32 */
  --fs-36: clamp(1.375rem, 1.022rem + 1.535vw, 2.25rem); /* 22 / 36 */
  --fs-38: clamp(1.5rem, 1.147rem + 1.535vw, 2.375rem); /* 24 / 38 */
  --fs-40: clamp(1.5rem, 1.096rem + 1.754vw, 2.5rem); /* 24 / 40 */
  --fs-48: clamp(1.625rem, 1.070rem + 2.412vw, 3rem); /* 24 / 48 */
  --fs-56: clamp(1.625rem, 0.868rem + 3.289vw, 3.5rem); /* 26 / 56 */
}
