html,
body {
  margin: 0;
  line-height: normal;
  overflow-x: hidden;
  background-color: #ffffff;
  background-image:
    radial-gradient(
      1240px 760px at 50% 110px,
      rgba(255, 255, 255, 0.74) 0%,
      rgba(255, 255, 255, 0.24) 54%,
      rgba(232, 241, 255, 0) 100%
    ),
    radial-gradient(
      1680px 980px at 50% 1780px,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(249, 251, 255, 0.88) 42%,
      rgba(239, 245, 255, 0.42) 74%,
      rgba(233, 241, 255, 0.08) 92%,
      rgba(233, 241, 255, 0) 100%
    ),
    linear-gradient(180deg, #eaf2ff 0%, #edf4ff 22%, #f7faff 42%, #ffffff 62%, #ffffff 100%);
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-cornflowerblue-100: #93b8ff;
  --color-cornflowerblue-200: rgba(147, 184, 255, 0.4);
  --color-cornflowerblue-300: rgba(147, 184, 255, 0.2);
  --color-cornflowerblue-400: rgba(147, 184, 255, 0.1);
  --color-darkgray: #959595;
  --color-darkslategray: #2a3440;
  --color-dimgray: #4b5766;
  --color-gainsboro: #d9d9d9;
  --color-lavender: #dfeaff;
  --color-lightgray: #cbcbcb;
  --color-mediumslateblue: #1154ed;
  --color-royalblue: #3f71e2;
  --color-slateblue: #4e4db0;
  --color-slategray: #777a8d;
  --color-white: #fff;
  --color-whitesmoke: #f3f4f8;

  /* Gap */
  --gap-5: 5px;
  --gap-10: 10px;
  --gap-15: 15px;
  --gap-18: 18px;
  --gap-19: 19px;
  --gap-20: 20px;
  --gap-26: 26px;
  --gap-31: 31px;
  --gap-36: 36px;
  --gap-1_5: 1.5px;
  --gap-10_1: 10.1px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-1: 1px;
  --padding-3: 3px;
  --padding-4: 4px;
  --padding-5: 5px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-17: 17px;
  --padding-18: 18px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-21: 21px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-25: 25px;
  --padding-26: 26px;
  --padding-28: 28px;
  --padding-29: 29px;
  --padding-30: 30px;
  --padding-33: 33px;
  --padding-36: 36px;
  --padding-41: 41px;
  --padding-48: 48px;
  --padding-56: 56px;
  --padding-59: 59px;
  --padding-67: 67px;
  --padding-100: 100px;
  --padding-16_5: 16.5px;
  --padding-416_9: 416.9px;
  --padding-9_5: 9.5px;

  /* BorderRadius */
  --br-8: 8px;
  --br-11: 11px;
  --br-17: 17px;
  --br-50: 50%;
  --br-132: 132px;
  --br-154: 154px;

  /* Font */
  --font-pretendard: Pretendard;

  /* FontSize */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-23: 23px;
  --fs-24: 24px;
  --fs-30: 30px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-48: 48px;

  /* Borders */
  --border-1: 2px solid var(--color-mediumslateblue);
  --border-2: 1px solid var(--color-mediumslateblue);

  /* Shadows */
  --shadow-drop: 5px 6px 4px rgba(40, 82, 146, 0.25);
  --shadow-drop-1: 5px 6px 10px rgba(40, 82, 146, 0.25);
  --shadow-inner:
    1px 0px 2.7px -1px rgba(0, 0, 0, 0.25) inset,
    -3px -3px 4px rgba(255, 255, 255, 0.25), 3px 3px 15px rgba(0, 43, 255, 0.2);

  /* Gradients */
  --gradient-1: radial-gradient(
    77.89% 77.89% at 50% 50%,
    #eaf2fa 19.23%,
    rgba(244, 248, 252, 0) 63.94%
  );

  /* WidthHeights */
  --height-1: 1px;
  --height-2: 2px;
  --height-15: 15px;
  --height-16: 16px;
  --height-17: 17px;
  --height-22: 22px;
  --height-24: 24px;
  --height-31: 31px;
  --height-32: 32px;
  --height-34: 34px;
  --height-36: 36px;
  --height-38: 38px;
  --height-40: 40px;
  --height-48: 48px;
  --height-55: 55px;
  --height-57: 57px;
  --height-64: 64px;
  --height-80: 80px;
  --height-100: 100px;
  --height-285: 285px;
  --height-384: 384px;
  --height-31_5: 31.5px;
  --height-45_5: 45.5px;
  --max-w-91: 91px;
  --width-18: 18px;
  --width-26: 26px;
  --width-40: 40px;
  --width-74: 74px;
  --width-81: 81px;
  --width-101: 101px;
  --width-252: 252px;
  --width-293: 293px;
  --width-370: 370px;
  --width-721: 721px;
  --width-1181: 1181px;
  --width-1190: 1190px;
  --width-1200: 1200px;
  --width-1137_9: 1137.9px;
  --width-4_9: 4.9px;

  /* LineHeights */
  --lh-20: 20px;
  --lh-27: 27px;
  --lh-31: 31px;
  --lh-33: 33px;
  --lh-34: 34px;
  --lh-36: 36px;
  --lh-38: 38px;
  --lh-44: 44px;
  --lh-45: 45px;
  --lh-55: 55px;

  /* LetterSpacings */
  --ls-0_05: 0.05;

  --left-0: 0px;
  --left-5: 5px;
  --left-15: 15px;
  --top-0: 0px;
  --top-15: 15px;
  --top-30: 30px;
}

/*Font 선언*/



  @font-face {
      font-family: 'Pretendard';
      font-style: normal;
      font-weight: 300;
      src: local('Pretendard Light');
  }

  @font-face {
      font-family: 'Pretendard';
      font-style: normal;
      font-weight: 400;
      src: local('Pretendard Regular');
  }

  @font-face {
      font-family: 'Pretendard';
      font-style: normal;
      font-weight: 700;
      src: local('Pretendard Bold');
  }

  @font-face {
      font-family: 'Pretendard';
      font-style: normal;
      font-weight: 900;
      src: local('Pretendard Black');
  }
    

/*Focus Outline*/

.btn-:focus:not(:focus-visible),
.rectangle-group:focus:not(:focus-visible),
.faq-trigger:focus:not(:focus-visible) {
   outline: none;
}

.btn-:focus-visible,
.rectangle-group:focus-visible,
.faq-trigger:focus-visible {
  outline: 2px solid #0f6fdb;
  outline-offset: 4px;
}