* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: SUIT;
    font-family: var(--fn-suit);
}

button {
    outline: none;
    background-color: unset;
    border: none;
    cursor: pointer;
    font-family: var(--fn-suit);
}

a {
    text-decoration: none;
    color: #000;
    font-family: var(--fn-suit);
}

li {
    list-style: none;
    font-family: var(--fn-suit);
}

body.no-scroll {
    overflow: hidden;
}

.mb{
	display: none; 
}
@media all and (max-width : 1024px){	
	.mb{
		display: block; 
	}
	.pc{
		display: none; 
	}
}


:root {
	--fn-suit: "SUIT"
    --fn-ald: "Aldrich", sans-serif;
    --grey-50: #f3f5f6;
    --grey-100: #dbdee2;
    --grey-200: #cacfd4;
    --grey-300: #b1b9c1;
    --grey-400: #a2abb5;
    --grey-500: #8b96a2;
    --grey-600: #7e8993;
    --grey-700: #636b73;
    --grey-800: #4c5359;
    --grey-900: #3a3f44;
    --navy-color: #171C61;
    --gold-color: #A48B78;
    --validation-green: rgb(19, 112, 85);
    --validation-red: rgb(187, 16, 25);
}