@charset "utf-8";

.common{
	color:#acacac !important;
}
.rare{
	color:#629c5b !important;
}
.legend{
	color:#5294ac !important;
}
.unique{
	color:#ada551 !important;
}
.epic{
	color:#b47150 !important;
}
.mythic{
	color:#9b4aff !important;
}
.ancient{
	color:#f1a12e !important;
}
.relic{
	color:#dd43ef !important;
}
.finality{
	color:#e14141 !important;
}
.list_row{
	margin-bottom: 0.1em;
}
.blank{
	display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
}
.blank img{
	width: 35px;
	height: 35px;
}
.stat_area th{
	background-color: rgba(239, 239, 239, 0.3);
}

.bordered-1 {
	position: relative;
	z-index: 1;
}
.bordered-1::after {
	content: '';
	position: absolute;
	top: -20%;  /* 아바타 이미지를 약간 벗어나게 */
	left: -20%; /* 아바타 이미지를 약간 벗어나게 */
	width: 140%; /* 크기를 5%씩 늘림 */
	height: 140%; /* 크기를 5%씩 늘림 */
	background-image: url('/img/border-image4.png'); /* 절대 경로 사용 */
	background-size: cover;
	border-radius: 0.5rem; /* 테두리 둥글게 */
	pointer-events: none; /* 테두리 위 클릭 방지 */
	z-index: 2; /* 테두리의 z-index 값을 아바타 이미지보다 높게 설정 */
}