@font-face {
    /*font-family: 'SUITE';*/
    /*src: url('/fonts/SUITE-woff2/SUITE-Regular.woff2') format('woff2');*/
    font-family: 'GmarketSans'; /* 원하는 폰트 이름 지정 */
    src: url('/fonts/GmarketSans/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*input속성 number 일 경우 스타일 변경*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body{
    font-family: 'GmarketSans';
    font-weight: 400;
    background-color: #212529;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}


.bold{
    font-weight: bold;
}

/*색상*/
.yellow{
    color: #FAC532;
}
.gray{
    color: #909090;
}
.lightGray{
    color: #909090;
}

.red{
    color: #F21505;
}
.blue{
    color: #5b9bd5;
}
.green{
    color: #70ad47;
}
.dark_green{
    color: #0EC701;
}
.orange{
    color: #ed7d31;
}
.purple{
    color: #BA28F9;
}
.white{
    color: #ffffff;
}


/*색상 -- 끝 */
.btn-disabled{
    background-color: #929292 !important;
    cursor: default !important;
}

.btn-basic{
    border: 0;
    border-radius: 5px;
    background-color: #1a78f3;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 10px;
    cursor: pointer;
}

.btn-header{
    color: #fff;
    background: -moz-linear-gradient(top, #FFA406 0%, #EB9705 100%);
    background: -webkit-linear-gradient(top, #FFA406 0%,#EB9705 100%);
    background: linear-gradient(to bottom, #FFA406 0%,#EB9705 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA406', endColorstr='#EB9705',GradientType=0 );
}

/*모달*/
.modal-content{
    background-color: #333333;
    color: #ffffff;
}

element.style {
}
.modal-header .close {
    font-size: 30px;
    opacity: .5;
    margin-top: 2px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header .close {
    font-size: 30px;
    opacity: .5;
    margin-top: 2px;
    color: #ffffff;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.inner-layout{
    display: flex;
}



/* 스크롤 바 숨기기 */
.modal-body {
    scrollbar-width: thin; /* Firefox를 위한 설정 */
    scrollbar-color: #888 #f1f1f1; /* Firefox를 위한 스크롤 바 색상 설정 */
}

/* Webkit 브라우저에 대한 커스텀 스크롤 설정 */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}