/* 서비스사업 */
.ServiceBox {position:relative; margin:0 0 30px; padding:20px; border-radius:10px; z-index:0; box-sizing:border-box; 
	background: #ebfafc;
    background: linear-gradient(-40deg, #ebfafc 10%, #e6f9fb);
    background: -webkit-linear-gradient(-40deg, #ecf5e5 10%, #e6f9fb);
}
.ServiceBox .T_Img {width:100px; height:100px; background:#fff; border-radius:30%; overflow:hidden; margin:0 0 10px;}
.ServiceBox .T_Img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.ServiceBox .SBtxt {overflow:hidden; color:#555; z-index:2;}
.ServiceBox .SBtxt em {display:block; margin-bottom:10px; font-size:13px; font-weight:normal; color:#444;}
.ServiceBox .SBtxt strong {
	display:block; position:relative; font-size:18px; line-height:1.3; color:#1e9cad; z-index:1;
	border-bottom:1px dashed rgba(255,255,255,.5); padding:0 0 10px; font-family:'TheJamsil'; font-weight:normal;
}
.ServiceBox .SBtxt strong:before {content:""; display:inline-block; position:absolute; left:0; bottom:-2px; width:100%; height:10px;}
.ServiceBox .SBtxt .txt {font-size:16px; color:#222;}

@media(min-width:767px) {
	.ServiceBox {min-height:280px; margin:30px 0; padding:70px 30px;}
	.ServiceBox .T_Img {position:absolute; right:30px; top:calc(50% - 95px); width:150px; height:150px; z-index:1;}
	.ServiceBox .T_Img img {width:100%; height:100%;}
	.ServiceBox .SBtxt {padding-right:200px;}
	.ServiceBox .SBtxt em {font-size:15px;}
	.ServiceBox .SBtxt strong {font-size:26px; line-height:1.3;}
	.ServiceBox .SBtxt strong:before {left:0; bottom:-5px; height:20px;}
	.ServiceBox .SBtxt .txt {font-size:16px;}
}

@media(min-width:1024px) {
	.ServiceBox {padding:70px 50px;}
	.ServiceBox .T_Img {right:50px; top:-35px; width:240px; height:240px; box-shadow:0 5px 5px rgba(0 0 0 / 5%);  }
	.ServiceBox .T_Img img {width:100%; height:100%;}
	.ServiceBox .SBtxt {padding-right:300px;}
	.ServiceBox .SBtxt em {font-size:15px;}
	.ServiceBox .SBtxt strong {font-size:32px; line-height:1.3;}
	.ServiceBox .SBtxt strong:before {left:0; bottom:-5px; height:20px;}
	.ServiceBox .SBtxt .txt {font-size:16px;}

	.C2all_inner .back span a {width:100px; height:30px; line-height:30px; font-size:18px}
}

@media(min-width:1280px) {
	.ServiceBox {min-height:280px; width:1063px; margin:30px 0 auto; padding:70px; border-radius:30px;}
	.ServiceBox .T_Img {right:70px; top:-35px; width:420px; height:340px; margin:0;}
	.ServiceBox .T_Img img {width:100%; height:100%;}
	.ServiceBox .SBtxt {padding-right:447px;}
	.ServiceBox .SBtxt em {font-size:15px;}
	.ServiceBox .SBtxt strong {font-size:30px; line-height:1.3; padding:0 0 20px; color:#1e9cad}
	.ServiceBox .SBtxt strong:before {left:0; bottom:-1px; height:18px;}
	.ServiceBox .SBtxt .txt {font-size:20px;}

	.ServiceBox.type .SBtxt {padding-right:0;}
	.C2all_inner .back span a {width:110px; height:30px; line-height:30px; font-size:18px}
}
p.basic_txt2 {position:relative; font-size:20px; color:#444; line-height:27px;}
p.basic_txt2 > span.bul {font-family: 'S-CoreDream-4Regular','Malgun Gothic', dotum, sans-serif; color:#32144f; position:absolute; left:0; top:8px; }
p.basic_txt2 {
	padding: 10px 0 0px 0 !important;
}
p.basic_txt2 > strong {
    background-color: #003894;
    color: #fff;
    padding: 3px 15px;
    border-radius: 25px;
}
p.basic_txt > strong { background: linear-gradient(135deg, #216bc0 0%, #101477 30%) 0 0 / 200% 100%; */
    background: rgb(77, 153, 162);
    /* background: linear-gradient(270deg, rgba(77, 153, 162, 1) 0%, rgba(151, 183, 138, 1) 100%); */
    background-image: linear-gradient(to right, #8cbb7e 0%, #1e9cad 100%) !important;; color:#fff; padding:3px 15px; border-radius:25px;}

.sub_con_view3 {
  padding: 20px;
}

.sub_con_view3_in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* 아이템 사이 간격 */
}

.step_flow {
  display: flex;
  flex-direction: column;
  width: 320px;
  text-align: center;
  border-radius: 8px;
  position: relative;
}

.step_head {
  background-image: linear-gradient(to right, #8cbb7e 0%, #1e9cad 100%);
  color: #fff;
  font-size: 18px;
  padding: 15px 0;
  border-radius: 8px 8px 0 0;
}

.step_head b {
  color: #fff;
}

.step_info {
  border: 1px solid #48a89b;
  border-top: 0px;
  border-radius: 0 0 8px 8px;
  padding: 15px 0;
  font-weight: normal;
  font-size: 18px;
  line-height:23px;
  min-height: 97px;
  background-color: #fff;
}

.step_info2 {
  padding-top: 27px;
}

.right_arrow {
  width: 12px;
  height: 12px;
  background: #fff;
  border-top: 1px solid #48a89b;
  border-right: 1px solid #48a89b;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -6px;
  margin-top: -6px;
}

/* 마지막 요소의 화살표 제거 */
.step_flow:last-child .right_arrow {
  display: none;
}

/* 반응형 */
@media (max-width: 768px) {
  .sub_con_view3_in {
    flex-direction: column;
    align-items: center;
  }

  .step_flow {
    width: 90% !important;
  }

  .right_arrow {
    display: none;
  }
}