body{
    font-family: 'Open Sans', helvetica, arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.black{
    color: #000000 !important;
}
/*색상 -- 끝 */
.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;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #151618;
    height: 1px;
    margin: 20px 0;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.bold{
    font-weight: bold;
}