:root {
    /* 기존사용컬러 */
    --gray-color: #7D7D7F;
    --neutral-color: #A6A6A6;
    --alert-color: #F2F2F2;

    /* size */
    --max-width: 1600px;

    /* Grayscale color */
    --black-color: #000;
    --black-color-90: #1F1F1F;
    --black-color-80: #333333;
    --black-color-70: #616161;
    --black-color-60: #7D7D7F;
    --black-color-50: #A6A6A6;
    --black-color-40: #C5C5C5;
    --black-color-30: #D4D4D4;
    --black-color-25: #E3E3E3;
    --black-color-20: #ECECEC;
    --black-color-10: #F2F2F2;
    --black-color-5 : #FAFAFA;
    --white-color: #FFF;

    /* opacity color */
    --opacity-80: rgba(0,0,0,0.8);
    --opacity-50: rgba(0,0,0,0.5);
    --opacity-30: rgba(0,0,0,0.3);
    --opacity-15: rgba(0,0,0,0.15);
    --opacity-8: rgba(0,0,0,0.08);

    /* Semantic color */
    --text-white: #FFF;
    --text-primary: var(--primary-color);
    --text-secondary: var(--secondary-color);
    --green-700: #009A52; /* positive */
    --green-500: #00C781;
    --greene-100: #BCEBD2; 
    --yellow-700: #F97C2D; /* warning */
    --yellow-500: #FFB938;
    --yellow-100: #FFEEBA;
    --red-700: #D02331; /* negative */
    --red-500: #FF4040;
    --red-100: #FFCED6;
    --primary-color: #FC4C02;
    --primary-color-10: #FC4C021A;
    --primary-color-hover: #FC4C0299;
    --secondary-color: #E4D6C9;
    --point-color: #F0352E;

    /* app color */
    --hasy-primary-color: ;
    --hasy-primary-color-40: ;
    --hasy-primary-color-10: ;
    --hasy-primary-color-hover: ;

    /* font-size */
    --font-size-72: 72px;
    --font-size-52: 52px;
    --font-size-48: 48px;
    --font-size-42: 42px;
    --font-size-36: 36px;
    --font-size-28: 28px;
    --font-size-20: 20px;
    --font-size-18: 18px;
    --font-size-16: 16px;
    --font-size-15: 15px;
    --font-size-14: 14px;
    --font-size-13: 13px;
    --font-size-12: 12px;
    --font-size-11: 11px;

    /* font-Weight */
    --font-weight-700: 700;
    --font-weight-600: 600;
    --font-weight-500: 500;
    --font-weight-400: 400;

    /* Line Height */
    --line-height-170: 1.7;
    --line-height-150: 1.5;
    --line-height-140: 1.4;
    --line-height-130: 1.3;
    --line-height-120: 1.2;
    --line-height-100: 1;

    /* Letter Spacing */
    --letter-spacing-lg: 0.1em;
    --letter-spacing-md: 0.05em;
    --letter-spacing-base: 0em;
    --letter-spacing-sm: -0.02em;
    --letter-spacing-xs: -0.08em;

    /* Border Radius */
    --border-radius-full: 999px;
    --border-radius-16: 16px;
    --border-radius-8: 8px;
    --border-radius-4: 4px;
    --border-radius-2: 2px;
    --border-radius-base: 0;

    /* padding (Top-Bottom 기준) */
    --padding-xl: 120px 0;
    --padding-lg: 100px 0;
    --padding-md: 80px 0;
    --padding-sm: 60px 0;
    --padding-base: 0;

    /* shadow */
    --shadow-100: 0 2px 4px rgba(0,0,0,0.12);
    --shadow-200: 0 6px 12px rgba(0,0,0,0.12);
    --shadow-300: 0 12px 24px rgba(0,0,0,0.15);
}

@media (max-width: 1024px) {
    :root {
        --max-width: 100%;
        --padding-xl: 60px 0;
        --padding-lg: 50px 0;
        --padding-md: 40px 0;
        --padding-sm: 30px 0;
    }
}

.sr-only {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.chk-style {
    background: url('../img/ico_chk.svg') no-repeat center; 
    width: 16px; 
    height: 16px; 
    cursor: pointer;
}

.chk-style:checked {
    background-image: url('../img/ico_chk_chked.svg');
}

.dpnone {
    display: none;
}

.flex-full {
    flex: 1;
}

.ico-required {
    color: var(--point-color);
}