.bgk-aspro-info{
	background:
		radial-gradient(circle at 12% 18%, rgba(0,0,0,.06) 0 1.2px, transparent 1.3px),
		radial-gradient(circle at 32% 72%, rgba(0,0,0,.05) 0 1.6px, transparent 1.7px),
		radial-gradient(circle at 68% 28%, rgba(0,0,0,.045) 0 1.1px, transparent 1.2px),
		radial-gradient(circle at 86% 62%, rgba(0,0,0,.05) 0 1.5px, transparent 1.6px),
		radial-gradient(circle at 44% 42%, rgba(0,0,0,.035) 0 1.0px, transparent 1.1px),
		radial-gradient(circle at 58% 84%, rgba(0,0,0,.04) 0 1.3px, transparent 1.4px),
		radial-gradient(circle at 18% 88%, rgba(0,0,0,.03) 0 0.9px, transparent 1.0px),
		radial-gradient(circle at 78% 12%, rgba(0,0,0,.03) 0 0.9px, transparent 1.0px),
		linear-gradient(0deg, #f5f6f8, #f5f6f8);
	background-size:
		240px 240px,
		260px 260px,
		220px 220px,
		280px 280px,
		200px 200px,
		300px 300px,
		180px 180px,
		180px 180px,
		auto;
	border:1px solid #f2f2f2;
	padding:24px;
	position:relative;
	overflow:hidden;
}

.bgk-aspro-info__inner{position:relative;}

.bgk-aspro-info__title{
	margin:0;
	font-size:24px;
	line-height:1.2;
	color:#111;
}

.bgk-aspro-info__sub{
	margin:10px 0 0;
	font-size:13px;
	line-height:1.55;
	color:#6b7280;
	max-width:980px;
}

.bgk-aspro-badges{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:12px;
}

.bgk-aspro-badge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:7px 10px;
	border:1px solid #e8e8e8;
	border-radius:999px;
	background:#fff;
	font-size:12px;
	color:#333;
	white-space:nowrap;
}

.bgk-aspro-dot{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#dc2626;
	box-shadow:0 0 0 3px rgba(220,38,38,.10);
	display:inline-block;
}

.bgk-aspro-info__grid{
	display:grid;
	grid-template-columns:1.25fr .75fr;
	gap:18px;
	margin-top:16px;
}

.bgk-card{
	background:#fff;
	border:1px solid #ececec;
	border-radius:12px;
	overflow:hidden;
}

.bgk-card__body{padding:16px 18px 18px;}

.bgk-tabs{
	border-bottom:1px solid #f0f0f0;
	background:#fff;
}

.bgk-tabs .nav{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	gap:0;
	border-bottom:1px solid #f0f0f0;
}

.bgk-tabs .nav li{margin:0;}

.bgk-tabs .nav li a{
	display:block;
	padding:12px 14px;
	text-decoration:none;
	color:#333;
	font-size:13px;
	border-bottom:2px solid transparent;
}

.bgk-tabs .nav li a:hover{
	color:#333;
	background:transparent;
}

.bgk-tabs .nav li.active a{
	color:#111;
	border-bottom-color:#dc2626;
	background:transparent;
	font-weight:600;
}

.bgk-pane{display:none;}
.bgk-pane.is-active{display:block;}

.bgk-pane__title{
	margin:0 0 10px;
	font-size:16px;
	line-height:1.25;
	color:#111;
}

.bgk-pane p{
	margin:0 0 10px;
	line-height:1.65;
	color:#111827;
}

.bgk-pane p.muted{
	color:#6b7280;
	font-size:13px;
}

.bgk-pane ul{
	margin:10px 0 0;
	padding-left:18px;
}

.bgk-pane li{
	margin:6px 0;
	color:#374151;
	line-height:1.55;
}

.bgk-terms{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-top:14px;
}

.bgk-term{
	border:1px solid #efefef;
	border-radius:12px;
	padding:12px;
	background:#fff;
}

.bgk-term__top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-bottom:6px;
}

.bgk-term__name{
	font-weight:700;
	font-size:13px;
	color:#111;
}

.bgk-term__btn{
	border:0;
	background:transparent;
	border-radius:0;
	padding:0;
	cursor:pointer;
	font-size:12px;
	color:#9ca3af;
	text-decoration:none;
}

.bgk-term__btn:hover{
	color:#9ca3af;
	background:transparent;
}

.bgk-term__text{
	margin:0;
	color:#4b5563;
	font-size:12.5px;
	line-height:1.5;
}

.bgk-term__more{
	display:none;
	margin-top:10px;
	padding-top:10px;
	border-top:1px dashed #e7e7e7;
	color:#374151;
	font-size:12.5px;
	line-height:1.5;
}

.bgk-term.is-open .bgk-term__more{display:block;}

.bgk-memo{
	background:#fff;
	border:1px solid #ececec;
	border-radius:12px;
	padding:14px;
}

.bgk-memo__head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	margin-bottom:8px;
}

.bgk-memo__head b{
	font-size:15px;
	line-height:1.25;
	color:#111;
}

.bgk-memo__head span{
	font-size:12px;
	color:#6b7280;
	line-height:1.35;
	text-align:right;
	max-width:220px;
}

.bgk-memo__bar{
	height:8px;
	border-radius:999px;
	background:#f0f0f0;
	overflow:hidden;
	margin:8px 0 12px;
}

.bgk-memo__bar i{
	display:block;
	height:100%;
	width:0%;
	background:#dc2626;
	border-radius:999px;
	transition:width .25s ease;
}

.bgk-check-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:12px;
	border:1px solid #efefef;
	border-radius:12px;
	background:#fff;
	margin-top:10px;
	cursor:pointer;
}

.bgk-check-item:hover{
	background:#fff;
	border-color:#efefef;
	box-shadow:none;
}

.bgk-check-item__txt{
	flex:1 1 auto;
	font-size:13px;
	line-height:1.35;
	color:#111;
	font-weight:600;
}

.bgk-check-item input[type="checkbox"]{
	width:18px;
	height:18px;
	min-width:18px;
	min-height:18px;
	accent-color:#dc2626;
	margin:0;
}

.bgk-memo__note{
	margin-top:12px;
	border-radius:12px;
	border:1px dashed #e7e7e7;
	background:#fafafa;
	padding:12px;
	font-size:12.5px;
	line-height:1.45;
	color:#374151;
}

.bgk-memo__note b{color:#111;}

.bgk-memo__note.is-ok{
	border:1px solid #a7f3d0;
	background:#ecfdf5;
	color:#065f46;
}

.bgk-memo__note.is-ok b{color:#065f46;}

.bgk-memo__actions{
	margin-top:12px;
	display:flex;
	justify-content:flex-start;
}

.bgk-memo__actions .btn{
	border-radius:10px;
	padding:10px 16px;
}

.bgk-aspro-info[data-reveal="0"]{
	opacity:0;
	transform:translateY(8px);
}

.bgk-aspro-info[data-reveal="1"]{
	opacity:1;
	transform:none;
	transition:opacity .3s ease, transform .3s ease;
}

@media (max-width:980px){
	.bgk-aspro-info{padding:18px;}
	.bgk-aspro-info__grid{grid-template-columns:1fr;}
}

@media (max-width:560px){
	.bgk-terms{grid-template-columns:1fr;}
}
