@charset "UTF-8";


.sol_txt .left {
	width: 564px;
}

#findFARMs_process {
	background: #F9F9F9;
}

#findFARMs_process .img {
/* 	padding: 16px 0 64px 0; */
	background: url("../../../images/solution/farm/farm1sub01.svg") no-repeat center center;
	position: relative;
	width: 100%;
	height: 540px;
	background-size: 100% auto; /* 가로만 맞추고 세로는 비율 유지 */
	padding-top: 40px;
	padding-bottom: 40px; /* 여백을 확보 */
}

#findFARMs_process .img > * {
	position: absolute;
}

#findFARMs_process .img > .flexBox1{ left: 380px; top: 69px; display: flex; flex-direction: column; gap:15px; }
#findFARMs_process .img > .flexBox2{ left: 300px; top: 380px; display: flex; flex-direction: row; gap: 8px;}

#findFARMs_process .img h4 {
	flex-shrink: 0;
	background: #20798B;
	padding: 8px 24px;
	flex-shrink: 0;
	color: #FFF;
	font-size: 18px;
	border-radius: 1000px;
}

#findFARMs_process .img p {
	flex-shrink: 0;
	background: #FFF;
	padding: 4px 12px;
	flex-shrink: 0;
	color: black;
	font-size: 16px;
	border: 2px solid black;
	border-radius: 1000px;
}

#findFARMs_process .img strong {
	flex-shrink: 0;
	background: #404040;
	padding: 4px 12px;
	flex-shrink: 0;
	color: #fff;
	font-size: 16px;
	border-radius: 1000px;
}

#findFARMs_process .img .text2 {
	color: #000;
	font-family: KoPubDotum;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;
}

#findFARMs_process .img .text1 {
	width: 200px;
	background: rgba(217, 217, 217, 0.60);
	border-radius: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-family: KoPubDotum;
	color: #000;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px
}

#findFARMs_detail table {
	border-bottom: 1px solid #20798B;
	border-spacing: 0;
}

#findFARMs_detail table thead tr th:not(:first-of-type) {
	height: 42px;
	color: #FFF;
	text-align:center;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.88px;
	background: rgba(32, 121, 139, 0.90);
	padding: 8px 16px;
}

#findFARMs_detail table thead tr th:not(:last-of-type),
#findFARMs_detail table tbody tr td:not(:last-of-type){
	border-right: 1px solid rgba(32, 121, 139, 0.60);
}

#findFARMs_detail table tbody td:first-of-type {
	writing-mode: vertical-rl;
	text-align: center;
	border-top: 1px solid #20798B;
	background: rgba(32, 121, 139, 0.20);
	color: #323842;
	text-align: center;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 30.8px */
	letter-spacing: -0.88px;
}
#findFARMs_detail table tbody td:first-of-type div { width: 40px; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }

#findFARMs_detail table tbody td:not(:first-of-type) {
	padding: 8px 4px;
	vertical-align: top;
}

#findFARMs_detail table tbody td li {
	line-height: 150%;
}

#findPESTs_process .process1{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#findPESTs_process .process1 .between {
	position: absolute;
    left: 0;
    transform: translate(-100%);
    z-index: 1;
    display: flex;
	justify-content: center;
	align-items: center;
}

#findPESTs_process .process1 .between .text {
	display: inline-flex;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	border: 1px solid #323842;
	background: #FFF;
	color: #323842;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 16.8px */
}

#findPESTs_process .process1 .between1 {
	background: url(../../../images/solution/pest/pest1_arrow01.svg) no-repeat center center / cover;
	width: 179.349px;
	height: 14px;
}

#findPESTs_process .process1 .between2 {
	background: url(../../../images/solution/pest/pest1_arrow02.svg) no-repeat center center / cover;
	width: 302.679px;
	height: 14px;
}

#findPESTs_process .process1 > .left {
	display: flex;
	flex-direction: row;
	gap: 35px;
	width: 720px;
	height: 360px;
	flex-shrink: 0;
	border-radius: 16px;
	background: rgba(92, 183, 119, 0.10);
	padding: 16px 45px 28px 40px;
}

#findPESTs_process .process1 > .right {
	width: 379px;
	height: 360px;
	flex-shrink: 0;
	border-radius: 16px;
	background: rgba(32, 121, 139, 0.10);
	padding: 16px 59px 23px 32px;
}

#findPESTs_process .process1 figure {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;	
}

#findPESTs_process .process1 figure:nth-of-type(1) {width: 320px;}
#findPESTs_process .process1 figure:nth-of-type(2) {width: 280px;}
#findPESTs_process .process1 figure:nth-of-type(3) {width: 379px;}

#findPESTs_process .process1 figure > figcaption {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 45px);
}

#findPESTs_process .process1 figure > h4 {
	display: inline-flex;
	min-width: 139px;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	background: #27925B;
	color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	margin-bottom: 14px;
	position: relative;
    z-index: 2;
}
#findPESTs_process .process1 figure:nth-of-type(2) > h4 {background: #27925B;}
#findPESTs_process .process1 .right figure > h4 {background: #20798B;}
#findPESTs_process .process1 figure > figcaption > div.img {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-radius: 12px;
	background: #FFF;
	margin-bottom: 8px;
}
#findPESTs_process .process1 figure:nth-of-type(1) > figcaption > div.img { padding: 20px 26px; }
#findPESTs_process .process1 figure:nth-of-type(2) > figcaption > div.img { padding: 19px 21.5px 15.15px 23.5px }
#findPESTs_process .process1 figure:nth-of-type(1) > figcaption > div.img > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#findPESTs_process .process1 figure:nth-of-type(1) > figcaption > div.img > div h5 {
	display: flex;
	width: 100px;
	padding: 4px 0;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	border: 1px solid #27925B;
	background: #FFF;
	color: #323842;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 19.6px */
}

#findPESTs_process .process1 figure > figcaption > .desc {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid #27925B;
	overflow: hidden;
}

#findPESTs_process .process1 figure > figcaption > .desc h4 {
	display: flex;
	padding: 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: rgba(39, 146, 91, 0.70);
	color: #FFF;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 19.6px */
}

#findPESTs_process .process1 figure > figcaption > .desc > div {
	display: flex;
	padding: 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: #FFF;
	color: #323842;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 19.6px */
}

#findPESTs_process .line{
	width: 100%;
	border-top: 1px solid rgba(50, 56, 66, 0.20);
	margin-top: 48px;
	margin-bottom: 28px;
}

#findPESTs_process .process2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#findPESTs_process .process2 .top {
	width: 1166px;
	height: 108px;
	flex-shrink: 0;
	margin-bottom: -48px;
	display: flex;
	flex-direction: row;
	gap: 20px;
}
#findPESTs_process .process2 .top > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#findPESTs_process .process2 .top > div > h4 {
	display: flex;
	min-width: 180px;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	border: 1px solid #27925B;
	background: #FFF;
	margin-bottom: -18px;
	color: #27925B;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	z-index: 1;
}

#findPESTs_process .process2 .top > div > div {
	width: 472px;
	height: 88px;
	flex-shrink: 0;
	
	border-radius: 12px;
	border: 1px solid #27925B;
	background: rgba(39, 146, 91, 0.10);
	z-index: 0;
}

#findPESTs_process .process2 .top > div.right > h4 {
	color: #20798B;
	border: 1px solid #20798B;
}
#findPESTs_process .process2 .top > div.right > div {
	width: 674px; border: 1px solid #20798B;	
}

#findPESTs_process .process2 .bottom {
	width: 1184px;
	height: 76px;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	z-index: 2;
}

#findPESTs_process .process2 .bottom figure {
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid #323842;
}

#findPESTs_process .process2 .bottom figure h4 {
	display: flex;
	width: 100%;
	height: 36px;
	padding: 4px 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: #323842;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
	border-radius: 6px 6px 0 0;
}

#findPESTs_process .process2 .bottom figure figcaption {
	display: flex;
/* 	min-height: 40px; */
	height: calc(100% - 36px);
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: #323842;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 16.8px */
    background: #FFF;
    position: relative;
    border-radius: 0 0 6px 6px;
}

#findPESTs_process .process2 .bottom figure figcaption .plus {
	position: absolute;
	bottom: 0;
	transform: translate(40%, 110%);
}

#findPESTs_process .process2 .bottom figure figcaption .plus .box {
	display: inline-flex;
	min-height: 28px;
	padding: 8px 6px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid #20798B;
	background: rgba(32, 121, 139, 0.70);
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
	position: relative;
	max-width: 160px;
}

#findPESTs_process .process2 .bottom figure figcaption .plus .box::before {
	top:0;
	left:0;
	transform:translate(-50%, -50%);
	content: '+';
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	background: white;
	border-radius:1000px;
	color: #20798B;
	border: 1px solid #20798B;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

#findPESTs_process .process2 .bottom span { width: 16px; height: 100%; display: flex; justify-content: center; align-items: center; }



#findPESTs_analytics .content {
	position: relative;
	width: 1200px;
	height: 504px;
	flex-shrink: 0;
}

#findPESTs_analytics .content img { position: absolute; }
#findPESTs_analytics .content img.left {width: 656px;height: 504px;flex-shrink: 0;aspect-ratio: 82/63;left: 0;z-index: 0}
#findPESTs_analytics .content img.center {width: 288.278px;height: 171.751px;flex-shrink: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;}
#findPESTs_analytics .content img.right {width: 483px;height: 478px;flex-shrink: 0;aspect-ratio: 483/478;right:0;z-index: 1;}
#findPESTs_analytics .content h4 { 
	position: absolute;
	z-index: 3;
	display: inline-flex;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	background: #24A8C2;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
}

#findPESTs_analytics .content .flexBox {
	position: absolute;
	display: flex;
	flex-direction: column;
	right: 0;
	bottom: 100px;
	gap: 10px;
}
#findPESTs_analytics .content .flexBox h4 {
	position: initial;
}
#findPESTs_analytics .content > h4:nth-of-type(1){background: #24A8C2;right: 742px;top: 309px;}
#findPESTs_analytics .content > h4:nth-of-type(2){background: #5CBE7A;left: 863px;top: 161px;}
#findPESTs_analytics .content .flexBox h4{background: #20798B;}


#findCROPs_process { background: #F6F6F6; }

#findCROPs_process .content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

#findCROPs_process .processes {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 53px;
}

#findCROPs_process .processes > figure {
	width: 184px;
	height: 240px;
	display: flex;
	flex-direction: column;
/* 	justify-content: space-between; */
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 16px;
	border: 2px solid rgba(39, 146, 91, 0.60);
	background: #FFF;
}

#findCROPs_process .processes > figure h4 {
	display: flex;
	width: 144px;
	min-height: 32px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0 0 12px 12px;
	background: #27925B;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
}

#findCROPs_process .processes > figure > figcaption {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

#findCROPs_process .processes > figure ul {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
    max-width: calc(100% - 10px);
}

#findCROPs_process .processes > figure li {
	display: flex;
	padding: 4px 12px 4px 4px;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 100px;
	border: 1px solid rgba(204, 204, 204, 0.60);
	color: #323842;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

#findCROPs_process .processes > figure:nth-of-type(2){border: 2px solid rgba(4, 84, 61, 0.60);}
#findCROPs_process .processes > figure:nth-of-type(2) h4{background: #04543D;}

#findCROPs_process .processes > .process {
	width: 660px;
	height: 240px;
	
	display: inline-flex;
	flex-direction: row;
/* 	padding: 18.026px 10.686px 1.026px 22.035px; */
	padding: 18px;
	justify-content: space-between;
	align-items: center;
	border-radius: 16px;
	background: rgba(32, 121, 139, 0.10);
	gap: 8px;
	position: relative;
}

#findCROPs_process .processes > .process figure {
	display: flex;
	width: 200px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid #323842;
	position: relative;
}

#findCROPs_process .processes > .process figure h4 {
	display: flex;
	height: 36px;
	padding: 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: #323842;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
	
	
	border-radius: 8px 8px 0 0;
}

#findCROPs_process .processes > .process figure figcaption {
	position: relative;
	width: 200px;
	height: 168px;
	padding: 10px;
	background: white;
	border-radius: 0 0 8px 8px;
	
	display: flex;
	flex-direction: row;
    align-items: center;
}

#findCROPs_process .processes > .process figure .icon {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 49.116px;
	height: 48px;
	flex-shrink: 0;
	aspect-ratio: 49.12/48.00;
	transform: translate(30%, 30%);
	z-index: 1;
}

#bottomArrow {
	position: absolute;
    left: 50%;
    transform: translate(-50%, 53px);
    bottom: 0;
}

#bottomProcess {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 16px;
	border: 2px solid rgba(32, 121, 139, 0.40);
	background: #FFF;
	margin-bottom: 26px;
}
#bottomProcess h4{
	display: inline-flex;
	min-height: 32px;
	padding: 4px 32px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0 0 12px 12px;
	background: #20798B;
	
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
}

#bottomProcess figcaption {
	display: inline-flex;
	flex-direction: row;
	padding: 0 14.915px 7.934px 6.994px;
	align-items: flex-end;
	gap: 24.752px;
/* 	border-radius: 16px; */
/* 	border: 2px solid rgba(32, 121, 139, 0.40); */
/* 	background: #FFF; */
/* 	margin-bottom: 26px; */
}
#findCROPs_process2 .content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}
#findCROPs_process2 .content figure {
	width: 376px;
	height: 288px;
	display: flex;
	padding: 10px;
	justify-content: flex-end;
	align-items: flex-end;
	flex: 1 0 0;
	align-self: stretch;
	
	border-radius: 12px;
	border: 1px solid #CCC;
	background: #FFF;
}

#findCROPs_process2 .content figure ul {
	display: flex;
	min-width: 180px;
	max-width: 240px;
	flex-direction: column;
	gap: 4px;
}

#findCROPs_process2 .content figure ul li {
	min-height: 36px;
	padding: 8px 2px;
	
	border-radius: 8px;
	border: 3px solid rgba(255, 255, 255, 0.70);
	background: #27925B;
	box-shadow: 0 17px 0 0 rgba(255, 255, 255, 0.10) inset;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
	letter-spacing: -0.28px;
}

#findCROPs_process2 .content figure:nth-of-type(2) ul li {background: #04543D;}
#findCROPs_process2 .content figure:nth-of-type(3) ul li {background: #20798B;}


#findCROPs_process2 .content figure:nth-of-type(1){ background: url("../../../images/solution/crops/crops2_process1.png") no-repeat 10px 10px; }
#findCROPs_process2 .content figure:nth-of-type(2){ background: url("../../../images/solution/crops/crops2_process2.png") no-repeat 10px 10px; }
#findCROPs_process2 .content figure:nth-of-type(3){ background: url("../../../images/solution/crops/crops2_process3.png") no-repeat 10px 10px; }

#findCROPs_process3 {
	background: #EDF5F5;
}

#findCROPs_process3 .process {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 39px;
	margin-bottom: 16px;
}

#findCROPs_process3 .process > img {
	width: 21.926px;
	height: 17.505px;
}

#findCROPs_process3 .process figure {
	display: flex;
	justify-content: center;
	align-items: center;
}

#findCROPs_process3 .process figure img { z-index: 1; }
#findCROPs_process3 .process figure figcaption {
	display: flex;
	padding: 8px 16px 8px 24px;
	justify-content: flex-end;
	align-items: center;
	border-radius: 0 100px 100px 0;
	border: 1px solid #C5C5C5;
	background: #FFF;
    margin-left: -16px;
    z-index: 0;
}

#findCROPs_process3 .descript {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-bottom: 44.5px;
}

#findCROPs_process3 .descript figure {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid #4A7BA0;
	background: #FFF;
	overflow: hidden;
}
#findCROPs_process3 .descript figure.service{ width: 240px; margin-right: 8px; }
#findCROPs_process3 .descript figure.function{ width: 520px; margin-right: -20px; }

#findCROPs_process3 .descript figure h4 {
	display: flex;
	min-height: 36px;
	padding: 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: #4A7BA0;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
}

#crops3_monitor {
	width: 381.778px;
	height: 299.789px;
	flex-shrink: 0;
	aspect-ratio: 381.78/299.79;
}


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

#findCROPs_process3 .descript 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;
}
#findCROPs_process3 .descript 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 */
}

#findCROPs_process3 .descript figure figcaption  ul li dd {
	color: #323842;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 15.6px */
	letter-spacing: -0.52px;
}


#findCROPs_process3 .descript figure.function ul {
	flex-direction: row;
}
#findCROPs_process3 .descript figure.function ul li {
    flex: 1 0 0;	
}


#findCROPs_process3 .descript figure ul li dl {
	display: flex;
	margin-top: 4px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	background: #FFF;
	gap: 2px;
}

#findCROPs_process3 .descript figure.function ul li:not(:last-of-type)::after{
	content: '';
	width: 0.5px;
	height: 100%;
	background: #CCC;
	margin: 0 8px;
}

#findCROPs_process3 .descript figure.function .row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}






#findROBOTs_screen {
	margin: 16px 0 8px 0;
	padding-bottom: 124px;
  	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;
	margin-bottom:-45px;
}
#findROBOTs_screen .content {
	display: grid;
	
    grid-template-columns: repeat(4, 1fr);
    row-gap: 8px;
/*     gap: 8px; */
    align-self: stretch;
    position: relative;
}
#findROBOTs_screen figure {position: relative;}
#findROBOTs_screen figure figcaption {
	display: flex;
	min-width: 160px;
	max-width: calc(100% - 20px);
	width: max-content;
	min-height: 32px;
	padding: 8px 10px;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -4.975px;
  	left: 50%;
    transform: translate(-50%, 0);
	
	border-radius: 8px;
	border: 2px solid rgba(255, 255, 255, 0.70);
	background: #323842;
	box-shadow: 0 18px 0 0 rgba(255, 255, 255, 0.10) inset;
	
	
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 15.4px */
	letter-spacing: -0.28px;
}
#findROBOTs_screen .other { position: absolute; right: -60px; bottom: -60px;  }
#findROBOTs_screen .other figure img {
	width: auto;
}



#findROBOTs_process {
	background: #F6F6F6;
}

#findROBOTs_process .content1 {
	display: flex;
	width: 100%;
	height: 288px;
	align-items: center;
	gap: 64px;
	flex-shrink: 0;
	margin-bottom: 32px;
	position: relative;
}

#findROBOTs_process .content1 .arrow {
	background:  url(../../../images/solution/robot/process_arrow.svg) no-repeat center / cover;
	position: absolute;
	color: #04543D;
	text-align: center;
	-webkit-text-stroke-width: 0.3px;
	-webkit-text-stroke-color: #FFF;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 14px */
	letter-spacing: -0.56px;
    height: 32px;
	width: 84px;
	
	
    display: flex;
    justify-content: center;
    align-items: center;
}


#findROBOTs_process .content1 .arrow:nth-of-type(1) {left:calc(( 1072px / 3) + 32px); transform: translate(-50%, 0);}
#findROBOTs_process .content1 .arrow:nth-of-type(2) {left:calc(( 1072px * 2 / 3) + 32px + 64px); transform: translate(-50%, 0);}

#findROBOTs_process .content1 figure {
	width: 100%;
	height: 256px;
	flex: 1 0 0;
	
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#findROBOTs_process .content1 figure figcaption {
	display: flex;
	width: 100%;
	height: 240px;
	padding: 24px 16px 8px 16px;
	
	border-radius: 16px;
	border: 2px solid rgba(39, 146, 91, 0.60);
	background: #FFF;
	margin-top: -19px;
	align-items: center; 
	justify-content: center;
}
#findROBOTs_process .content1 figure h4 {
	display: flex;
	min-width: 160px;
	max-width: calc(100% - 20px);
	width: max-content;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	box-shadow: 0 15px 0 0 rgba(255, 255, 255, 0.10) inset;
	height: 38px;
	
	color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	z-index: 1;
}
#findROBOTs_process .content1 figure:nth-of-type(1) h4 { background: #27925B; }
#findROBOTs_process .content1 figure:nth-of-type(2) h4 { background: #04543D; }
#findROBOTs_process .content1 figure:nth-of-type(3) h4 { background: #20798B; }
#findROBOTs_process .content1 figure:nth-of-type(1) figcaption { border: 2px solid rgba(39, 146, 91, 0.60); gap: 10px; flex-direction: row; }
#findROBOTs_process .content1 figure:nth-of-type(2) figcaption { border: 2px solid rgba(4, 84, 61, 0.60); gap: 14px; flex-direction: column; }
#findROBOTs_process .content1 figure:nth-of-type(3) figcaption { border: 4px solid #20798B; }

.server { display: flex;align-items: center;gap: 8px;align-self: stretch; }
.server > div { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; flex: 1 0 0; }
.server > div > h5 {
	display: flex;
	height: 28px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.32px;
	border-radius: 2px;
	background: #595959;
}

.server > div > div {
	display: flex;
	padding: 4px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.05);
}

.server > div > div > h6 {
	display: flex;
	height: 24px;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 4px;
	border: 2px solid #68C4E3;
	background: #E1F2FA;
	color: #317E98;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
}

.server > div > div .unit {
	display: flex;
	min-height: 24px;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 4px;
	border: 2px solid #CCC;
	background: #FFF;
	color: #595959;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
}

.server > div:nth-of-type(1) > div > div {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

#findROBOTs_process .content1::after {
	content: "";
	position: absolute;
	width: 5px;
	height: 41.399px;
	border-left:5px dotted #20798B;
	right: 180px;
    bottom: -5px;
    transform: translate(0, 50%);
}

#findROBOTs_process .content2 {
	width: 100%;
	min-height: 164px;
	flex-shrink: 0;
	position: relative;
	
	border-radius: 16px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), rgba(32, 121, 139, 0.10);
	margin-bottom: 50px;
    padding: 30px 120px 16px 24px;
}

#findROBOTs_process .content2::before {
	content: "";
	position: absolute;
	top: 0;
	right: 120px;
	transform: translate(0, -50%);
	
	width: 807.264px;
	height: 0;
	flex-shrink: 0;
	border-top: 4px solid #20798B;
}

#findROBOTs_process .content2 > h4 {
	position: absolute;
	top: 0;
	left: 20px;
	transform: translate(0, -50%);
	
	display: flex;
	min-width: 320px;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 1000px;
	background: #20798B;
	box-shadow: 0 15px 0 0 rgba(255, 255, 255, 0.10) inset;
	color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
}


#findROBOTs_process .content2 > img {
	position: absolute;
	right: 0;
	width: 155px;
	height: 353px;
	flex-shrink: 0;
    transform: translate(60px, -320px);
}

#findROBOTs_process .content2 > .content {
	display: flex;
	width: 1080px;
/* 	align-items: flex-start; */
	gap: 8px;
}

#findROBOTs_process .content2 > .content > figure {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	flex: 1 0 0;
}

#findROBOTs_process .content2 > .content > figure > h5 {
	display: flex;
	min-height: 28px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 2px;
	background: #323842;
	color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.32px;
	height: 100%;
}
#findROBOTs_process .content2 > .content > figure > figcaption {
	display: flex;
	padding: 4px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.05);
}

#findROBOTs_process .content2 > .content > figure > figcaption .unit {
	display: flex;
	min-height: 24px;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 4px;
	border: 2px solid #CCC;
	background: #FFF;
	color: #323842;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
}

#findROBOTs_process .content2 > .user {
	position: absolute;
    right: -20px;
    bottom: 30px;
	display: inline-flex;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 2px solid #20798B;
	background: #FFF;
	color: #20798B;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.36px;
}


#findROBOTs_robots .content {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 43.068px 0 36.668px 0;
	justify-content: center;
	align-items: center;
}


#findROBOTs_robots .content .row {
	display: flex;
	justify-content: space-between;
/* 	align-items: center; */
	align-self: stretch;
}
#findROBOTs_robots .content .row:nth-of-type(1) { align-items: flex-start; margin-bottom: -20px; }
#findROBOTs_robots .content .row:nth-of-type(2) {align-items: flex-end; }

#findROBOTs_robots .content .row figure.main {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 320px;
	height: 240px;
	flex-shrink: 0;
	border-radius: 12px;
	border: 1px solid #4A7BA0;
	background: rgba(74, 123, 160, 0.10);
	position: relative;
}

#findROBOTs_robots .content .row figure.main img.mainImg {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 10px;
	z-index: 0;
}

#findROBOTs_robots .content .row figure.main > * {
	z-index: 1;
}

#findROBOTs_robots .content .row:nth-of-type(1) figure.main{
	background: rgba(74, 123, 160, 0.10);
}

#findROBOTs_robots .content .row:nth-of-type(2) figure.main{
	background: rgba(32, 121, 139, 0.10);
}

#findROBOTs_robots .content .row:nth-of-type(1) figure.main img.mainImg {
	width: 128.983px;
	height: 208.629px;
	flex-shrink: 0;
	aspect-ratio: 128.98/208.63;
}
#findROBOTs_robots .content .row:nth-of-type(2) figure.main img.mainImg {
	width: 259.541px;
	height: 213.929px;
	flex-shrink: 0;
	aspect-ratio: 259.54/213.93;
}

#findROBOTs_robots .content .row figure.main .images img {
	width: 50px;
	height: 50px;
	aspect-ratio: 1/1;
/* 	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.48); */
}

#findROBOTs_robots .content .row figure.main h4 {
	display: flex;
	min-width: 220px;
	max-width: calc(100% - 20px);
	height: 32px;
	padding: 4px 16px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0 0 12px 12px;
	background: #4A7BA0;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */
}

#findROBOTs_robots .content .row figure.main > div {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

#findROBOTs_robots .content .row figure.main .desc {
	display: flex;
	padding: 4px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	border-radius: 12px;
	background: rgba(0, 0, 0, 0.05);
}

#findROBOTs_robots .content .row figure.main .desc span {
/* 	display: flex; */
/* 	flex: 1 0 0; */
	min-width: 124px;
	min-height: 24px;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 100px;
	border: 2px solid #CCC;
	background: #FFF;
	color: #323842;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.56px;
}

#findROBOTs_robots .content .row .sub {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

#findROBOTs_robots .content .row .sub figure {
	display: flex;
	flex: 1 0 0;
	width: 280px;
	min-height: 120px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid #4A7BA0;
	background: #FFF;
	overflow: hidden;
}
#findROBOTs_robots .content .row:nth-of-type(1) .sub figure {border: 1px solid #4A7BA0;}
#findROBOTs_robots .content .row:nth-of-type(2) .sub figure {border: 1px solid #20798B;}

#findROBOTs_robots .content .row .sub figure h4 {
	display: flex;
	height: 36px;
	padding: 4px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	align-self: stretch;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 15.4px */

}

#findROBOTs_robots .content .row:nth-of-type(1) .sub figure h4 {background: rgba(74, 123, 160, 0.30);color: #4A7BA0;}
#findROBOTs_robots .content .row:nth-of-type(2) .sub figure h4 {background: rgba(32, 121, 139, 0.20);color: #20798B;}

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

#findROBOTs_robots .content .row .sub 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;
}
#findROBOTs_robots .content .row .sub 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 */
}