@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('../fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('../fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('../fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

.font-spoqa-normal{
    font-family: Spoqa Han Sans Neo;
    font-weight: 500;
}

.font-spoqa-bold {
    font-family: Spoqa Han Sans Neo;
    font-weight: 700;
}

.font-spoqa-regular {
    font-family: Spoqa Han Sans Neo;
    font-weight: 400;
}

.font-color-gray{
    color: #44484C;
}

.search-btn-background{
    background-color: #262D39;
}

.main-border-color{
    border-color: #c4c4c4;
}

.main-button-color{
    background-color: #262D39;
}

.banner-img-size{
    width: 320px;
}

.border-color { border-color: rgba(196,196,196,1)}

.border-color-50 { border-color: rgba(196,196,196,0.5)}

.border-t-0_5{
    border-top: 0.5px;
}

.border-b-0_5{
    border-bottom: 0.5px;
}

body{
    background-color: #FFFFFF;
}

input::placeholder {
    color: #999999;
    font-family: Spoqa Han Sans Neo;
    font-size: 0.75rem;
    font-width: 600;
    letter-spacing: -0.05em;
    margin-bottom: auto;
    margin-top:auto;
}


@media screen and (min-device-width: 640px) {
    input::placeholder {
        color: #999999;
        font-family: Spoqa Han Sans Neo;
        font-size: 1.25rem;
        font-width: 400;
        letter-spacing: -0.05em;
        margin-bottom: auto;
        margin-top: auto;
    }

}

@media (min-width: 1280px) {
    .xl\:banner-img-size {
        width: 600px;
    }
}