/* CSS Document */


.dc-card{
	word-break: keep-all;
	border-top: 2px solid #212121;
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}

.dc-card2{
	
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
	background:#f4f6fa;
	padding-top: 30px;
	word-break: keep-all;
	
}

.gray-bg{
	background: #EFEFEF;
}




.txt-title{
	font-family: nanumhumanEB;
	font-size: clamp(20px, 1.2vw, 25px);

}

.txt-title2{
	font-family: nanumhuman;
	font-size: clamp(20px, 1.2vw, 25px);

}


.txt-line{
	text-decoration : underline;
	text-decoration-color: #f5fc86;
	text-decoration-thickness:3px;
	text-underline-offset: 3px;
	
	
}

.txt{
	font-family: nanumhuman;
	font-size: clamp(18px, 1.3vw, 19px);
	line-height: 2.1;
	color: #585858;

}

.txt-bold{
	font-family: nanumhumanEB;
	font-size: clamp(18px, 1.5vw, 19px);

}
.center{
	text-align: center;
}



.border-right{
	width: 100%;
	border-right: 1px solid #c8c8c8;
}



.border-right2{
	width: 40%;

}



.border-right3{
	width:40%;
	border-right: 1px solid #c8c8c8;
}


.underline{
	
	border-bottom: 1px solid #C8C8C8;
	padding-left: 4%;
	
}

.dc-underline{
	border-bottom: 1px solid #FF6D21;
}

.card-info{
	display:flex;
	align-items: center;
	border-top: 1px solid #C8C8C8;
}



.card-info-2{
	display:flex;
	border-top: 1px solid #C8C8C8;
}


.card-info2{
	border-bottom: 0px;
	padding-left: 4%;


}


.card-info3{
	border-bottom: 0px;
	padding-left: 8%;


}



.month{
	width: 50%;
	padding-left: 4%;
}


.month2{
	width: 100%;
	padding-left: 4%;
	border-left: 1px solid #c8c8c8;
}



.month3{
	width: 100%;
	padding-left: 4%;

}

.smart-dc{
	line-height: 1.5;
	padding-top: 3%;
}