:root{
    /* 화면에 따른 수치 */
    --basic-font-pc:20px;
    --basic-font-tab:18px;
    --basic-font-mobile:14px;

    /* 글씨 크기 */
    --fs-h1:1.6rem;
    --fs-h2:1.4rem;
    --fs-h3:1.2rem;
    --fs-h4:1.125rem;
    --fs-bd1:1rem;
    --fs-bd2:0.875rem;
    --fs-det:0.765rem;

    /* 글씨 굵기 */
    --fw-reg:400;
    --fw-med:500;
    --fw-bold:700;

    /* 색상 */
    --pm-color-0:#C2C2C2;
    --pm-color-100:#A6BFB6;
    --pm-color-200:#8BBAAA;
    --pm-color-300:#72B29C;
    --pm-color-400:#5DA78D;
    --pm-color-500:#4B987D;
    --pm-color-600:#3B846A;
    --pm-color-700:#2C6A54;
    --pm-color-800:#1E4D3C;
    --pm-color-900:#112E24;
    --point-color:#509EC3;

    /* 여백 */
    --space-2x-small:0.125rem;
    --space-x-small:0.25rem;
    --space-small:0.5rem;
    --space-normal:1rem;
    --space-large:2rem;
    --space-x-large:3rem;
    --space-2x-large:4rem;
    --space-3x-large:6rem;
}

.fwb{
    font-weight: 700;
}
/* 뱅글뱅글 돌아가라라랄 */
@keyframes spin {
    from {
        transform: scale(1.6) rotate(0deg);
    }
    to {
        transform: scale(1.6) rotate(360deg);
    }
}
/* 진동 */
@keyframes shake {
    0%   { transform: translate(0,0) rotate(0deg); }
    20%  { transform: translate(-3px, 3px) rotate(-3deg); }  /* 왼쪽 아래 */
    40%  { transform: translate(3px, -3px) rotate(3deg); }   /* 오른쪽 위 */
    60%  { transform: translate(-2px, 2px) rotate(-2deg); }
    80%  { transform: translate(2px, -2px) rotate(2deg); }
    100% { transform: translate(0,0) rotate(0deg); }
}