.card-container{
  width:  686px;
  padding: 32px;
  background-color: #fff;
  border-radius: 0 0 24px 24px;
  box-sizing: border-box;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}
.card-content{
  display: flex;
  margin-bottom: 32px;
}

.card-content svg{
  width: 112px;
  height: 112px;
}

.card-title{
  display: flex;
  flex-direction: column;
  gap: 24px 32px;
  width: 478px;
  margin-right: 32px;
}

.card-title span:nth-child(1) {
	font-size: 48px;
	color: #1EB99D;
	font-weight: 600;
	line-height: 64px;
}

.card-title span:nth-child(2) {
	font-size: 28px;
	color: #1A1E27;
	line-height: 40px;
}

.cardImg {
	width: 686px;
    background-color: #f7f7f7;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}

.cardImg img {
	width: 686px;
	height: 432px;
	border-radius: 24px 24px 0 0;
}

.cardTopImg {
	width: 687px;
	height: 284px;
    background-color: #f7f7f7;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}

.cardTopImg img {
	width: 687px;
	height: 284px;
	border-radius: 24px 24px 0 0;
}

.card-btn {
	padding: 12px 0;
}

.card-btn button{
  display: flex;
  padding: 28px 32px;
  justify-content: center;
  align-items: center;
  gap: 16px; 
  border-radius: 9999px;
  background: var(--core-surface-b, #EFF1F3);
  color: #6C6F75;
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  border: none;
  margin: 0 auto;
}

/* �룷�듃�뤃由ъ삤 移대뱶 */
.portfolio-title {
	display: flex;
	flex-direction: column;
	gap: 8px 32px;
	width: 330px;
	text-align: center;
}

.portfolio-title span:nth-child(1) {
	font-size: 28px;
	color: #1A1E27;
	font-weight: 500;
	line-height: 32px;
}

.portfolio-title span:nth-child(2) {
	font-size: 22px;
	color: #6C6F75;
	line-height: 24px;
}