body {
	/* Padding around all elements to allow space for screenshots */
	padding: 0px !important;
	/* Transparent background for PNG screenshots */
	background: none;
}
.left_sticky {
	position: fixed;
	top: 75px;
}

.must {
	color: red !important;
}

.width177 {
	width: 177px !important;
}

.width50 {
	width: 50px !important;
}

.width60 {
	width: 60px !important;
}

.width70 {
	width: 70px !important;
}

.width80 {
	width: 80px !important;
}

.width90 {
	width: 90px !important;
}

.width100 {
	width: 100px !important;
}

.width150 {
	width: 150px !important;
}

.width200 {
	width: 200px !important;
}

.width250 {
	width: 250px !important;
}

.width300 {
	width: 300px !important;
}

.width350 {
	width: 350px !important;
}

.width400 {
	width: 400px !important;
}
.width450 {
	width: 450px !important;
}

.width500 {
	width: 500px !important;
}

#loading-spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000; /* 다른 요소 위에 표시되도록 함 */
	/* 추가적인 스타일링을 위한 속성들 */
	width: 50px; /* 모래시계의 너비 */
	height: 50px; /* 모래시계의 높이 */
	background-color: rgba(0, 0, 0, 0.7); /* 배경색 및 투명도 */
	border-radius: 50%; /* 원형으로 모양 잡기 */
	color: white; /* 모래시계 내부의 색상 */
	display: none; /* 기본적으로 숨김 */
}

.visible {
	display: block; /* visible 클래스가 적용되면 보이게 함 */
}