/* main color */
.gb-bg-01 {
	background-color: #e8e8e8 !important;
}
.gb-bg-02 {
	background-color: #333333 !important;
}
.gb-bg-03 {
	background-color: #666666 !important;
}
.gb-bg-04 {
	background-color: #999999 !important;
}
.gb-bg-51 {
	background-color: #723b13 !important;
}
.gb-bg-52 {
	background-color: #3b2522 !important;
}
.gb-bg-53 {
	background-color: #f3eceb !important;
}
.gb-bg-54 {
	background-color: #f2c618 !important;
}
.gb-bg-55 {
	background-color: #fae8a3 !important;
}
.gb-bg-61 {
	background-color: #fae8a3 !important;
}
.gb-bg-62 {
	background-color: #ffe215 !important;
}
.gb-bg-63 {
	background-color: #f2e7cc !important;
}
.gb-color-01 {
	color: #e8e8e8 !important;
}
.gb-color-02 {
	color: #333333 !important;
}
.gb-color-03 {
	color: #666666 !important;
}
.gb-color-04 {
	color: #999999 !important;
}
.gb-color-51 {
	color: #723b13 !important;
}
.gb-color-52 {
	color: #3b2522 !important;
}
.gb-color-53 {
	color: #f3eceb !important;
}
.gb-color-54 {
	color: #f2c618 !important;
}
.gb-color-55 {
	color: #fae8a3 !important;
}
.gb-color-61 {
	color: #fae8a3 !important;
}
.gb-color-62 {
	color: #ffe215 !important;
}
.gb-color-63 {
	color: #f2e7cc !important;
}

.gb-border-01 {
	border-color: #e8e8e8 !important;
}
.gb-border-02 {
	border-color: #333333 !important;
}
.gb-border-03 {
	border-color: #666666 !important;
}
.gb-border-04 {
	border-color: #999999 !important;
}
.gb-border-51 {
	border-color: #723b13 !important;
}
.gb-border-52 {
	border-color: #3b2522 !important;
}
.gb-border-53 {
	border-color: #f3eceb !important;
}
.gb-border-54 {
	border-color: #f2c618 !important;
}
.gb-border-55 {
	border-color: #fae8a3 !important;
}
.gb-border-61 {
	border-color: #fae8a3 !important;
}
.gb-border-62 {
	border-color: #ffe215 !important;
}
.gb-border-63 {
	border-color: #f2e7cc !important;
}

.gb-ibtn-gray {
	background-color: #ecebf0 !important;
	color: #333333 !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	height: 16px !important;
	border-radius: 0.5rem !important;
	border: 0 !important;
	padding: 2px 8px !important;
	gap: 0.5px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}
.gb-ibtn-red {
	background-color: #ffecf3 !important;
	color: #c43566 !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	height: 16px !important;
	border-radius: 0.5rem !important;
	border: 0 !important;
	padding: 2px 8px !important;
	gap: 0.5px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}
.gb-ibtn-green {
	background-color: #dcf0e9 !important;
	color: #3d833d !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	height: 16px !important;
	border-radius: 0.5rem !important;
	border: 0 !important;
	padding: 2px 8px !important;
	gap: 0.5px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}
.gb-ibtn-blue {
	background-color: #e3e9fb !important;
	color: #505aa9 !important;
	font-size: 11px !important;
	height: 16px !important;
	border-radius: 0.5rem !important;
	border: 0 !important;
	padding: 2px 8px !important;
	gap: 0.5px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}
.gb-btn-green {
	border: 1.5px #2e8034 solid !important;
	background-color: #2e8034 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	height: 16px !important;
	border-radius: 0.5rem !important;
	padding: 2px 8px !important;
	gap: 0.5px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}
.gb-btn-light-green {
	border: 1.5px #2e8034 solid !important;
	background-color: #ffffff !important;
	color: #2e8034 !important;
	font-size: 11px !important;
	height: 16px !important;
	border-radius: 0.5rem !important;
	padding: 2px 8px !important;
	gap: 0.5px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}
.txtshadow-white {
	text-shadow: 1px 1px 1px #fff;
}
.txtshadow-gray {
	text-shadow: 1px 1px 1px #ccc;
}
.txtshadow-yellow {
	text-shadow: 1px 1px 1px #ffff00;
}
.txtshadow-dark {
	text-shadow: 1px 1px 1px #000;
}
.txtshadow-blue {
	text-shadow: 1px 1px 1px #0000ff;
}
.txtshadow-red {
	text-shadow: 1px 1px 1px #ff0000;
}
.txtshadow-green {
	text-shadow: 1px 1px 1px #00ff00;
}
.-letterspacing-1 {
	letter-spacing: -1px;
}
/* .이 들어가면 안됨 
.-letterspacing-0.5 {
	letter-spacing: -0.5px;
}
.letterspacing-0.5 {
	letter-spacing: 0.5px;
}
*/
.letterspacing-1 {
	letter-spacing: 1px;
}


/* 모든 스크롤바에 슬림 스타일 기본 적용 */
* {
	/* Firefox 지원 */
	scrollbar-width: thin;
	scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

/* Webkit 브라우저 (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
	width: 2px !important;
	height: 2px !important;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background: rgba(156, 163, 175, 0.5);
	border-radius: 1px !important; 
}

*::-webkit-scrollbar-thumb:hover {
	background: rgba(107, 114, 128, 0.7);
}