.p {
        padding: 0;
        margin: 0;
        font-family: Toss Product Sans, -apple-system, BlinkMacSystemFont, Bazier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji,
          Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        color: #4e5968;
        word-break: keep-all;
        word-wrap: break-word;
      }
      
      :root {
        --inverseGrey50: #202027;
        --inverseGrey100: #2c2c35;
        --inverseGrey200: #3c3c47;
        --inverseGrey300: #4d4d59;
        --inverseGrey400: #62626d;
        --inverseGrey500: #7e7e87;
        --inverseGrey600: #9e9ea4;
        --inverseGrey700: #c3c3c6;
        --inverseGrey800: #e4e4e5;
        --inverseGrey900: #fff;
        --background: #fff;
        --darkBackground: #17171c;
        --greyBackground: #f2f4f6;
        --darkGreyBackground: #101013;
        --layeredBackground: #fff;
        --darkLayeredBackground: #202027;
        --floatBackground: #fff;
        --darkFloatBackground: #2c2c35;
        --black: #000;
        --grey50: #f9fafb;
        --grey100: #f2f4f6;
        --grey200: #e5e8eb;
        --grey300: #d1d6db;
        --grey400: #b0b8c1;
        --grey500: #8b95a1;
        --grey600: #6b7684;
        --grey700: #4e5968;
        --grey800: #333d4b;
        --grey900: #191f28;
        --greyOpacity50: rgba(0, 23, 51, 0.02);
        --greyOpacity100: rgba(2, 32, 71, 0.05);
        --greyOpacity200: rgba(0, 27, 55, 0.1);
        --greyOpacity300: rgba(0, 29, 58, 0.18);
        --greyOpacity400: rgba(0, 25, 54, 0.31);
        --greyOpacity500: rgba(3, 24, 50, 0.46);
        --greyOpacity600: rgba(0, 19, 43, 0.58);
        --greyOpacity700: rgba(3, 18, 40, 0.7);
        --greyOpacity800: rgba(0, 12, 30, 0.8);
        --greyOpacity900: rgba(2, 9, 19, 0.91);
        --white: #fff;
        --blue50: #e8f3ff;
        --blue100: #c9e2ff;
        --blue200: #90c2ff;
        --blue300: #64a8ff;
        --blue400: #4593fc;
        --blue500: #3182f6;
        --blue600: #2272eb;
        --blue700: #1b64da;
        --blue800: #1957c2;
        --blue900: #194aa6;
      }

      body,
      html {
        font-family: Toss Product Sans, Tossface, -apple-system, BlinkMacSystemFont, Bazier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji,
          Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        word-break: keep-all;
        word-wrap: break-word;
      }

      *,
      :after,
      :before {
        box-sizing: border-box;
      }

      .button-toss {
        color: #f9fafb;
        background-color: #3182f6;
        margin: 30px 15px 0px 15px;
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        white-space: nowrap;
        text-align: center;
        /* vertical-align: middle; */
        cursor: pointer;
        border: 0 solid transparent;
        user-select: none;
        transition: background 0.2s ease, color 0.1s ease;
        text-decoration: none;
        border-radius: 7px;
        padding: 12px 16px;
        width: 250px;
      }

      .button-toss:hover {
        color: #fff;
        background-color: #1b64da;
      }

      button:disabled,
      input:disabled {
        opacity: 80%;
        cursor: not-allowed;
      }

      button,
      input,
      textarea {
        font-family: Toss Product Sans, -apple-system, BlinkMacSystemFont, Bazier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji,
          Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
      }

      .color--grey800 {
        color: #333d4b;
        color: var(--grey800);
      }

      .color--grey700 {
        color: #4e5968;
        color: var(--grey700);
      }

      .color--grey600 {
        color: #6b7684;
        color: var(--grey600);
      }

      .color--grey500 {
        color: #8b95a1;
        color: var(--grey500);
      }

      .color--blue500 {
        color: #3182f6;
        color: var(--blue500);
      }

      .color--blue700 {
        color: #1b64da;
        color: var(--blue700);
      }

      .bg--white {
        background-color: #fff;
        background-color: var(--white);
      }

      .bg--grey100 {
        background-color: #f2f4f6;
        background-color: var(--grey100);
      }

      .bg--greyOpacity100 {
        background-color: rgba(2, 32, 71, 0.05);
        background-color: var(--greyOpacity100);
      }

      .bg--greyOpacity200 {
        background-color: rgba(0, 27, 55, 0.1);
        background-color: var(--greyOpacity200);
      }

      .bg--blue50 {
        background-color: #e8f3ff;
        background-color: var(--blue50);
      }

      :root {
        --checkable-size: 24px;
        --checkable-input-top: 3px;
        --checkable-input-left: 5px;
        --checkable-input-width: 14px;
        --checkable-input-height: 10px;
        --checkable-input-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.343 4.574l4.243 4.243 7.07-7.071' fill='transparent' stroke-width='2' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        --checkable-label-text-padding: 8px;
        --indeterminate-checkable-input-top: 7px;
        --indeterminate-checkable-input-left: 5px;
        --indeterminate-checkable-input-width: 14px;
      }

      .checkable {
        position: relative;
        display: flex;
      }

      .checkable + .checkable {
        margin-top: 12px;
      }

      .checkable--inline {
        display: inline-block;
      }

      .checkable--inline + .checkable--inline {
        margin-top: 0;
        margin-left: 18px;
      }

      .checkable__label {
        display: inline-block;
        max-width: 100%;
        min-height: 24px;
        min-height: var(--checkable-size);
        line-height: 1.6;
        padding-left: 24px;
        padding-left: var(--checkable-size);
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        color: #4e5968;
        color: var(--grey700);
        cursor: pointer;
      }

      .checkable__input {
        position: absolute;
        margin: 0 0 0 -24px;
        margin: 0 0 0 calc(var(--checkable-size) * -1);
        top: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        cursor: pointer;
      }

      .checkable__input:after,
      .checkable__input:before {
        content: "";
        position: absolute;
      }

      .checkable__input:before {
        top: -4px;
        left: 0;
        width: 24px;
        width: var(--checkable-size);
        height: 24px;
        height: var(--checkable-size);
        border: 2px solid #d1d6db;
        border: 2px solid var(--grey300);
        background-color: #fff;
        background-color: var(--white);
        transition: border-color 0.1s ease, background-color 0.1s ease;
      }

      .checkable__input:after {
        opacity: 0;
        transition: opacity 0.1s ease;
        top: 3px;
        top: var(--checkable-input-top);
        left: 5px;
        left: var(--checkable-input-left);
        width: 14px;
        width: var(--checkable-input-width);
        height: 10px;
        height: var(--checkable-input-height);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.343 4.574l4.243 4.243 7.07-7.071' fill='transparent' stroke-width='2' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-image: var(--checkable-input-svg);
        background-repeat: no-repeat;
      }

      .checkable__input[type="checkbox"]:indeterminate:after {
        top: 7px;
        top: var(--indeterminate-checkable-input-top);
        left: 5px;
        left: var(--indeterminate-checkable-input-left);
        width: 14px;
        width: var(--indeterminate-checkable-input-width);
        height: 0;
        border: 1px solid #fff;
        border: 1px solid var(--white);
        border-radius: 1px;
        transform: rotate(0);
      }

      .checkable__input:focus {
        outline: 0;
      }

      .checkable__input:focus:before,
      .checkable__input:hover:before {
        background-color: #e8f3ff;
        background-color: var(--blue50);
        border-color: #3182f6;
        border-color: var(--blue500);
      }

      .checkable__input:checked:before,
      .checkable__input[type="checkbox"]:indeterminate:before {
        border-color: #3182f6;
        border-color: var(--blue500);
        background-color: #3182f6;
        background-color: var(--blue500);
      }

      .checkable__input:checked:after,
      .checkable__input[type="checkbox"]:indeterminate:after {
        opacity: 1;
      }

      .checkable__input:disabled:before {
        background-color: #f2f4f6;
        background-color: var(--grey100);
        border-color: rgba(0, 23, 51, 0.02);
        border-color: var(--greyOpacity50);
      }

      .checkable__input:disabled:checked:before,
      .checkable__input:disabled[type="checkbox"]:indeterminate:before {
        background-color: #e5e8eb;
        background-color: var(--grey200);
        border-color: #e5e8eb;
        border-color: var(--grey200);
      }

      .checkable__input[type="checkbox"]:before {
        border-radius: 6px;
      }

      .checkable__input[type="radio"]:before {
        border-radius: 12px;
      }

      .checkable__label-text {
        display: inline-block;
        padding-left: 8px;
        padding-left: var(--checkable-label-text-padding);
      }

      .checkable--disabled > .checkable__input {
        cursor: not-allowed;
      }

      .checkable--disabled > .checkable__label {
        color: #b0b8c1;
        color: var(--grey400);
        cursor: not-allowed;
      }

      .checkable--read-only {
        pointer-events: none;
      }

      .toss-modal.active {
        display: block;
      }

      .toss-modal {
        display: none;
      }

      .toss-modal-content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
      }

      .toss-modal-content-inner {
        position: relative;
        height: 100%;
        z-index: 9999;
      }

      .box-position {
        position: fixed;
        z-index: 1001;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .box-section {
        position: relative;
        border-radius: 10px;
        padding-block: 50px; 
        background-color: white;
        color: #333d4b;
        text-align: center;
        width: 508px;
      }

      .box-wrapper {
        max-width: 480px;
        margin: 0 auto;
      }

      .two-check-box {
        padding-left: 30px
      }

      .margin-top30 {
        margin-top: 30px;
      }

      .modal-close-toss {
        background-color: unset;
        position: absolute;
        top: 15px;
        right: 15px;
        width: fit-content;
        z-index: 9999;
      }

      .modal-close-toss img {
        width: 12px;
        height: 12px;
      }

    @media (max-width: 768px) {
      html, body {
        width: 100vw !important;
        min-height: 100vh !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden;
        box-sizing: border-box;
        background-color: #fff !important;
      }
      .toss-modal-content {
        background: #fff !important;
        z-index: 110;
        width: 101%;
        height: 101%;
      }
      .box-section {
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100vw !important;
      }
      .box-position {
        position: fixed;
        z-index: 1001;
        top: 6%;
        left: 50%;
        transform: translateX(-50%);
      }
      .modal-close-toss {
        background-color: unset;
        border: unset;
        position: absolute;
        right: 15px;
        top: -30px;
        z-index: 800;
      }
      .modal-close-toss img {
        width: 26px;
        height: 26px;
      }
      .wrapper {
        margin-top: 50px;
      }
      .button-toss {
        display: flex;
        justify-content: center;
        justify-self: center;
        color: #f9fafb;
        background-color: #3182f6;
        margin: 30px 15px 0px 15px;
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        cursor: pointer;
        border: 0 solid transparent;
        user-select: none;
        text-decoration: none;
        border-radius: 7px;
        padding: 11px 16px;
        width: 250px;
      }

      @media (max-width: 375px) {
        .button-toss {
          margin-top: 2px;
        }
      }
    }