@import url("/static/fonts/Pretendard-1.3.9/web/static/pretendard-824565195d9f6830d74fa01d1fc21273.css");

* {
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif, Arial;
    font-size: 17px;
	color:#25282B;
}
html body {
    overflow-x: hidden;
}

input::placeholder {
	color: #9DA0A3 !important;
}

@media (min-width: 1600px) {
	.container {
		max-width: 1400px;
	}
}
@media (min-width: 1800px) {
	.container {
		max-width: 1600px;
	}
}
@media (min-width: 2000px) {
	.container {
		max-width: 1920px;
	}
}

/* 스크롤바 너비 설정 */
::-webkit-scrollbar {
	width: 8px;
	scrollbar-width: thin;
}

/* 스크롤바 트랙 스타일 */
::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

/* 스크롤바 손잡이 스타일 */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}

/* 스크롤바 손잡이 호버 스타일 */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.color-gray-600 {
	color: #25282B !important;
}

.color-gray-500 {
	color: #4D5053 !important;
}

.color-gray-400 {
	color: #75787B !important;
}

.color-gray-300 {
	color: #9DA0A3 !important;
}

.color-gray-200 {
	color: #C5C8CB !important;
}

.color-gray-100 {
	color: #EDF0F3 !important;
}

.color-gray-table {
	color: #F6F7F9 !important;
}

.color-blue-700 {
	color: #214AB3 !important;
}

.color-blue-600 {
	color: #295DE0 !important;
}

.color-blue-500 {
	color: #547DE6 !important;
}

.color-blue-400 {
	color: #7F9EEC !important;
}

.color-blue-300 {
	color: #A9BEF3 !important;
}

.color-blue-200 {
	color: #D4DFF9 !important;
}

.color-blue-100 {
	color: #EAEFFC !important;
}

.color-error {
	color: #EB003B !important
}

.bg-gray-600 {
	background-color: #25282B !important;
}

.bg-gray-500 {
	background-color: #4D5053 !important;
}

.bg-gray-400 {
	background-color: #75787B !important;
}

.bg-gray-300 {
	background-color: #9DA0A3 !important;
}

.bg-gray-200 {
	background-color: #C5C8CB !important;
}

.bg-gray-100 {
	background-color: #EDF0F3 !important;
}

.bg-gray-table {
	background-color: #F6F7F9 !important;
}

.border-gray-600 {
	border-color: #25282B !important;
}

.border-gray-500 {
	border-color: #4D5053 !important;
}

.border-gray-400 {
	border-color: #75787B !important;
}

.border-gray-300 {
	border-color: #9DA0A3 !important;
}

.border-gray-200 {
	border-color: #C5C8CB !important;
}

.border-gray-100 {
	border-color: #EDF0F3 !important;
}

.border-gray-table {
	border-color: #F6F7F9 !important;
}

.fs-xs {
    font-size: 0.75rem !important
}

.fs-sm {
    font-size: 0.85rem !important
}

.fs-md {
    font-size: 1.0625rem !important;
}

.fs-lg {
    font-size: 1.25rem !important;
}

.fs-xl {
    font-size: 1.45rem !important
}

.fs-xxl {
    font-size: 1.75rem !important
}

.fs-xxxl {
    font-size: 2rem !important
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.break-line {
    white-space: pre-line;
    word-break: break-word;
}

.cursor-pointer {
    cursor: pointer;
}

.text-normal {
    color: #333;
    text-decoration: none;
}

.shadow-md {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.17);
}

.shadow-right {
	box-shadow: 2px 4px 5px 0px #0000001A;
}

.shadow-top {
	box-shadow: 0px 0px 5px 0px #0000001A;
}

.border-round {
	border-radius: 8px !important;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vertical-middle {
    vertical-align: middle
}

/* buttons */
.btn-gray {
	color: #75787B !important;
	background-color: #EDF0F3 !important;
	border-radius: 8px !important;
}

.btn-gray:hover {
	color: #4D5053 !important;
	background-color: #C5C8CB !important;
	border-radius: 8px !important;
}

.navbar-nav .nav-link {
	font-size: 19px;
	white-space: nowrap;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    font-weight: 700;
    border-bottom: 2px solid #295DE0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color: #fff !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #fff !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.show {
    font-weight: 700;
    border-bottom: 2px solid #295DE0 !important;
}