/* ==== 대출계산기 ***********/
.calc-popup{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.6);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:99999;

	opacity:0;
	visibility:hidden;   /* 기본 숨김 */
	transition:0.3s;
}

.calc-popup.active{
	opacity:1;
	visibility:visible;
}
.radio-group{
	display:flex;
	align-items:center;
	gap:12px;            /* 간격 줄임 */
	flex-wrap:nowrap;
	width:100%;
}

/* 각 라디오 */
.radio-group label{
	display:flex;
	align-items:center;
	gap:5px;
	font-size:13px;      /* 폰트 줄임 */
	color:#444;
	white-space:nowrap;
}

/* 라디오 버튼 */
.radio-group input{
	margin:0;
}

/* 핵심: td가 넘치지 않게 */
.calc-table td{
	padding:12px;
	border-bottom:1px solid #e5e5e5;
	max-width:100%;
	overflow:hidden;
}

/* 팝업 조금 더 키기 (필수) */
.calc-wrap{
	width:650px;   /* 여기 중요 (600도 부족함) */
	max-width:90%;
}

/* ===== 등록증 팝업 ===== */
.img-popup{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.6);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:99999;

	opacity:0;
	visibility:hidden;   /* 기본 숨김 */
	transition:0.3s;
}

.img-popup.active{
	opacity:1;
	visibility:visible;
}

/* 이미지 영역 */
.img-wrap{
	position:relative;
	max-width:90%;
	max-height:90%;
}

.img-wrap img{
	width:100%;
	height:auto;
	border-radius:10px;
}

/* 닫기 버튼 */
.close-btn{
	position:absolute;
	top:-35px;
	right:0;
	color:#fff;
	font-size:28px;
	cursor:pointer;
}
.calc-wrap{
	position:relative;
	width:520px;
	max-width:92%;
	background:#fff;
	padding:30px 35px;
	border-radius:10px;
	box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* 타이틀 */
.calc-wrap h2{
	font-size:22px;
	color:#333;
	margin-bottom:15px;
	font-weight:600;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

/* 닫기 버튼 */
.calc-close{
	position:absolute;
	top:15px;
	right:20px;
	font-size:24px;
	color:#666;
	cursor:pointer;
}

/* 테이블 */
.calc-table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	border-top:1px solid #ccc;
}

.calc-table th{
	width:130px;
	background:#f2f2f2;
	color:#555;
	font-weight:500;
	padding:14px 12px;
	border-bottom:1px solid #e5e5e5;
	text-align:left;
		white-space:nowrap;   /* 핵심 */
}

.calc-table td{
	padding:14px 12px;
	border-bottom:1px solid #e5e5e5;
	color:#444;
}

/* 인풋 */
.calc-table input,
.calc-table select{
	padding:6px 8px;
	border:1px solid #ccc;
	border-radius:3px;
	font-size:14px;
}

/* 라디오 */
.calc-table input[type="radio"]{
	margin-right:5px;
}

/* 계산 버튼 (핵심 블루톤) */
.calc-btn{
	display:block;
	margin:20px auto 0;
	padding:10px 28px;      /* 크기 줄임 */
	background:#3b6f94;     /* 톤다운 블루 */
	color:#fff;
	border:none;
	border-radius:25px;
	font-size:14px;
	cursor:pointer;
	transition:0.2s;
}

/* 호버 */
.calc-btn:hover{
	background:#2f5e7e;     /* 더 딥한 블루 */
}
/* 결과 */
.calc-result{
	margin-top:15px;
	text-align:center;
	font-weight:600;
	color:#333;
}
/* ===== 우측 고정 배너 (PC 전용) ===== */
.side-banner{
	position:fixed;
	right:40px;
	top:auto; 
	transform:translateY(-50%);
	width:100px;
	background:#1f6fa9;
	border-radius:20px;
	overflow:hidden;
	z-index:9999;
	box-shadow:0 10px 25px rgba(0,0,0,0.15);
	bottom:50px;  
	transform:none;
}

/* 아이템 */
.side-banner a{
	text-decoration:none;
	color:#fff;
}

.banner-item{
	padding:18px 10px;
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,0.2);
	font-size:12px;
}

.banner-item span{
	display:block;
	margin-top:6px;
	font-size:12px;
	line-height:1.3;
	word-break:keep-all; 
}

/* 아이콘 */
.icon{
	width:24px;
	height:24px;
	margin:0 auto;
	background:#fff;
	opacity:0.9;
}

/* 아이콘 모양 */
.icon.phone{
	mask:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/telephone-fill.svg') no-repeat center / contain;
	-webkit-mask:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/telephone-fill.svg') no-repeat center / contain;
}

.icon.calc{
	mask:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/calculator.svg') no-repeat center / contain;
	-webkit-mask:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/calculator.svg') no-repeat center / contain;
}

.icon.doc{
	mask:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/file-earmark-text.svg') no-repeat center / contain;
	-webkit-mask:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/file-earmark-text.svg') no-repeat center / contain;
}

/* TOP 버튼 */
.banner-top{
	padding:15px;
	text-align:center;
	background:#195c8c;
	color:#fff;
	font-size:12px;
	cursor:pointer;
}

/* ===== 모바일에서는 숨김 ===== */
@media(max-width:768px){
	.side-banner{
		display:none;
	}
}