body, html {
    height: 100vh;
    margin: 0;
}

.content-title {
	font-size: 20px;
	font-weight: bold;
}

/* spinner */
#my-spinner {
	width: 100%; height: 100%;
	top: 0; left: 0;
	display: none;
	opacity: .3;
	background: #000000;
	position: fixed;
	z-index: 999999;
}

#my-spinner div {
	width: 100%; height: 100%;
	display: table;
}

#my-spinner span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#my-spinner img {
	background: transparent;
	padding: 1em;
	border-radius: .7em;      
}


/* 스크롤바 css */
div::-webkit-scrollbar{
	width: 10px;
	height: 5px;
}
div::-webkit-scrollbar-thumb{
	background: #666;
	border-radius: 3px;
}
div::-webkit-scrollbar-track{
	background: rgba(0,0,0,0.1);
}

@keyframes blink-effect { 50% { opacity: 0.5; } }

.js-hover-highlight:hover {
	scale: 1.05;
	cursor: pointer;
	box-shadow: 0px 0px 5px 5px #212529;
	transition-duration: 150ms;
}

.site-header .site-brand-column {
    min-width: 0;
}

.site-header .site-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.site-header .site-brand-logo {
    height: 34px;
    flex-shrink: 0;
}

.site-header .site-brand-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(12px, 3.5vw, 20px);
    font-weight: bold;
}