@charset "UTF-8";

#manageLayer .title {
	display: inline-flex;
	padding: 8px 40px;
	margin-bottom: 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #20798B;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	position: relative;
	margin-left: 25px;
	border-radius: 0 100px 100px 0;
	background: #E9F2F3;
}

#manageLayer .title::before {
	content: url("../../../images/about/Atom-r.svg");
	position: absolute;
	left: -25px;
}

#manageLayer .content {
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: space-between;
    align-items: stretch;
}

#manageLayer .content figure {
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

#manageLayer .content figure img {
	width: 100%;
	height: 114px;
	border-radius: 8px;
	aspect-ratio: 193.33/114.00;
	overflow: hidden;
}
#manageLayer .content figure figcaption {
	width: 100%;
	height: calc(100% - 122px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid #4A7BA0;
	background: #FFF;
	overflow: hidden;
}
#manageLayer .content figure figcaption > *{
	width: 100%;
}

#manageLayer .content figure figcaption h5 {
	display: flex;
	padding: 8px 0;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: rgba(74, 123, 160, 0.30);
	color: #4A7BA0;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
}

#manageLayer .content figure figcaption ul {
	display: flex;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	background: #FFF;
}

#manageLayer .content figure figcaption ul li {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	color: #323842;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	letter-spacing: -1.12px;
}
#manageLayer .content figure figcaption ul li::before {
	content: '✓';
	color: #4A7BA0;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 80%; /* 14.4px */
}


#imgLayer01 {
	width: 100%;
/* 	background: url('../../../images/about/background.jpg') no-repeat lightgray 50% / cover , #EFFAFF; */
	/*background: url(<path-to-image>) lightgray 50% / cover no-repeat, #EFFAFF;*/
/* 	background:  */
/*   url('../../../images/about/background.jpg') lightgray 50% / cover no-repeat, */
/*   #EFFAFF; */
/*   background: lightgray, url('../../../images/about/background.jpg') no-repeat center 50% / cover, #EFFAFF; */
  background: url('../../../images/about/background.jpg') no-repeat center 50% / cover #EFFAFF;
  
/*     background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5.1%, rgba(255, 255, 255, 0.8) 10.38%, rgba(255, 255, 255, 0.9) 86.06%, #FFF 100%), */
/* 	  url(../../../images/solution/robot/screenBack.jpg) no-repeat center 60% / cover, */
/* 	  #F6F6F6; */
}
}