:root {

  --spacing-spacing-xxxl: 40px; 
  --caption-l-bold-font-family: "Pretendard", Helvetica;
  --caption-l-bold-font-weight: 600;
  --caption-l-bold-font-size: 14px;
  --caption-l-bold-letter-spacing: 0px;
  --caption-l-bold-line-height: 20px;
  --caption-l-bold-font-style: normal;
  --caption-l-regular-font-family: "Pretendard", Helvetica;
  --caption-l-regular-font-weight: 400;
  --caption-l-regular-font-size: 14px;
  --caption-l-regular-letter-spacing: 0px;
  --caption-l-regular-line-height: 20px;
  --caption-l-regular-font-style: normal;
  --variable-collection-main: rgba(31, 39, 116, 1);
  --variable-collection-111: rgba(37, 54, 96, 1);
  --variable-collection-2: rgba(255, 91, 91, 1); 
  --body-s-regular-font-family: "Pretendard", Helvetica;
  --body-s-regular-font-weight: 400;
  --body-s-regular-font-size: 15px;
  --body-s-regular-letter-spacing: 0px;
  --body-s-regular-line-height: 22px;
  --body-s-regular-font-style: normal;
  --variable-collection-main: rgba(31, 39, 116, 1);
  --variable-collection-gray-90: rgba(80, 80, 80, 1);
  --variable-collection-gray-100: rgba(34, 34, 34, 1);
  --variable-collection-gray-30: rgba(229, 229, 236, 1);
  --variable-collection-gray-0: rgba(255, 255, 255, 1);
  --blog-naver-com-m: rgba(241, 115, 58, 1); 
  --variable-collection: rgba(37, 169, 119, 1);
  --variable-collection-red: rgba(238, 83, 83, 1);  
  --title-s-bold-font-family: "Pretendard", Helvetica;
  --title-s-bold-font-weight: 600;
  --title-s-bold-font-size: 18px;
  --title-s-bold-letter-spacing: 0px;
  --title-s-bold-line-height: 26px;
  --title-s-bold-font-style: normal;  
}


[data-spacing-mode="default"] {
  --spacing-spacing-xxxl: 40px;
}

[data-spacing-mode="medium"] {
  --spacing-spacing-xxxl: 44px;
}

[data-spacing-mode="large"] {
  --spacing-spacing-xxxl: 50px;
}

[data-spacing-mode="big"] {
  --spacing-spacing-xxxl: 52px;
}