@charset "UTF-8";
.business_01 .title,
.future_01 .title,
.solution_01 .title {
  font-size: 100px;
  padding-top: 50px;
}
.business_01 .title span,
.future_01 .title span,
.solution_01 .title span {
  color: #09A7E2;
  font-weight: 500;
  font-size: 60px;
}
.business_01 h2,
.future_01 h2,
.solution_01 h2 {
  font-size: 40px;
  color: #09A7E2;
  font-weight: bold;
}
.business_01 h3,
.future_01 h3,
.solution_01 h3 {
  font-size: 30px;
  color: #09A7E2;
  font-weight: bold;
}
.business_01 .subtit,
.future_01 .subtit,
.solution_01 .subtit {
  color: #fff;
  font-size: 30px;
  margin-top: 30px;
}
.business_01 .tab-container,
.future_01 .tab-container,
.solution_01 .tab-container {
  margin: 40px auto 0;
  padding-bottom: 50px;
}
.business_01 .tab-container .tab-menu,
.future_01 .tab-container .tab-menu,
.solution_01 .tab-container .tab-menu {
  display: flex;
  gap: 20px;
}
.business_01 .tab-container .tab-menu .tab-link,
.future_01 .tab-container .tab-menu .tab-link,
.solution_01 .tab-container .tab-menu .tab-link {
  width: 250px;
  height: 80px;
  background-color: #fff;
  color: #000;
  border: none;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 20px;
}
.business_01 .tab-container .tab-menu .tab-link:hover,
.future_01 .tab-container .tab-menu .tab-link:hover,
.solution_01 .tab-container .tab-menu .tab-link:hover {
  background-color: #163c49;
  color: #fff;
}
.business_01 .tab-container .tab-menu .tab-link.active,
.future_01 .tab-container .tab-menu .tab-link.active,
.solution_01 .tab-container .tab-menu .tab-link.active {
  background-color: #00a9e0;
  color: #fff;
  font-weight: bold;
}
.business_01 .tab-container .tab-content,
.future_01 .tab-container .tab-content,
.solution_01 .tab-container .tab-content {
  flex: 1;
  border-radius: 10px;
}
.business_01 .tab-container .tab-content .tab-panel,
.future_01 .tab-container .tab-content .tab-panel,
.solution_01 .tab-container .tab-content .tab-panel {
  display: none;
}
.business_01 .tab-container .tab-content .tab-panel .bg--gray,
.future_01 .tab-container .tab-content .tab-panel .bg--gray,
.solution_01 .tab-container .tab-content .tab-panel .bg--gray {
  padding: 80px 0;
}
.business_01 .tab-container .tab-content .tab-panel .intro,
.future_01 .tab-container .tab-content .tab-panel .intro,
.solution_01 .tab-container .tab-content .tab-panel .intro {
  padding-top: 40px;
  padding-bottom: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .intro h3,
.future_01 .tab-container .tab-content .tab-panel .intro h3,
.solution_01 .tab-container .tab-content .tab-panel .intro h3 {
  font-weight: 500;
}
.business_01 .tab-container .tab-content .tab-panel .intro p,
.future_01 .tab-container .tab-content .tab-panel .intro p,
.solution_01 .tab-container .tab-content .tab-panel .intro p {
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
  line-height: 35px;
}
.business_01 .tab-container .tab-content .tab-panel .mainjob,
.future_01 .tab-container .tab-content .tab-panel .mainjob,
.solution_01 .tab-container .tab-content .tab-panel .mainjob {
  max-width: 1200px;
  margin: 0 auto;
}
.business_01 .tab-container .tab-content .tab-panel .mainjob > p,
.future_01 .tab-container .tab-content .tab-panel .mainjob > p,
.solution_01 .tab-container .tab-content .tab-panel .mainjob > p {
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
}
.business_01 .tab-container .tab-content .tab-panel .card,
.future_01 .tab-container .tab-content .tab-panel .card,
.solution_01 .tab-container .tab-content .tab-panel .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding: 20px 0;
  border-radius: 20px;
  gap: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .card li,
.future_01 .tab-container .tab-content .tab-panel .card li,
.solution_01 .tab-container .tab-content .tab-panel .card li {
  flex: 1;
  background-color: #404040;
  border-radius: 20px;
  height: 230px;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .card li div,
.future_01 .tab-container .tab-content .tab-panel .card li div,
.solution_01 .tab-container .tab-content .tab-panel .card li div {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .card li div img,
.future_01 .tab-container .tab-content .tab-panel .card li div img,
.solution_01 .tab-container .tab-content .tab-panel .card li div img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.business_01 .tab-container .tab-content .tab-panel .card li p,
.future_01 .tab-container .tab-content .tab-panel .card li p,
.solution_01 .tab-container .tab-content .tab-panel .card li p {
  color: #fff;
  font-size: 18px;
}
.business_01 .tab-container .tab-content .tab-panel .accordion,
.future_01 .tab-container .tab-content .tab-panel .accordion,
.solution_01 .tab-container .tab-content .tab-panel .accordion {
  padding-top: 50px;
}
.business_01 .tab-container .tab-content .tab-panel .accordion li,
.future_01 .tab-container .tab-content .tab-panel .accordion li,
.solution_01 .tab-container .tab-content .tab-panel .accordion li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #404040;
  border-radius: 20px;
  margin-bottom: 20px;
  height: 83px;
}
.business_01 .tab-container .tab-content .tab-panel .accordion li .l,
.future_01 .tab-container .tab-content .tab-panel .accordion li .l,
.solution_01 .tab-container .tab-content .tab-panel .accordion li .l {
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .accordion li .r,
.future_01 .tab-container .tab-content .tab-panel .accordion li .r,
.solution_01 .tab-container .tab-content .tab-panel .accordion li .r {
  flex: 1;
}
.business_01 .tab-container .tab-content .tab-panel .accordion li .r strong,
.future_01 .tab-container .tab-content .tab-panel .accordion li .r strong,
.solution_01 .tab-container .tab-content .tab-panel .accordion li .r strong {
  font-size: 20px;
  color: #09A7E2;
  font-weight: bold;
}
.business_01 .tab-container .tab-content .tab-panel .accordion li .r p,
.future_01 .tab-container .tab-content .tab-panel .accordion li .r p,
.solution_01 .tab-container .tab-content .tab-panel .accordion li .r p {
  color: #fff;
  font-size: 18px;
  position: relative;
}
.business_01 .tab-container .tab-content .tab-panel .accordion2 ul,
.future_01 .tab-container .tab-content .tab-panel .accordion2 ul,
.solution_01 .tab-container .tab-content .tab-panel .accordion2 ul {
  padding-top: 50px;
}
.business_01 .tab-container .tab-content .tab-panel .accordion2 ul li,
.future_01 .tab-container .tab-content .tab-panel .accordion2 ul li,
.solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #404040;
  border-radius: 20px;
  margin-bottom: 20px;
  height: 170px;
  padding: 20px 40px;
}
.business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .l,
.future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .l,
.solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .l {
  width: 227px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r,
.future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r,
.solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r {
  flex: 1;
}
.business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r strong,
.future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r strong,
.solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r strong {
  font-size: 20px;
  color: #fff;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r p,
.future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r p,
.solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r p {
  color: #fff;
  font-size: 18px;
  position: relative;
}
.business_01 .tab-container .tab-content .tab-panel .wave,
.future_01 .tab-container .tab-content .tab-panel .wave,
.solution_01 .tab-container .tab-content .tab-panel .wave {
  position: relative;
  width: 989px;
  margin: 100px auto 0;
}
.business_01 .tab-container .tab-content .tab-panel .wave .bg,
.future_01 .tab-container .tab-content .tab-panel .wave .bg,
.solution_01 .tab-container .tab-content .tab-panel .wave .bg {
  background: url(../images/wave.svg) no-repeat center center;
  width: 989px;
  height: 374px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li,
.future_01 .tab-container .tab-content .tab-panel .wave ul li,
.solution_01 .tab-container .tab-content .tab-panel .wave ul li {
  position: absolute;
  width: 222px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(1),
.future_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(1),
.solution_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(1) {
  left: 90px;
  top: 130px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(2),
.future_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(2),
.solution_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(2) {
  left: 390px;
  top: 110px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(3),
.future_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(3),
.solution_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(3) {
  left: 670px;
  top: 130px;
  width: 280px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li strong,
.future_01 .tab-container .tab-content .tab-panel .wave ul li strong,
.solution_01 .tab-container .tab-content .tab-panel .wave ul li strong {
  font-size: 30px;
  color: #09A7E2;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-left: -20px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li span,
.future_01 .tab-container .tab-content .tab-panel .wave ul li span,
.solution_01 .tab-container .tab-content .tab-panel .wave ul li span {
  font-size: 20px;
  display: block;
  color: #09A7E2;
  text-align: center;
  font-weight: bold;
  margin-left: -20px;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li p,
.future_01 .tab-container .tab-content .tab-panel .wave ul li p,
.solution_01 .tab-container .tab-content .tab-panel .wave ul li p {
  color: #fff;
  font-size: 16px;
  position: relative;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li p:after,
.future_01 .tab-container .tab-content .tab-panel .wave ul li p:after,
.solution_01 .tab-container .tab-content .tab-panel .wave ul li p:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 14px;
  width: 2px;
  height: 2px;
  background-color: #fff;
  border-radius: 50%;
}
.business_01 .tab-container .tab-content .tab-panel .wave ul li .gap,
.future_01 .tab-container .tab-content .tab-panel .wave ul li .gap,
.solution_01 .tab-container .tab-content .tab-panel .wave ul li .gap {
  height: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .profit,
.future_01 .tab-container .tab-content .tab-panel .profit,
.solution_01 .tab-container .tab-content .tab-panel .profit {
  background-color: #222;
  padding: 50px 0;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 800px;
  max-width: 100%;
  margin: 50px auto 0;
}
.business_01 .tab-container .tab-content .tab-panel .profit h3,
.future_01 .tab-container .tab-content .tab-panel .profit h3,
.solution_01 .tab-container .tab-content .tab-panel .profit h3 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 200px;
  padding-left: 40px;
}
.business_01 .tab-container .tab-content .tab-panel .profit div,
.future_01 .tab-container .tab-content .tab-panel .profit div,
.solution_01 .tab-container .tab-content .tab-panel .profit div {
  width: calc(100% - 200px);
}
.business_01 .tab-container .tab-content .tab-panel .profit div p,
.future_01 .tab-container .tab-content .tab-panel .profit div p,
.solution_01 .tab-container .tab-content .tab-panel .profit div p {
  color: #fff;
  font-size: 20px;
  position: relative;
}
.business_01 .tab-container .tab-content .tab-panel .profit div p:after,
.future_01 .tab-container .tab-content .tab-panel .profit div p:after,
.solution_01 .tab-container .tab-content .tab-panel .profit div p:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 14px;
  width: 2px;
  height: 2px;
  background-color: #fff;
  border-radius: 50%;
}
.business_01 .tab-container .tab-content .tab-panel .why,
.future_01 .tab-container .tab-content .tab-panel .why,
.solution_01 .tab-container .tab-content .tab-panel .why {
  margin-top: 134px;
}
.business_01 .tab-container .tab-content .tab-panel .why h2,
.future_01 .tab-container .tab-content .tab-panel .why h2,
.solution_01 .tab-container .tab-content .tab-panel .why h2 {
  font-family: Poppins;
  padding-bottom: 10px;
}
.business_01 .tab-container .tab-content .tab-panel .why p,
.future_01 .tab-container .tab-content .tab-panel .why p,
.solution_01 .tab-container .tab-content .tab-panel .why p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 60px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target h3,
.future_01 .tab-container .tab-content .tab-panel .adapt_target h3,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target h3 {
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target ul,
.future_01 .tab-container .tab-content .tab-panel .adapt_target ul,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 30px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target ul li,
.future_01 .tab-container .tab-content .tab-panel .adapt_target ul li,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li {
  flex: 1;
  height: 300px;
  background-color: #1e1e1e;
  border-radius: 20px;
  text-align: center;
  padding-top: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target ul li div,
.future_01 .tab-container .tab-content .tab-panel .adapt_target ul li div,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li div {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target ul li div img,
.future_01 .tab-container .tab-content .tab-panel .adapt_target ul li div img,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li div img {
  max-width: 100%;
  height: auto;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target ul li p,
.future_01 .tab-container .tab-content .tab-panel .adapt_target ul li p,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li p {
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target ul li:nth-child(2),
.future_01 .tab-container .tab-content .tab-panel .adapt_target ul li:nth-child(2),
.solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li:nth-child(2) {
  position: relative;
  top: 34px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target .slogan,
.future_01 .tab-container .tab-content .tab-panel .adapt_target .slogan,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target .slogan {
  color: #fff;
  font-size: 30px;
  padding-top: 85px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 200px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 h3,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 h3,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 h3 {
  text-align: center;
  margin-top: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 > p,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 > p,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 > p {
  color: #fff;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 30px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li {
  flex: 1;
  height: 300px;
  background-color: #1e1e1e;
  border-radius: 20px;
  text-align: center;
  padding-top: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li div,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li div,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li div {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li div img,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li div img,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li div img {
  max-width: 100%;
  height: auto;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li strong,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li strong,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li strong {
  font-weight: bold;
  color: #fff;
  font-size: 19px;
  display: block;
  margin-bottom: 15px;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li p,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li p,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li p {
  font-size: 18px;
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .adapt_target2 .slogan,
.future_01 .tab-container .tab-content .tab-panel .adapt_target2 .slogan,
.solution_01 .tab-container .tab-content .tab-panel .adapt_target2 .slogan {
  color: #fff;
  font-size: 30px;
  padding-top: 85px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 200px;
}
.business_01 .tab-container .tab-content .tab-panel .compose,
.future_01 .tab-container .tab-content .tab-panel .compose,
.solution_01 .tab-container .tab-content .tab-panel .compose {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
}
.business_01 .tab-container .tab-content .tab-panel .compose li,
.future_01 .tab-container .tab-content .tab-panel .compose li,
.solution_01 .tab-container .tab-content .tab-panel .compose li {
  width: calc(50% - 10px);
  height: 180px;
  background-color: #383838;
  border-radius: 20px;
  padding: 25px 30px;
}
.business_01 .tab-container .tab-content .tab-panel .compose li strong,
.future_01 .tab-container .tab-content .tab-panel .compose li strong,
.solution_01 .tab-container .tab-content .tab-panel .compose li strong {
  font-size: 24px;
  color: #09A7E2;
  font-weight: 500;
  display: block;
  margin-bottom: 13px;
}
.business_01 .tab-container .tab-content .tab-panel .compose li p,
.future_01 .tab-container .tab-content .tab-panel .compose li p,
.solution_01 .tab-container .tab-content .tab-panel .compose li p {
  color: #fff;
  font-size: 18px;
  position: relative;
  padding-left: 12px;
}
.business_01 .tab-container .tab-content .tab-panel .compose li p:after,
.future_01 .tab-container .tab-content .tab-panel .compose li p:after,
.solution_01 .tab-container .tab-content .tab-panel .compose li p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 2px;
  height: 2px;
  background-color: #09A7E2;
  border-radius: 50%;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle {
  width: 537px;
  height: 277px;
  background: url(../images/ai.svg) no-repeat center center;
  margin: 250px auto 120px auto;
  position: relative;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle {
  background: #fff;
  width: 271px;
  height: 271px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  left: 50%;
  margin-left: -135px;
  top: -135px;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p {
  color: #fff;
  position: absolute;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai1,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai1,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai1 {
  right: 537px;
  top: 0;
  width: 220px;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai2,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai2,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai2 {
  right: 370px;
  top: 250px;
  width: 220px;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai3,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai3,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai3 {
  left: 430px;
  top: 250px;
  width: 300px;
}
.business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai4,
.future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai4,
.solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai4 {
  left: 550px;
  top: 0;
  width: 350px;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex,
.future_01 .tab-container .tab-content .tab-panel .service_ex,
.solution_01 .tab-container .tab-content .tab-panel .service_ex {
  background: url(../images/sub_busi_ex_bg.png) no-repeat top center;
  padding-bottom: 150px;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex *,
.future_01 .tab-container .tab-content .tab-panel .service_ex *,
.solution_01 .tab-container .tab-content .tab-panel .service_ex * {
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex h2,
.future_01 .tab-container .tab-content .tab-panel .service_ex h2,
.solution_01 .tab-container .tab-content .tab-panel .service_ex h2 {
  font-size: 40px;
  font-family: Poppins;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  color: #09A7E2;
  padding-top: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex .top,
.future_01 .tab-container .tab-content .tab-panel .service_ex .top,
.solution_01 .tab-container .tab-content .tab-panel .service_ex .top {
  height: 123px;
  width: 784px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background-color: #000;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex ul,
.future_01 .tab-container .tab-content .tab-panel .service_ex ul,
.solution_01 .tab-container .tab-content .tab-panel .service_ex ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
  padding-bottom: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex ul li,
.future_01 .tab-container .tab-content .tab-panel .service_ex ul li,
.solution_01 .tab-container .tab-content .tab-panel .service_ex ul li {
  width: calc(50% - 15px);
  height: 180px;
  text-align: center;
  background-color: #000;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex ul li strong,
.future_01 .tab-container .tab-content .tab-panel .service_ex ul li strong,
.solution_01 .tab-container .tab-content .tab-panel .service_ex ul li strong {
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.business_01 .tab-container .tab-content .tab-panel .service_ex ul li span,
.future_01 .tab-container .tab-content .tab-panel .service_ex ul li span,
.solution_01 .tab-container .tab-content .tab-panel .service_ex ul li span {
  width: 100%;
  display: block;
  font-size: 18px;
}
.business_01 .tab-container .tab-content .tab-panel .stair,
.future_01 .tab-container .tab-content .tab-panel .stair,
.solution_01 .tab-container .tab-content .tab-panel .stair {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.business_01 .tab-container .tab-content .tab-panel .stair p,
.future_01 .tab-container .tab-content .tab-panel .stair p,
.solution_01 .tab-container .tab-content .tab-panel .stair p {
  width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  font-size: 18px;
}
.business_01 .tab-container .tab-content .tab-panel .stair .st1,
.future_01 .tab-container .tab-content .tab-panel .stair .st1,
.solution_01 .tab-container .tab-content .tab-panel .stair .st1 {
  height: 135px;
  background-color: #7a7a7a;
}
.business_01 .tab-container .tab-content .tab-panel .stair .st2,
.future_01 .tab-container .tab-content .tab-panel .stair .st2,
.solution_01 .tab-container .tab-content .tab-panel .stair .st2 {
  height: 176px;
  background-color: #bdbdbd;
}
.business_01 .tab-container .tab-content .tab-panel .stair .st3,
.future_01 .tab-container .tab-content .tab-panel .stair .st3,
.solution_01 .tab-container .tab-content .tab-panel .stair .st3 {
  height: 231px;
  background-color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb_tit,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb_tit,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb_tit {
  padding: 100px 0 50px;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb_tit2,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb_tit2,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb_tit2 {
  padding: 100px 0 20px;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb h3,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb h3,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb h3 {
  padding: 100px 0 50px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul {
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li {
  flex: 1 1 calc((100% - 60px) / 4);
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li:hover .w_box .b_box,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li:hover .w_box .b_box,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li:hover .w_box .b_box {
  top: 110px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box {
  border-radius: 20px;
  padding-top: 25px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding-bottom: 22px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .thumb,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .thumb,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .thumb {
  border-radius: 20px;
  margin-bottom: 18px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box strong,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box strong,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box strong {
  font-weight: normal;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .arrow_down_blue,
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .arrow_up_white,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .arrow_down_blue,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .arrow_up_white,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .arrow_down_blue,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .arrow_up_white {
  width: 33px;
  margin-bottom: 25px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #09A7E2;
  border-radius: 20px;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 27px;
  position: absolute;
  top: 100%;
  transition: top 0.4s ease;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box strong,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box strong,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box strong {
  font-weight: bold;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box *,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box *,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul li .w_box .b_box * {
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb2 h3,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb2 h3,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 h3 {
  padding: 100px 0 50px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul {
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li {
  flex: 1 1 calc((100% - 60px) / 4);
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box {
  height: 400px;
  border-radius: 20px;
  padding-top: 25px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding-bottom: 22px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box .thumb,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box .thumb,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box .thumb {
  border-radius: 20px;
  margin-bottom: 53px;
}
.business_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box strong,
.future_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box strong,
.solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul li .w_box strong {
  margin-bottom: 22px;
}
.business_01 .tab-container .tab-content .tab-panel .grid2by2 h3,
.future_01 .tab-container .tab-content .tab-panel .grid2by2 h3,
.solution_01 .tab-container .tab-content .tab-panel .grid2by2 h3 {
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .grid2by2 ul,
.future_01 .tab-container .tab-content .tab-panel .grid2by2 ul,
.solution_01 .tab-container .tab-content .tab-panel .grid2by2 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  margin-top: 45px;
}
.business_01 .tab-container .tab-content .tab-panel .grid2by2 ul li,
.future_01 .tab-container .tab-content .tab-panel .grid2by2 ul li,
.solution_01 .tab-container .tab-content .tab-panel .grid2by2 ul li {
  width: calc((100% - 40px) / 2);
  border-radius: 20px;
  background-color: #383838;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.business_01 .tab-container .tab-content .tab-panel .grid2by2 ul li p,
.future_01 .tab-container .tab-content .tab-panel .grid2by2 ul li p,
.solution_01 .tab-container .tab-content .tab-panel .grid2by2 ul li p {
  color: #fff;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .wedontsellrobots,
.future_01 .tab-container .tab-content .tab-panel .wedontsellrobots,
.solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 85px 0 150px;
}
.business_01 .tab-container .tab-content .tab-panel .wedontsellrobots img,
.future_01 .tab-container .tab-content .tab-panel .wedontsellrobots img,
.solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots img {
  width: 711px;
  max-width: 100%;
}
.business_01 .tab-container .tab-content .tab-panel .wedontsellrobots > div,
.future_01 .tab-container .tab-content .tab-panel .wedontsellrobots > div,
.solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots > div {
  width: calc(100% - 711px);
}
.business_01 .tab-container .tab-content .tab-panel .wedontsellrobots .txt,
.future_01 .tab-container .tab-content .tab-panel .wedontsellrobots .txt,
.solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots .txt {
  margin-left: -50px;
}
.business_01 .tab-container .tab-content .tab-panel .wedontsellrobots .p1,
.future_01 .tab-container .tab-content .tab-panel .wedontsellrobots .p1,
.solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots .p1 {
  font-size: 20px;
  color: #09A7E2;
  font-weight: bold;
  margin-bottom: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .wedontsellrobots .p2,
.future_01 .tab-container .tab-content .tab-panel .wedontsellrobots .p2,
.solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots .p2 {
  font-size: 18px;
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .pairs,
.future_01 .tab-container .tab-content .tab-panel .pairs,
.solution_01 .tab-container .tab-content .tab-panel .pairs {
  width: 1100px;
  margin: 0 auto;
}
.business_01 .tab-container .tab-content .tab-panel .pairs h3,
.future_01 .tab-container .tab-content .tab-panel .pairs h3,
.solution_01 .tab-container .tab-content .tab-panel .pairs h3 {
  text-align: center;
  padding-bottom: 30px;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row,
.future_01 .tab-container .tab-content .tab-panel .pairs .row,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 43px;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row img,
.future_01 .tab-container .tab-content .tab-panel .pairs .row img,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row img {
  max-width: 100%;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row .txt,
.future_01 .tab-container .tab-content .tab-panel .pairs .row .txt,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row .txt {
  width: 360px;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row .txt.r,
.future_01 .tab-container .tab-content .tab-panel .pairs .row .txt.r,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row .txt.r {
  padding-left: 50px;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row .txt.l,
.future_01 .tab-container .tab-content .tab-panel .pairs .row .txt.l,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row .txt.l {
  padding-right: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row .txt p,
.future_01 .tab-container .tab-content .tab-panel .pairs .row .txt p,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row .txt p {
  color: #fff;
  font-size: 18px;
}
.business_01 .tab-container .tab-content .tab-panel .pairs .row .blank,
.future_01 .tab-container .tab-content .tab-panel .pairs .row .blank,
.solution_01 .tab-container .tab-content .tab-panel .pairs .row .blank {
  width: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .target_swiper,
.future_01 .tab-container .tab-content .tab-panel .target_swiper,
.solution_01 .tab-container .tab-content .tab-panel .target_swiper {
  margin-bottom: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .target_swiper h2,
.future_01 .tab-container .tab-content .tab-panel .target_swiper h2,
.solution_01 .tab-container .tab-content .tab-panel .target_swiper h2 {
  text-align: center;
  margin: 100px 0 30px;
}
.business_01 .tab-container .tab-content .tab-panel .rental h2,
.future_01 .tab-container .tab-content .tab-panel .rental h2,
.solution_01 .tab-container .tab-content .tab-panel .rental h2 {
  padding: 100px 0 50px;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .l,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .l,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .l {
  width: 422px;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .l img,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .l img,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .l img {
  max-width: 100%;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .r,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .r,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r {
  padding-left: 100px;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .r li,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .r li,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r li {
  border-bottom: 1px solid #393939;
  padding-bottom: 20px;
  padding-top: 22px;
  display: flex;
  flex-direction: column;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .r li em,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .r li em,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r li em {
  font-size: 24px;
  font-weight: bold;
  color: #09A7E2;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .r li strong,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .r li strong,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r li strong {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .rental .wrap .r li p,
.future_01 .tab-container .tab-content .tab-panel .rental .wrap .r li p,
.solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r li p {
  font-size: 18px;
  color: #fff;
}
.business_01 .tab-container .tab-content .tab-panel .mid_slogan,
.future_01 .tab-container .tab-content .tab-panel .mid_slogan,
.solution_01 .tab-container .tab-content .tab-panel .mid_slogan {
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}
.business_01 .tab-container .tab-content .tab-panel .mid_slogan.fs24,
.future_01 .tab-container .tab-content .tab-panel .mid_slogan.fs24,
.solution_01 .tab-container .tab-content .tab-panel .mid_slogan.fs24 {
  font-size: 24px;
}
.business_01 .tab-container .tab-content .tab-panel .mid_slogan_reg,
.future_01 .tab-container .tab-content .tab-panel .mid_slogan_reg,
.solution_01 .tab-container .tab-content .tab-panel .mid_slogan_reg {
  color: #fff;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .partnership h2,
.future_01 .tab-container .tab-content .tab-panel .partnership h2,
.solution_01 .tab-container .tab-content .tab-panel .partnership h2 {
  text-align: center;
  padding: 100px 0 30px;
}
.business_01 .tab-container .tab-content .tab-panel .partnership .flexwrap,
.future_01 .tab-container .tab-content .tab-panel .partnership .flexwrap,
.solution_01 .tab-container .tab-content .tab-panel .partnership .flexwrap {
  display: flex;
  gap: 34px;
}
.business_01 .tab-container .tab-content .tab-panel .partnership .flexwrap > div,
.future_01 .tab-container .tab-content .tab-panel .partnership .flexwrap > div,
.solution_01 .tab-container .tab-content .tab-panel .partnership .flexwrap > div {
  background-color: #fff;
  border-radius: 20px;
  padding: 0 20px 25px;
}
.business_01 .tab-container .tab-content .tab-panel .partnership .flexwrap > div > div,
.future_01 .tab-container .tab-content .tab-panel .partnership .flexwrap > div > div,
.solution_01 .tab-container .tab-content .tab-panel .partnership .flexwrap > div > div {
  text-align: center;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS h2,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS h2,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS h2 {
  text-align: center;
  margin-bottom: 40px;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot {
  background-color: #fff;
  margin-bottom: 20px;
  width: 505px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l {
  width: 144px;
  text-align: center;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .r,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .r,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .r {
  flex: 1;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot1, .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot2, .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot3,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot1,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot2,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot3,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot1,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot2,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot3 {
  height: 142px;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 {
  height: 468px;
  flex-direction: column;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 strong,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 strong,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 strong {
  margin-top: 58px;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner strong,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner strong,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner strong {
  color: #09A7E2;
  display: block;
  margin-bottom: 5px;
}
.business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner p,
.future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner p,
.solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner p {
  font-size: 18px;
}
.business_01 .tab-container .tab-content .tab-panel.active,
.future_01 .tab-container .tab-content .tab-panel.active,
.solution_01 .tab-container .tab-content .tab-panel.active {
  display: block;
}
.business_01 .tab-container .tab-content .zigzag .card li,
.future_01 .tab-container .tab-content .zigzag .card li,
.solution_01 .tab-container .tab-content .zigzag .card li {
  background-color: #1e1e1e;
  padding: 10px;
}
.business_01 .tab-container .tab-content .zigzag .card li:nth-child(2),
.business_01 .tab-container .tab-content .zigzag .card li:nth-child(4),
.future_01 .tab-container .tab-content .zigzag .card li:nth-child(2),
.future_01 .tab-container .tab-content .zigzag .card li:nth-child(4),
.solution_01 .tab-container .tab-content .zigzag .card li:nth-child(2),
.solution_01 .tab-container .tab-content .zigzag .card li:nth-child(4) {
  position: relative;
  top: 34px;
}
.business_01 .conf .r ul li div p,
.future_01 .conf .r ul li div p,
.solution_01 .conf .r ul li div p {
  font-size: 18px;
}

.future_01 #tab1 .mainjob h3 {
  font-size: 40px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .business_01 .title,
  .future_01 .title,
  .solution_01 .title {
    font-size: 46px;
    padding: 100px 30px 0;
  }
  .business_01 .title span,
  .future_01 .title span,
  .solution_01 .title span {
    font-size: 26px;
  }
  .business_01 h2,
  .future_01 h2,
  .solution_01 h2 {
    font-size: 30px;
  }
  .business_01 .pd_0 > h2,
  .business_01 .pd_0 > h3,
  .future_01 .pd_0 > h2,
  .future_01 .pd_0 > h3,
  .solution_01 .pd_0 > h2,
  .solution_01 .pd_0 > h3 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .business_01 .subtit,
  .future_01 .subtit,
  .solution_01 .subtit {
    padding: 30px 30px 0;
    font-size: 20px;
  }
  .business_01 .tab-container,
  .future_01 .tab-container,
  .solution_01 .tab-container {
    display: block;
    padding-bottom: 0;
  }
  .business_01 .tab-container .tab-menu,
  .future_01 .tab-container .tab-menu,
  .solution_01 .tab-container .tab-menu {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    display: flex;
    flex-direction: row;
    margin-right: 0;
    gap: 10px;
    padding-bottom: 10px;
  }
  .business_01 .tab-container .tab-menu .tab-link,
  .future_01 .tab-container .tab-menu .tab-link,
  .solution_01 .tab-container .tab-menu .tab-link {
    width: auto;
    padding: 0 30px;
    height: 50px;
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
  }
  .business_01 .tab-container .tab-content,
  .future_01 .tab-container .tab-content,
  .solution_01 .tab-container .tab-content {
    padding-left: 0;
    padding-top: 40px;
  }
  .business_01 .tab-container .tab-content > h2,
  .future_01 .tab-container .tab-content > h2,
  .solution_01 .tab-container .tab-content > h2 {
    font-size: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .bg--gray,
  .future_01 .tab-container .tab-content .tab-panel .bg--gray,
  .solution_01 .tab-container .tab-content .tab-panel .bg--gray {
    padding: 70px 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .compose,
  .future_01 .tab-container .tab-content .tab-panel .compose,
  .solution_01 .tab-container .tab-content .tab-panel .compose {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .compose li,
  .future_01 .tab-container .tab-content .tab-panel .compose li,
  .solution_01 .tab-container .tab-content .tab-panel .compose li {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .compose li strong,
  .future_01 .tab-container .tab-content .tab-panel .compose li strong,
  .solution_01 .tab-container .tab-content .tab-panel .compose li strong {
    font-size: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .compose li p,
  .future_01 .tab-container .tab-content .tab-panel .compose li p,
  .solution_01 .tab-container .tab-content .tab-panel .compose li p {
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .why,
  .future_01 .tab-container .tab-content .tab-panel .why,
  .solution_01 .tab-container .tab-content .tab-panel .why {
    margin-top: 70px;
  }
  .business_01 .tab-container .tab-content .tab-panel .why h2,
  .future_01 .tab-container .tab-content .tab-panel .why h2,
  .solution_01 .tab-container .tab-content .tab-panel .why h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .why p,
  .future_01 .tab-container .tab-content .tab-panel .why p,
  .solution_01 .tab-container .tab-content .tab-panel .why p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 70px;
  }
  .business_01 .tab-container .tab-content .tab-panel .why p.mopad,
  .future_01 .tab-container .tab-content .tab-panel .why p.mopad,
  .solution_01 .tab-container .tab-content .tab-panel .why p.mopad {
    margin-bottom: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .why .card,
  .future_01 .tab-container .tab-content .tab-panel .why .card,
  .solution_01 .tab-container .tab-content .tab-panel .why .card {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .why .card li,
  .future_01 .tab-container .tab-content .tab-panel .why .card li,
  .solution_01 .tab-container .tab-content .tab-panel .why .card li {
    margin-bottom: 20px;
    height: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .why .card li p,
  .future_01 .tab-container .tab-content .tab-panel .why .card li p,
  .solution_01 .tab-container .tab-content .tab-panel .why .card li p {
    margin-bottom: 10px;
  }
  .business_01 .tab-container .tab-content .tab-panel .why.zigzag .card li:nth-child(2), .business_01 .tab-container .tab-content .tab-panel .why.zigzag .card li:nth-child(4),
  .future_01 .tab-container .tab-content .tab-panel .why.zigzag .card li:nth-child(2),
  .future_01 .tab-container .tab-content .tab-panel .why.zigzag .card li:nth-child(4),
  .solution_01 .tab-container .tab-content .tab-panel .why.zigzag .card li:nth-child(2),
  .solution_01 .tab-container .tab-content .tab-panel .why.zigzag .card li:nth-child(4) {
    top: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .mainjob h3,
  .future_01 .tab-container .tab-content .tab-panel .mainjob h3,
  .solution_01 .tab-container .tab-content .tab-panel .mainjob h3 {
    text-align: center;
  }
  .business_01 .tab-container .tab-content .tab-panel .mainjob > p,
  .future_01 .tab-container .tab-content .tab-panel .mainjob > p,
  .solution_01 .tab-container .tab-content .tab-panel .mainjob > p {
    font-size: 16px;
    text-align: center;
  }
  .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle {
    width: 100%;
    height: auto;
    background: none;
    margin-top: 200px;
    margin-bottom: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle {
    width: 169px;
    height: 169px;
    margin: 0 auto;
    left: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle p,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle p,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .circle p {
    font-size: 16px;
  }
  .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai1, .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai2, .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai3, .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai4,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai1,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai2,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai3,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai4,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai1,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai2,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai3,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle .ai4 {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    width: 100%;
    padding-bottom: 67px;
    text-align: center;
    font-size: 16px;
  }
  .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p:after,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p:after,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -24px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: -5px;
  }
  .business_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p:before,
  .future_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p:before,
  .solution_01 .tab-container .tab-content .tab-panel .ai .halp_circle > p:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    width: 27px;
    height: 27px;
    background-color: #2f2f2f;
    border-radius: 50%;
    margin-left: -13px;
    margin-top: -13px;
  }
  .business_01 .tab-container .tab-content .tab-panel .service_ex,
  .future_01 .tab-container .tab-content .tab-panel .service_ex,
  .solution_01 .tab-container .tab-content .tab-panel .service_ex {
    background-size: cover;
    padding-bottom: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .service_ex h2,
  .future_01 .tab-container .tab-content .tab-panel .service_ex h2,
  .solution_01 .tab-container .tab-content .tab-panel .service_ex h2 {
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 70px;
  }
  .business_01 .tab-container .tab-content .tab-panel .service_ex .top,
  .future_01 .tab-container .tab-content .tab-panel .service_ex .top,
  .solution_01 .tab-container .tab-content .tab-panel .service_ex .top {
    width: 100%;
    height: auto;
    padding: 30px 10px;
    font-size: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .service_ex ul,
  .future_01 .tab-container .tab-content .tab-panel .service_ex ul,
  .solution_01 .tab-container .tab-content .tab-panel .service_ex ul {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .service_ex ul li,
  .future_01 .tab-container .tab-content .tab-panel .service_ex ul li,
  .solution_01 .tab-container .tab-content .tab-panel .service_ex ul li {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .service_ex ul li strong,
  .future_01 .tab-container .tab-content .tab-panel .service_ex ul li strong,
  .solution_01 .tab-container .tab-content .tab-panel .service_ex ul li strong {
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .intro,
  .future_01 .tab-container .tab-content .tab-panel .intro,
  .solution_01 .tab-container .tab-content .tab-panel .intro {
    padding-bottom: 70px;
  }
  .business_01 .tab-container .tab-content .tab-panel .card,
  .future_01 .tab-container .tab-content .tab-panel .card,
  .solution_01 .tab-container .tab-content .tab-panel .card {
    display: block;
    padding: 0 15px;
  }
  .business_01 .tab-container .tab-content .tab-panel .card li,
  .future_01 .tab-container .tab-content .tab-panel .card li,
  .solution_01 .tab-container .tab-content .tab-panel .card li {
    margin-bottom: 20px;
    height: auto;
    padding-bottom: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .wave,
  .future_01 .tab-container .tab-content .tab-panel .wave,
  .solution_01 .tab-container .tab-content .tab-panel .wave {
    width: 100%;
    height: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .wave .bg,
  .future_01 .tab-container .tab-content .tab-panel .wave .bg,
  .solution_01 .tab-container .tab-content .tab-panel .wave .bg {
    transform: rotate(270deg);
    position: absolute;
    left: 50%;
    top: 120px;
    margin-left: -470px;
    background-size: 700px 300px;
  }
  .business_01 .tab-container .tab-content .tab-panel .wave ul,
  .future_01 .tab-container .tab-content .tab-panel .wave ul,
  .solution_01 .tab-container .tab-content .tab-panel .wave ul {
    width: 300px;
    margin: 0 auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .wave ul li,
  .future_01 .tab-container .tab-content .tab-panel .wave ul li,
  .solution_01 .tab-container .tab-content .tab-panel .wave ul li {
    margin-bottom: 86px;
    max-width: 100%;
    padding-right: 10px;
  }
  .business_01 .tab-container .tab-content .tab-panel .wave ul li strong,
  .future_01 .tab-container .tab-content .tab-panel .wave ul li strong,
  .solution_01 .tab-container .tab-content .tab-panel .wave ul li strong {
    margin-left: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(1),
  .business_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(2),
  .business_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(3),
  .future_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(1),
  .future_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(2),
  .future_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(3),
  .solution_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(1),
  .solution_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(2),
  .solution_01 .tab-container .tab-content .tab-panel .wave ul li:nth-child(3) {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .profit,
  .future_01 .tab-container .tab-content .tab-panel .profit,
  .solution_01 .tab-container .tab-content .tab-panel .profit {
    display: block;
    padding: 30px 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .profit h3,
  .future_01 .tab-container .tab-content .tab-panel .profit h3,
  .solution_01 .tab-container .tab-content .tab-panel .profit h3 {
    padding-left: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .profit div,
  .future_01 .tab-container .tab-content .tab-panel .profit div,
  .solution_01 .tab-container .tab-content .tab-panel .profit div {
    width: 100%;
    padding: 20px 30px 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion li,
  .future_01 .tab-container .tab-content .tab-panel .accordion li,
  .solution_01 .tab-container .tab-content .tab-panel .accordion li {
    height: auto;
    padding: 20px 10px 20px 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion li .r strong,
  .future_01 .tab-container .tab-content .tab-panel .accordion li .r strong,
  .solution_01 .tab-container .tab-content .tab-panel .accordion li .r strong {
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion li .r p,
  .future_01 .tab-container .tab-content .tab-panel .accordion li .r p,
  .solution_01 .tab-container .tab-content .tab-panel .accordion li .r p {
    font-size: 16px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2,
  .future_01 .tab-container .tab-content .tab-panel .accordion2,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul {
    display: flex;
    gap: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul li,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul li,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li {
    display: block;
    width: 268px;
    height: 350px;
    padding: 31px 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .l,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .l,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .l {
    justify-content: center;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r {
    text-align: center;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r strong,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r strong,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r strong {
    display: block;
    margin: 20px 0 5px;
    font-weight: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r p,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r p,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li .r p {
    font-size: 16px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2 ul li:last-child .r p,
  .future_01 .tab-container .tab-content .tab-panel .accordion2 ul li:last-child .r p,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2 ul li:last-child .r p {
    letter-spacing: -0.5px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2.solution_tab1 ul,
  .future_01 .tab-container .tab-content .tab-panel .accordion2.solution_tab1 ul,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2.solution_tab1 ul {
    width: 1120px;
  }
  .business_01 .tab-container .tab-content .tab-panel .accordion2.solution_tab2 ul,
  .future_01 .tab-container .tab-content .tab-panel .accordion2.solution_tab2 ul,
  .solution_01 .tab-container .tab-content .tab-panel .accordion2.solution_tab2 ul {
    width: 840px;
  }
  .business_01 .tab-container .tab-content .tab-panel .conf_tit,
  .future_01 .tab-container .tab-content .tab-panel .conf_tit,
  .solution_01 .tab-container .tab-content .tab-panel .conf_tit {
    padding: 70px 0 40px;
  }
  .business_01 .tab-container .tab-content .tab-panel .conf_tit.nopadtop,
  .future_01 .tab-container .tab-content .tab-panel .conf_tit.nopadtop,
  .solution_01 .tab-container .tab-content .tab-panel .conf_tit.nopadtop {
    padding-top: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target ul,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target ul,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target ul {
    display: block;
    padding: 0 15px;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target ul li,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target ul li,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li {
    margin-bottom: 20px;
    height: auto;
    padding-bottom: 30px;
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target ul li:nth-child(2),
  .future_01 .tab-container .tab-content .tab-panel .adapt_target ul li:nth-child(2),
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target ul li:nth-child(2) {
    top: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target .slogan,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target .slogan,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target .slogan {
    font-size: 20px;
    padding: 70px 0 100px;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul {
    display: block;
    padding: 0 15px;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li {
    margin-bottom: 20px;
    height: auto;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li strong,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li strong,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li strong {
    margin-bottom: 10px;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li:nth-child(2),
  .future_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li:nth-child(2),
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target2 ul li:nth-child(2) {
    top: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .adapt_target2 .slogan,
  .future_01 .tab-container .tab-content .tab-panel .adapt_target2 .slogan,
  .solution_01 .tab-container .tab-content .tab-panel .adapt_target2 .slogan {
    font-size: 20px;
    padding: 70px 0 100px;
  }
  .business_01 .tab-container .tab-content .tab-panel .stair,
  .future_01 .tab-container .tab-content .tab-panel .stair,
  .solution_01 .tab-container .tab-content .tab-panel .stair {
    display: block;
    padding-top: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .stair .st1, .business_01 .tab-container .tab-content .tab-panel .stair .st2, .business_01 .tab-container .tab-content .tab-panel .stair .st3,
  .future_01 .tab-container .tab-content .tab-panel .stair .st1,
  .future_01 .tab-container .tab-content .tab-panel .stair .st2,
  .future_01 .tab-container .tab-content .tab-panel .stair .st3,
  .solution_01 .tab-container .tab-content .tab-panel .stair .st1,
  .solution_01 .tab-container .tab-content .tab-panel .stair .st2,
  .solution_01 .tab-container .tab-content .tab-panel .stair .st3 {
    width: 100%;
    height: auto;
    padding: 30px;
    text-align: center;
  }
  .business_01 .tab-container .tab-content .tab-panel .robot_thumb,
  .future_01 .tab-container .tab-content .tab-panel .robot_thumb,
  .solution_01 .tab-container .tab-content .tab-panel .robot_thumb {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .business_01 .tab-container .tab-content .tab-panel .robot_thumb ul,
  .future_01 .tab-container .tab-content .tab-panel .robot_thumb ul,
  .solution_01 .tab-container .tab-content .tab-panel .robot_thumb ul {
    padding: 0 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .robot_thumb2,
  .future_01 .tab-container .tab-content .tab-panel .robot_thumb2,
  .solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .business_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul,
  .future_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul,
  .solution_01 .tab-container .tab-content .tab-panel .robot_thumb2 ul {
    padding: 0 30px;
    margin-bottom: 10px;
  }
  .business_01 .tab-container .tab-content .tab-panel .grid2by2 ul,
  .future_01 .tab-container .tab-content .tab-panel .grid2by2 ul,
  .solution_01 .tab-container .tab-content .tab-panel .grid2by2 ul {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .grid2by2 ul li,
  .future_01 .tab-container .tab-content .tab-panel .grid2by2 ul li,
  .solution_01 .tab-container .tab-content .tab-panel .grid2by2 ul li {
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .wedontsellrobots,
  .future_01 .tab-container .tab-content .tab-panel .wedontsellrobots,
  .solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots {
    display: block;
    padding: 70px 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .wedontsellrobots h2,
  .future_01 .tab-container .tab-content .tab-panel .wedontsellrobots h2,
  .solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots h2 {
    line-height: 40px;
    padding-bottom: 10px;
    margin-top: -8px;
  }
  .business_01 .tab-container .tab-content .tab-panel .wedontsellrobots div,
  .future_01 .tab-container .tab-content .tab-panel .wedontsellrobots div,
  .solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots div {
    width: 100%;
  }
  .business_01 .tab-container .tab-content .tab-panel .wedontsellrobots div .txt,
  .future_01 .tab-container .tab-content .tab-panel .wedontsellrobots div .txt,
  .solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots div .txt {
    margin-left: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .wedontsellrobots div .mopad,
  .future_01 .tab-container .tab-content .tab-panel .wedontsellrobots div .mopad,
  .solution_01 .tab-container .tab-content .tab-panel .wedontsellrobots div .mopad {
    margin-top: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .pairs,
  .future_01 .tab-container .tab-content .tab-panel .pairs,
  .solution_01 .tab-container .tab-content .tab-panel .pairs {
    width: 100%;
    padding: 0 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .pairs h3,
  .future_01 .tab-container .tab-content .tab-panel .pairs h3,
  .solution_01 .tab-container .tab-content .tab-panel .pairs h3 {
    padding: 0 30px 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .pairs .row,
  .future_01 .tab-container .tab-content .tab-panel .pairs .row,
  .solution_01 .tab-container .tab-content .tab-panel .pairs .row {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .pairs .row .txt.r,
  .future_01 .tab-container .tab-content .tab-panel .pairs .row .txt.r,
  .solution_01 .tab-container .tab-content .tab-panel .pairs .row .txt.r {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .pairs .row .txt.l,
  .future_01 .tab-container .tab-content .tab-panel .pairs .row .txt.l,
  .solution_01 .tab-container .tab-content .tab-panel .pairs .row .txt.l {
    width: 100%;
    text-align: right;
    padding-right: 0;
    padding-top: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .pairs .row2,
  .future_01 .tab-container .tab-content .tab-panel .pairs .row2,
  .solution_01 .tab-container .tab-content .tab-panel .pairs .row2 {
    display: flex;
    flex-direction: column-reverse;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper {
    margin-bottom: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper h2,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper h2,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper h2 {
    margin-top: 70px;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget {
    height: 330px;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide {
    width: 235px;
    height: 250px;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide .img,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide .img,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide .img {
    width: 196px;
    height: 132px;
    margin-bottom: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide strong,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide strong,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide strong {
    margin-top: 17px;
    font-size: 14px;
  }
  .business_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide p,
  .future_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide p,
  .solution_01 .tab-container .tab-content .tab-panel .target_swiper .swiperTarget .swiper-slide p {
    font-size: 14px;
  }
  .business_01 .tab-container .tab-content .tab-panel .rental .wrap,
  .future_01 .tab-container .tab-content .tab-panel .rental .wrap,
  .solution_01 .tab-container .tab-content .tab-panel .rental .wrap {
    display: block;
    padding: 0 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .rental .wrap .l,
  .future_01 .tab-container .tab-content .tab-panel .rental .wrap .l,
  .solution_01 .tab-container .tab-content .tab-panel .rental .wrap .l {
    width: 100%;
  }
  .business_01 .tab-container .tab-content .tab-panel .rental .wrap .r,
  .future_01 .tab-container .tab-content .tab-panel .rental .wrap .r,
  .solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r {
    padding-left: 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .rental .wrap .r li p,
  .future_01 .tab-container .tab-content .tab-panel .rental .wrap .r li p,
  .solution_01 .tab-container .tab-content .tab-panel .rental .wrap .r li p {
    font-size: 16px;
  }
  .business_01 .tab-container .tab-content .tab-panel .partnership .flexwrap,
  .future_01 .tab-container .tab-content .tab-panel .partnership .flexwrap,
  .solution_01 .tab-container .tab-content .tab-panel .partnership .flexwrap {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .partnership .flexwrap p,
  .future_01 .tab-container .tab-content .tab-panel .partnership .flexwrap p,
  .solution_01 .tab-container .tab-content .tab-panel .partnership .flexwrap p {
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .partnership .flexwrap .l,
  .future_01 .tab-container .tab-content .tab-panel .partnership .flexwrap .l,
  .solution_01 .tab-container .tab-content .tab-panel .partnership .flexwrap .l {
    margin-bottom: 20px;
  }
  .business_01 .tab-container .tab-content .tab-panel .mid_slogan,
  .future_01 .tab-container .tab-content .tab-panel .mid_slogan,
  .solution_01 .tab-container .tab-content .tab-panel .mid_slogan {
    padding-left: 30px;
    padding-right: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .mid_slogan_reg,
  .future_01 .tab-container .tab-content .tab-panel .mid_slogan_reg,
  .solution_01 .tab-container .tab-content .tab-panel .mid_slogan_reg {
    padding-left: 30px;
    padding-right: 30px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS {
    padding: 0 30px 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner {
    display: block;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot {
    width: 100%;
    height: auto;
    padding: 20px 0;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l {
    width: 90px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l img,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l img,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .l img {
    width: 59px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .r,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .r,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot .r {
    padding-right: 10px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot strong,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot strong,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot strong {
    font-size: 18px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot p,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot p,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot p {
    font-size: 16px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 {
    height: auto;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 img,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 img,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 img {
    width: 187px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 strong,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 strong,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 strong {
    margin-top: 40px;
  }
  .business_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 p,
  .future_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 p,
  .solution_01 .tab-container .tab-content .tab-panel .onlyTGS .onlyTGS_inner .ot4 p {
    text-align: center;
    padding: 0 20px;
  }
  .business_01 .tab-container .tab-content #tab3 .card li:nth-child(2),
  .business_01 .tab-container .tab-content #tab3 .card li:nth-child(4),
  .future_01 .tab-container .tab-content #tab3 .card li:nth-child(2),
  .future_01 .tab-container .tab-content #tab3 .card li:nth-child(4),
  .solution_01 .tab-container .tab-content #tab3 .card li:nth-child(2),
  .solution_01 .tab-container .tab-content #tab3 .card li:nth-child(4) {
    top: 0;
  }
}
@media (max-width: 380px) {
  .business_01 .title {
    font-size: 40px;
  }
}
@media (max-width: 360px) {
  .business_01 .tab-container .tab-menu .tab-link {
    font-size: 14px;
    line-height: 1.3;
  }
}
/*
.business_01 {
    overflow-x: hidden;
    .title {
        font-size: 100px;
    }
    .subtit {
        color:#fff;
        font-size: 30px;
        margin-top: 30px;
    }

    .tab-container {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin: 50px auto;
        height:500px;
        .tab-menu {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-right: 20px;
            .tab-link {
                width:250px;
                height:80px;
                background-color: #333; 
                color: #fff;
                border: none;
                border-radius: 10px;
                text-align: center;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }            
            .tab-link:hover {
                background-color: #163c49;
            }
            .tab-link.active {
                background-color: #00a9e0;
            }
        }        

        .tab-content {
            flex: 1;
            border-radius: 10px;    
            padding-left:56px;    
            .tab-panel {
                display: none;
            }            
            .tab-panel.active {
                display: block;
            }            
            h2 {
                color: #00a9e0;
                font-size: 20px;
                margin-top:-10px;
                margin-bottom: 10px;
                font-size: 30px;
                font-weight: 500;
            }
            p {
                color:#fff;
                font-size: 18px;
                margin-top:25px;
                line-height: 35px;
            }
        }
    }

    .ico_wrap {
        background: url(../images/business01_bg.png) no-repeat center center #000;
        margin-bottom: 200px;
        ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            li {
                width:373px;
                height:374px;
                background-color: rgba(255, 255, 255, 0.1); 
                border-radius: 20px;
                backdrop-filter: blur(10px); 
                -webkit-backdrop-filter: blur(10px); 
                border-radius: 20px;
                padding:40px 15px;
                text-align: center;
                margin-bottom: 52px;
                .img {
                    text-align: center;
                    height:130px;
                }
                strong {
                    @include font-style($size: 30px,);
                    display: block;
                    height:100px;
                    text-align: center;
                }
                p {
                    font-size: 16px;
                    color:#fff;
                }
            }
        }
    }  

    .view_wrap {
        position: relative;
        height:720px;
        .view {
            position: absolute;
            left:calc(50% - 685px);
            top:0;
            display: flex;
            width:1372px;
            gap: 23px;
            flex-wrap: wrap;
            > div {width:442px;}
            .view1 {
                width:1371px;
            }
        }
    }
    .field {
        display: flex;
        height:300px;
        h2 {
            @include font-style($size: 70px);
            width:451px;
            padding-top: 5px;
        }
        p {
            color:#fff;
            font-weight: 500;
            line-height: 40px;
            padding-left: 60px;
        }
    }


}
@media (max-width:768px) {
    .business_01 {
        .title {
            font-size: 46px;
            padding:100px 30px 0;
        }
        .subtit {
            padding:30px 30px 0;
            font-size: 20px;
        }
        .tab-container {
            padding:0 30px;
            display: block;
            height: 400px;
            .tab-menu {
                display: flex;
                flex-direction: row;
                margin-right: 0;
                gap: 10px;
                .tab-link {
                    width:165px;
                    height:50px;
                    font-size: 16px;
                }        
            }
            .tab-content {
                padding-left: 0;
                padding-top: 60px;
                h2 {
                    font-size: 20px;
                }
            }
        }

        .swiperIco {
            background: url(../images/business01_bg.png) no-repeat center center #000;
            margin-bottom: 200px;
            ul {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                li {
                    width:373px;
                    height:374px;
                    background-color: rgba(255, 255, 255, 0.1); 
                    border-radius: 20px;
                    backdrop-filter: blur(10px); 
                    -webkit-backdrop-filter: blur(10px); 
                    border-radius: 20px;
                    padding:40px 15px;
                    text-align: center;
                    margin-bottom: 52px;
                    .img {
                        text-align: center;
                        height:130px;
                    }
                    strong {
                        @include font-style($size: 30px,);
                        display: block;
                        height:100px;
                        text-align: center;
                    }
                    p {
                        font-size: 16px;
                        color:#fff;
                    }
                }
            }
        }  
        .swiperView {
            margin-bottom: 200px;
            padding:0 30px 30px;
            .swiper-slide {
                display: flex;
                align-items: center;
                justify-content: center;
                img {height:258px;}
            }
        }  
        .field {
            display: block;
            padding-left: 30px;
            h2 {font-size: 50px; margin-bottom: 20px;}
            p {font-size: 16px; padding-left: 0; line-height: 30px;}
        }
    }
}
@media (max-width:380px) {
    .business_01 .title {
        font-size:40px;
    }
}
@media (max-width:360px) {
    .business_01 .tab-container .tab-menu .tab-link {
        font-size: 14px;
        line-height: 1.3;
    }
}
*/
.business_02 h2.title {
  font-size: 95px;
  margin-bottom: 30px;
}
.business_02 .subtit {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}
.business_02 .btn_line {
  text-align: right;
  padding-bottom: 100px;
}
.business_02 .ul {
  padding-top: 120px;
}
.business_02 .list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 150px;
}
.business_02 .l h3 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: Bold;
  color: #09A7E2;
  margin-bottom: 15px;
}
.business_02 .l p {
  font-weight: 500;
  color: #777;
  margin-bottom: 55px;
}
.business_02 .l ul {
  width: 360px;
  display: flex;
  flex-wrap: wrap;
}
.business_02 .l ul li {
  padding-left: 25px;
  font-weight: 500;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}
.business_02 .l ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #09A7E2;
  border-radius: 10px;
}
.business_02 .l ul.column2 li {
  width: 50%;
}
.business_02 .r.shadow img {
  position: relative;
  right: -30px;
  top: -20px;
}

@media (max-width: 768px) {
  .business_02 > .centerbox,
  .business_02 > .bg--white {
    padding: 0 30px;
    overflow-x: hidden;
  }
  .business_02 h2.title {
    font-size: 46px;
    padding-top: 100px;
  }
  .business_02 .subtit {
    font-size: 20px;
  }
  .business_02 .btn_line {
    text-align: center;
    padding-bottom: 100px;
  }
  .business_02 .btn_line button {
    width: 100%;
    margin-top: 40px;
  }
  .business_02 .list {
    display: block;
    margin-bottom: 80px;
  }
  .business_02 .list h3 {
    font-size: 30px;
  }
  .business_02 .list .l ul {
    width: 100%;
  }
  .business_02 .list .l p {
    margin-bottom: 20px;
  }
  .business_02 .list .r {
    margin-top: 30px;
  }
  .business_02 .list .r img {
    max-width: 100%;
    right: auto;
    left: -25px;
  }
  .business_02 .list .r.shadow img {
    max-width: calc(100% + 40px);
  }
}
@media (max-width: 360px) {
  .business_02 h2.title {
    font-size: 40px;
  }
}
.business_03 h2.title {
  padding-top: 50px;
}
.business_03 .tab-container {
  width: 100%;
  margin: 0 auto;
}
.business_03 .tab-container .tab-menu {
  padding-top: 50px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.business_03 .tab-container .tab-menu .tab-link {
  padding: 0;
  color: #000;
  background: #fff;
  border: none;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  text-align: left;
  margin-right: 20px;
  border-radius: 20px;
  width: 250px;
  height: 80px;
  text-align: center;
}
.business_03 .tab-container .tab-menu .tab-link:last-child {
  margin-right: 0;
}
.business_03 .tab-container .tab-menu .tab-link.active {
  background-color: #09A7E2;
  color: #fff;
}
.business_03 .tab-container .tab-content {
  padding-top: 10px;
}
.business_03 .tab-container .tab-content .tab-panel {
  display: none;
  animation: fadeIn 0.5s ease;
}
.business_03 .tab-container .tab-content .tab-panel.active {
  display: block;
}
.business_03 .tab-container .tab-content .guidetxt {
  height: 280px;
}
.business_03 .tab-container .tab-content h2 {
  margin-bottom: 30px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: Bold;
  color: #09A7E2;
}
.business_03 .tab-container .tab-content p {
  color: #fff;
  line-height: 1.6;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.business_03 .define {
  height: 1000px;
  overflow: hidden;
}
.business_03 .define h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: Bold;
  color: #09A7E2;
  text-align: center;
  padding-top: 80px;
}
.business_03 .define .hex-container {
  padding-top: 10px;
  padding-bottom: 150px;
  display: flex;
  justify-content: center;
  gap: 20px;
  position: relative;
  width: 537px;
  height: 537px;
  margin: 110px auto 0;
}
.business_03 .define .hex-container .hex {
  width: 223px;
  height: 223px;
  background-color: #333;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.business_03 .define .hex-container .hex1 {
  left: 0;
  margin-left: -111px;
  top: 50%;
  margin-top: -111px;
}
.business_03 .define .hex-container .hex2 {
  left: 50%;
  margin-left: -111px;
  top: -80px;
}
.business_03 .define .hex-container .hex3 {
  left: 50%;
  margin-left: -111px;
  bottom: 0;
  margin-bottom: -80px;
}
.business_03 .define .hex-container .hex4 {
  right: 0;
  margin-right: -111px;
  top: 50%;
  margin-top: -111px;
}
.business_03 .define .hex-container .hex h3 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #09A7E2;
  margin-bottom: 0;
}
.business_03 .define .hex-container .hex p {
  font-size: 20px;
  color: #aaa;
  position: absolute;
  left: 50%;
  bottom: -80px;
  width: 268px;
  text-align: center;
  margin-left: -134px;
}
.business_03 .define .hex-container .circle {
  display: block;
  width: 537px;
  height: 537px;
  border: 1px solid #707070;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.business_03 .define .hex-container .c1 {
  left: 50%;
  margin-left: -268px;
}
.business_03 .define .hex-container .c2 {
  left: -537px;
  opacity: 0.34;
}
.business_03 .define .hex-container .c3 {
  left: 537px;
  opacity: 0.34;
}
.business_03 .solution .inner {
  margin: 100px auto 0;
  width: 1163px;
  border-radius: 74px;
  background-color: #222;
  padding: 63px 200px;
  text-align: center;
}
.business_03 .solution .inner h5 {
  font-weight: bold;
  font-size: 30px;
  color: #09A7E2;
}
.business_03 .solution .inner .pre {
  margin-top: 40px;
  font-size: 18px;
}
.business_03 .solution .inner div {
  background-color: #434343;
  border-radius: 74px;
  margin-top: 17px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.business_03 .solution .inner div .post {
  font-size: 16px;
}
.business_03 .total {
  padding: 80px 0;
}
.business_03 .total h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: Bold;
  color: #fff;
  text-align: center;
  padding-bottom: 54px;
}
.business_03 .total ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.business_03 .total ul li {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.business_03 .total ul li .img {
  height: 76px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.business_03 .total ul li strong {
  font-size: 20px;
  font-weight: bold;
  color: #09A7E2;
}
.business_03 .total ul li p.txt {
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
}
.business_03 .thumbnails {
  padding: 100px 0;
}
.business_03 .thumbnails .concept {
  padding-bottom: 130px;
}
.business_03 .thumbnails .concept h3 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: Bold;
  color: #09A7E2;
  text-align: left;
  margin-bottom: 30px;
}
.business_03 .thumbnails .concept > p {
  font-size: 18px;
}
.business_03 .thumbnails .concept .box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 75px;
  padding-top: 85px;
  width: 1200px;
  margin: 0 auto;
}
.business_03 .thumbnails .concept .box > li {
  width: 470px;
  padding: 50px 30px 50px 30px;
  border-radius: 30px;
  background-color: #222;
}
.business_03 .thumbnails .concept .box > li strong {
  display: block;
  font-weight: bold;
  font-size: 30px;
  color: #fff;
}
.business_03 .thumbnails .concept .box > li li {
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  position: relative;
  padding-left: 12px;
}
.business_03 .thumbnails .concept .box > li li:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #09A7E2;
  border-radius: 10px;
}
.business_03 .thumbnails .concept .box > li.odd {
  margin-top: 0;
}
.business_03 .thumbnails .monitor ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  padding: 0;
  margin: 0 auto;
  gap: 23px;
}
.business_03 .thumbnails .monitor ul li {
  position: relative;
  width: 385px;
  height: 341px;
}
.business_03 .thumbnails .monitor ul li p {
  position: absolute;
  left: 50%;
  bottom: 100px;
}
.business_03 .thumbnails .monitor ul li:nth-child(1) p {
  margin-left: -88px;
}
.business_03 .thumbnails .monitor ul li:nth-child(2) p {
  margin-left: -97px;
}
.business_03 .thumbnails .monitor ul li:nth-child(3) p {
  margin-left: -88px;
}
.business_03 .thumbnails .process {
  padding-top: 100px;
  margin: 0 auto;
  width: 1200px;
}
.business_03 .thumbnails .process .row {
  margin-bottom: 100px;
}
.business_03 .thumbnails .process .top {
  display: flex;
  gap: 30px;
  align-items: center;
}
.business_03 .thumbnails .process .top h3 {
  font-size: 70px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}
.business_03 .thumbnails .process .top p {
  font-size: 18px;
  color: #fff;
}
.business_03 .thumbnails .process .mid ul {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.business_03 .thumbnails .process .mid ul li {
  width: 166px;
  text-align: center;
  position: relative;
}
.business_03 .thumbnails .process .mid ul li img {
  width: 166px;
  height: 166px;
  margin-bottom: 30px;
}
.business_03 .thumbnails .process .mid ul li p {
  line-height: 22px;
}
.business_03 .thumbnails .process .mid ul li:after {
  content: "\e5cc";
  position: absolute;
  right: -32px;
  top: 75px;
  color: #09A7E2;
  font-family: "Material-Symbols-Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.business_03 .thumbnails .process .mid ul li:last-child:after {
  content: "";
}
.business_03 .thumbnails .process .mso {
  font-family: "Material-Symbols-Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.business_03 .thumbnails h3 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: Bold;
  color: #09A7E2;
  margin-bottom: 50px;
}
.business_03 .thumbnails .thumbnails-rows li {
  height: 443px;
  margin-bottom: 150px;
  position: relative;
}
.business_03 .thumbnails .thumbnails-rows li .wbox {
  background-color: #fff;
  width: 826px;
  height: 178px;
  position: absolute;
  padding-top: 20px;
}
.business_03 .thumbnails .thumbnails-rows li .wbox .top {
  display: flex;
}
.business_03 .thumbnails .thumbnails-rows li .l {
  font-family: Poppins;
  font-size: 100px;
  font-weight: Bold;
  color: #09A7E2;
  padding-left: 30px;
}
.business_03 .thumbnails .thumbnails-rows li .r {
  padding-left: 40px;
  padding-top: 35px;
  color: #111;
}
.business_03 .thumbnails .thumbnails-rows li .r strong {
  font-weight: bold;
  font-size: 30px;
  display: block;
  margin-bottom: 5px;
}
.business_03 .thumbnails .thumbnails-rows li .flow {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
  padding-left: 160px;
}
.business_03 .thumbnails .thumbnails-rows li .flow em {
  background: #fff;
  box-shadow: 0 0 20px #bbbbbb;
  border-radius: 10px;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  height: 95px;
  text-align: center;
}
.business_03 .thumbnails .thumbnails-rows li .flow .mso {
  color: #09A7E2;
  font-size: 25px;
}
.business_03 .thumbnails .thumbnails-rows li.row1 {
  background: url(../images/business03_thumb_7.png) no-repeat left top;
  margin-bottom: 200px;
}
.business_03 .thumbnails .thumbnails-rows li.row1 .wbox {
  right: 0;
  bottom: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row2 {
  background: url(../images/business03_thumb_8.png) no-repeat right top;
  margin-bottom: 300px;
}
.business_03 .thumbnails .thumbnails-rows li.row2 .wbox {
  bottom: -60px;
}
.business_03 .thumbnails .thumbnails-rows li.row2 .l {
  padding-left: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row2 .flow {
  position: absolute;
  left: 0;
  bottom: -70px;
  width: 1300px;
}
.business_03 .thumbnails .thumbnails-rows li.row3 {
  background: url(../images/business03_thumb_9.png) no-repeat left top;
}
.business_03 .thumbnails .thumbnails-rows li.row3 .wbox {
  right: 0;
  bottom: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row4 {
  background: url(../images/business03_thumb_10.png) no-repeat right top;
  margin-bottom: 300px;
}
.business_03 .thumbnails .thumbnails-rows li.row4 .wbox {
  bottom: -60px;
}
.business_03 .thumbnails .thumbnails-rows li.row4 .l {
  padding-left: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row5 {
  background: url(../images/business03_thumb_1.png) no-repeat left top;
}
.business_03 .thumbnails .thumbnails-rows li.row5 .wbox {
  right: 0;
  bottom: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row6 {
  background: url(../images/business03_thumb_2.png) no-repeat right top;
  margin-bottom: 180px;
}
.business_03 .thumbnails .thumbnails-rows li.row6 .wbox {
  bottom: -60px;
}
.business_03 .thumbnails .thumbnails-rows li.row6 .l {
  padding-left: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row7 {
  background: url(../images/business03_thumb_3.png) no-repeat left top;
}
.business_03 .thumbnails .thumbnails-rows li.row7 .wbox {
  right: 0;
  bottom: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row8 {
  background: url(../images/business03_thumb_4.png) no-repeat right top;
  margin-bottom: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row8 .wbox {
  bottom: -60px;
}
.business_03 .thumbnails .thumbnails-rows li.row8 .l {
  padding-left: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row9 {
  background: url(../images/business03_thumb_5.png) no-repeat left top;
}
.business_03 .thumbnails .thumbnails-rows li.row9 .wbox {
  right: 0;
  bottom: 0;
}
.business_03 .thumbnails .thumbnails-rows li.row10 {
  background: url(../images/business03_thumb_6.png) no-repeat right top;
  margin-bottom: 180px;
}
.business_03 .thumbnails .thumbnails-rows li.row10 .wbox {
  bottom: -60px;
}
.business_03 .thumbnails .thumbnails-rows li.row10 .wbox .flow em {
  height: 70px;
}
.business_03 .thumbnails .thumbnails-rows li.row10 .l {
  padding-left: 0;
}

@media (max-width: 768px) {
  .business_03 {
    overflow-x: hidden;
  }
  .business_03 h2.title {
    padding: 100px 0 0 0;
  }
  .business_03 h2#text-anim.title div {
    font-size: 46px;
  }
  .business_03 .tab-container .tab-menu {
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom: 68px;
  }
  .business_03 .tab-container .tab-menu .tab-link {
    font-size: 20px;
  }
  .business_03 .tab-container .tab-content .guidetxt {
    padding: 0 30px;
  }
  .business_03 .tab-container .tab-content .guidetxt h2 {
    font-size: 30px;
    font-weight: normal;
  }
  .business_03 .tab-container .tab-content .define {
    height: auto;
  }
  .business_03 .tab-container .tab-content .define h4 {
    font-size: 30px;
  }
  .business_03 .tab-container .tab-content .define .hex-container {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 40px;
    padding-bottom: 70px;
  }
  .business_03 .tab-container .tab-content .define .hex-container .circle {
    display: none;
  }
  .business_03 .tab-container .tab-content .define .hex-container .hex {
    width: 163px;
    height: 163px;
    left: auto;
    margin-left: 0;
    top: auto;
    position: relative;
    margin-top: 0;
    margin-bottom: 80px;
    margin-right: 0;
  }
  .business_03 .tab-container .tab-content .define .hex-container .hex h3 {
    font-size: 26px;
  }
  .business_03 .tab-container .tab-content .define .hex-container .hex p {
    font-size: 16px;
    font-weight: 500;
    bottom: -70px;
  }
  .business_03 .tab-container .tab-content .thumbnails {
    padding: 70px 0;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept {
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept h3 {
    font-size: 30px;
    text-align: center;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept > p {
    padding: 0;
    text-align: center;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept .box {
    display: block;
    width: 100%;
    padding-top: 30px;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept .box > li {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 40px 25px;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept .box > li.odd {
    margin-top: 0;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept .box > li strong {
    font-size: 20px;
  }
  .business_03 .tab-container .tab-content .thumbnails .concept .box > li li {
    font-size: 18px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li {
    height: 226px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .l {
    font-size: 50px;
    padding-left: 15px;
    padding-top: 10px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .r {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 25px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .wbox {
    width: 100%;
    height: auto;
    bottom: auto;
    top: 160px;
    padding-top: 0;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .wbox .flow {
    width: 100%;
    flex-wrap: wrap;
    gap: 12px 5px;
    padding-left: 20px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .wbox .flow .mso {
    font-size: 18px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .wbox .flow em {
    height: 60px;
    font-size: 16px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row1 .wbox {
    right: -60px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row1 .wbox .flow {
    width: calc(100% - 60px);
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 .wbox {
    left: 0;
    width: calc(100% - 60px);
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 .wbox .flow {
    width: calc(100% + 60px);
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row3 {
    margin-bottom: 250px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row3 .wbox {
    right: -60px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row3 .wbox .flow {
    width: calc(100% - 60px);
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row4 .wbox {
    left: 0;
    width: calc(100% - 60px);
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row4 .wbox .flow {
    width: calc(100% + 60px);
  }
  .business_03 .tab-container .tab-content .monitor ul {
    width: 700px;
    gap: 20px;
  }
  .business_03 .tab-container .tab-content .monitor ul li {
    width: 226px;
    height: 200px;
  }
  .business_03 .tab-container .tab-content .process {
    width: 100%;
    margin: 0;
  }
  .business_03 .tab-container .tab-content .process .row {
    position: relative;
    margin-bottom: 50px;
  }
  .business_03 .tab-container .tab-content .process .row:nth-child(1) .mid ul {
    width: 433px;
  }
  .business_03 .tab-container .tab-content .process .row:nth-child(2) .mid ul {
    width: 1220px;
  }
  .business_03 .tab-container .tab-content .process .row:nth-child(3) .mid ul {
    width: 620px;
  }
  .business_03 .tab-container .tab-content .process .row:nth-child(4) .mid ul {
    width: 433px;
  }
  .business_03 .tab-container .tab-content .process .top {
    padding: 0 30px 10px;
    justify-items: flex-start;
  }
  .business_03 .tab-container .tab-content .process .top h3 {
    font-size: 50px;
  }
  .business_03 .tab-container .tab-content .process .top p {
    font-size: 16px;
  }
  .business_03 .tab-container .tab-content .process .mid {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .business_03 .tab-container .tab-content .process .mid:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
  .business_03 .tab-container .tab-content .process .mid ul {
    padding: 0 30px 10px;
  }
  .business_03 .tab-container .tab-content .total {
    padding-bottom: 50px;
  }
  .business_03 .tab-container .tab-content .total ul {
    display: block;
    width: 320px;
    margin: 0 auto;
    max-width: 100%;
  }
  .business_03 .tab-container .tab-content .total ul li {
    flex-direction: row;
    gap: 20px;
    margin-bottom: 30px;
  }
  .business_03 .tab-container .tab-content .total ul li .img {
    width: 100px;
    margin-bottom: 0;
    justify-content: center;
  }
  .business_03 .tab-container .tab-content .total ul li .t {
    flex: 1;
    text-align: left;
  }
  .business_03 .tab-container .tab-content .total ul li .t .txt {
    margin-top: 10px;
  }
  .business_03 .tab-container .tab-content .solution {
    padding: 0 30px;
  }
  .business_03 .tab-container .tab-content .solution .inner {
    width: 100%;
    padding: 40px 10px;
    border-radius: 20px;
  }
  .business_03 .tab-container .tab-content .solution .inner div {
    height: auto;
    padding: 10px 12px;
  }
  .business_03 .tab-container .tab-content .solution .inner .pre {
    margin-top: 30px;
  }
  .business_03 .tab-container .tab-content .guidetxt {
    height: auto;
    padding-bottom: 70px;
  }
  .business_03 .tab-container .tab-menu .tab-link {
    width: auto;
    height: 58px;
    font-size: 16px;
    padding: 0 20px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li .wbox .r {
    word-break: break-all;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 .wbox .top {
    padding-right: 15px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 .wbox .flow {
    bottom: auto;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row4 .wbox .top {
    padding-right: 15px;
  }
  .business_03 .tab-container .tab-menu {
    display: flex;
    overflow-x: auto; /* 가로 스크롤 가능 */
    scroll-snap-type: x mandatory; /* 스크롤 스냅 활성화 */
    -webkit-overflow-scrolling: touch; /* 모바일에서 부드러운 스크롤 */
  }
  .business_03 .tab-container .tab-menu::-webkit-scrollbar {
    display: none; /* 모바일에서는 스크롤바 숨김 */
  }
  .business_03 .tab-container .tab-menu .tab-link {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
@media (max-width: 750px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row10 {
    margin-bottom: 300px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row10 .wbox .top {
    margin-bottom: 10px;
  }
}
@media (max-width: 550px) {
  .business_03 .tab-container .tab-content .thumbnails .hex-container {
    gap: 0;
    width: calc(100% + 60px);
    margin-left: -30px;
    height: 600px;
  }
  .business_03 .tab-container .tab-content .thumbnails .hex-container .hex {
    width: 50%;
    height: 200px;
    padding: 0 30px;
    background-size: calc(100% + 20px) auto;
  }
}
@media (max-width: 500px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row1 .wbox .top {
    width: calc(100% - 60px);
    margin-bottom: 10px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row3 .wbox .top {
    width: calc(100% - 60px);
    margin-bottom: 10px;
  }
}
@media (max-width: 400px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 {
    margin-bottom: 350px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 .wbox .top {
    margin-bottom: 10px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row3 {
    margin-bottom: 300px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row4 .wbox .top {
    margin-bottom: 10px;
  }
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row10 {
    margin-bottom: 400px;
  }
  .business_03 .tab-container .tab-content .thumbnails .hex-container .hex p {
    line-height: 1.2;
    word-break: break-all;
  }
}
@media (max-width: 380px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row1 {
    margin-bottom: 250px;
  }
}
@media (max-width: 360px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row1 .wbox .flow {
    margin-left: -60px;
    width: 100%;
  }
  .business_03 h2#text-anim.title div {
    font-size: 40px;
  }
}
@media (max-width: 330px) {
  .business_03 .tab-container .tab-content .thumbnails .thumbnails-rows li.row2 {
    margin-bottom: 450px;
  }
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 50% 투명도 */
  opacity: 0; /* 초기 상태: 투명 */
  visibility: hidden; /* 초기 상태: 숨김 */
  transition: opacity 0.3s ease, visibility 0.3s ease; /* 부드러운 전환 */
  z-index: 999;
}
.modal-overlay.active {
  opacity: 1; /* 보이는 상태: 불투명 */
  visibility: visible; /* 보이는 상태: 표시 */
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 1400px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0; /* 초기 상태: 투명 */
  visibility: hidden; /* 초기 상태: 숨김 */
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; /* 부드러운 전환 */
  z-index: 1000;
}
.modal.active {
  opacity: 1; /* 보이는 상태: 불투명 */
  visibility: visible; /* 보이는 상태: 표시 */
  transform: translate(-50%, -50%) scale(1); /* 보이는 상태: 원래 크기 */
}
.modal .modal-header {
  padding: 15px 15px 15px 30px;
  font-family: Poppins;
  font-size: 48px;
  font-weight: Bold;
  color: #111;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #c7c7c7;
}
.modal .modal-header h2 {
  margin: 0;
}
.modal .close-modal {
  background: none;
  border: none;
  font-size: 60px;
  cursor: pointer;
  padding-right: 20px;
}
.modal .modal-content {
  padding: 37px 37px 100px;
  text-align: left;
}
.modal .timeline {
  display: flex;
  justify-content: space-between;
}
.modal .timeline .left, .modal .timeline .right {
  width: 45%;
}
.modal .timeline h3 {
  font-family: Poppins;
  font-size: 60px;
  font-weight: Bold;
  color: #09A7E2;
  padding-bottom: 10px;
}
.modal .timeline ul {
  list-style: none;
  padding: 0;
}
.modal .timeline li {
  margin-bottom: 15px;
  display: flex;
}
.modal .timeline li .date {
  font-family: Poppins;
  font-size: 20px;
  font-weight: Bold;
  color: #09A7E2;
  width: 110px;
  display: inline-block;
}

.business_07 h2 {
  text-align: center;
}
.business_07 .subtit {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
}
.business_07 .btn_line {
  text-align: center;
}
.business_07 .map_summary {
  padding-top: 110px;
  padding-bottom: 82px;
}
.business_07 .map_summary .tit {
  display: flex;
  justify-content: space-between;
}
.business_07 .map_summary .tit h3 {
  font-family: Poppins;
  font-size: 70px;
  font-weight: Bold;
  color: #09A7E2;
  line-height: 80px;
}
.business_07 .map_summary .tit .r p {
  color: #fff;
  margin-bottom: 30px;
}
.business_07 .map_summary .tit .r ul {
  display: flex;
  gap: 20px;
}
.business_07 .map_summary .tit .r li {
  width: 200px;
  height: 64px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  border-radius: 13px;
  padding: 0 20px;
}
.business_07 .map_summary .tit .r li span {
  color: #09A7E2;
}
.business_07 .map_summary .tit .r li .num {
  font-family: Poppins;
  font-size: 30px;
  font-weight: Bold;
  color: #09A7E2;
}
.business_07 .map_wrap {
  position: relative;
}
.business_07 .map_wrap .go_store {
  background-color: #09A7E2;
  color: #fff;
  width: 256px;
  height: 64px;
  border-radius: 35px;
  margin-bottom: 6px;
}
.business_07 .map_wrap .inputbox {
  border: 1px solid #09A7E2;
  color: #09A7E2;
  background-color: #fff;
  width: 256px;
  height: 64px;
  border-radius: 35px;
  padding-left: 20px;
  align-items: center;
  display: flex;
  margin-bottom: 57px;
}
.business_07 .map_wrap .inputbox input {
  width: 170px;
  height: 30px;
  border: 0;
  padding-left: 10px;
  outline: none;
}
.business_07 .map_wrap .inputbox input::-moz-placeholder {
  color: #09A7E2;
}
.business_07 .map_wrap .inputbox input::placeholder {
  color: #09A7E2;
}
.business_07 .map_wrap .inputbox button {
  display: inline-block;
  margin-left: 10px;
  width: 22px;
  height: 22px;
  background: url(../images/ico_srch-blue.png) no-repeat center right;
  background-size: 100%;
}
.business_07 .map_wrap .result {
  background-color: #fff;
  width: 320px;
  border-radius: 20px;
  padding: 25px 30px;
  box-shadow: 0 0 20px #4b4b4b;
}
.business_07 .map_wrap .result h4 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 18px;
}
.business_07 .map_wrap .result p {
  display: flex;
  align-items: center;
}
.business_07 .map_wrap .result .loc .img {
  background: url(../images/business_locatoin.svg) no-repeat left center;
  width: 18px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
}
.business_07 .map_wrap .result .fon .img {
  background: url(../images/business_fon.svg) no-repeat left center;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}
.business_07 .map_wrap .result .go_load {
  font-size: 16px;
  color: #777;
  display: block;
  width: 271px;
  height: 43px;
  border: 1px solid #D5D5D5;
  border-radius: 20px;
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.business_07 .map_wrap .map_summary,
.business_07 .map_wrap .map_srch_wrap {
  position: relative;
  z-index: 2;
  padding-top: 78px;
}
.business_07 .map_wrap #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1072px;
  z-index: 1;
}

@media (max-width: 768px) {
  .business_07 {
    padding: 50px 30px 0 30px;
  }
  .business_07 h2 {
    font-size: 46px;
  }
  .business_07 .subtit {
    font-size: 20px;
  }
  .business_07 .map_summary {
    width: 100%;
    text-align: center;
  }
  .business_07 .map_summary .tit {
    display: block;
  }
  .business_07 .map_summary .tit h3 {
    font-size: 46px;
    line-height: 1.15em;
    margin-bottom: 30px;
  }
  .business_07 .map_summary .tit .r ul {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 360px) {
  .business_07 h2.title {
    font-size: 40px;
  }
  .business_07 .map_summary .tit h3 {
    font-size: 34px;
  }
}
.business_10 h2.title {
  font-size: 100px;
}
.business_10 .intro {
  display: flex;
  padding-top: 110px;
  margin-bottom: 35px;
}
.business_10 .intro .tit {
  width: 300px;
  font-weight: bold;
  font-size: 50px;
  color: #09A7E2;
  margin-right: 110px;
}
.business_10 .intro .con {
  color: #777;
  padding-top: 10px;
}
.business_10 .tab-container {
  max-width: 1200px;
  margin: 0 auto;
}
.business_10 .tab-container .tab-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  position: relative;
  border-top: 2px solid #ddd;
}
.business_10 .tab-container .tab-btn {
  border: none;
  font-size: 18px;
  width: 25%;
  color: #777;
  padding: 10px 0;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
.business_10 .tab-container .tab-btn.active {
  color: #09A7E2;
  border-top: 5px solid #09A7E2;
  font-weight: bold;
  font-size: 30px;
}
.business_10 .tab-container .navigation {
  display: flex;
  gap: 10px;
  width: 100px;
}
.business_10 .tab-container .navigation .arrow {
  border: none;
  background-color: transparent;
  font-size: 24px;
  color: #9c9c9c;
  cursor: pointer;
  padding-right: 5px;
}
.business_10 .tab-container .navigation .arrow:hover {
  color: #111;
}
.business_10 .tab-container .tab-contents {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  display: flex;
  height: 370px;
  position: relative;
}
.business_10 .tab-container .tab-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 0;
  pointer-events: none;
}
.business_10 .tab-container .tab-content ul {
  width: 100%;
  display: flex;
  gap: 20px;
}
.business_10 .tab-container .tab-content ul li {
  flex: 1;
  overflow: hidden;
}
.business_10 .tab-container .tab-content ul li img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 303px;
  -o-object-fit: cover;
     object-fit: cover;
}
.business_10 .tab-container .tab-content ul li:hover img {
  transform: scale(1.1);
}
.business_10 .tab-container .tab-content .txt {
  padding-top: 20px;
  padding-left: 10px;
}
.business_10 .tab-container .tab-content .txt p {
  color: #777;
  position: relative;
}
.business_10 .tab-container .tab-content .txt p:after {
  content: "·";
  color: #777;
  position: absolute;
  left: -15px;
  top: 0px;
  font-size: 20px;
}
.business_10 .tab-container .tab-content.active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
  pointer-events: all;
}
.business_10 .tab-container.bot .tab-contents {
  border-top: 0;
}

@media (max-width: 768px) {
  .business_10 h2.title {
    font-size: 40px;
    padding: 50px 30px 30px;
  }
  .business_10 .intro {
    display: block;
    padding: 50px 30px 0 30px;
  }
  .business_10 .intro .tit {
    font-size: 30px;
    line-height: 1.15em;
    margin-right: 0;
    width: 100%;
  }
  .business_10 .tab-container {
    padding: 0 30px;
  }
  .business_10 .tab-container .tab-contents {
    width: 100%;
    height: auto;
    aspect-ratio: 733/770;
    max-height: calc(100vh - 200px);
    min-height: 300px;
  }
  .business_10 .tab-container .tab-content ul {
    display: block;
  }
  .business_10 .tab-container .tab-content li {
    margin-bottom: 10px;
  }
  .business_10 .tab-container .tab-content ul li img {
    height: auto;
  }
  .business_10 .tab-container .tab-content .txt {
    padding-top: 20px;
  }
  .business_10 .tab-container .tab-content .txt p {
    font-size: 16px;
  }
  .business_10 .tab-container .tab-buttons {
    align-items: start;
    margin-top: 20px;
  }
  .business_10 .tab-container .tab-buttons .tab-btn {
    text-align: center;
    padding: 10px;
    width: 25%;
    word-wrap: break-word;
  }
  .business_10 .tab-container .tab-buttons .tab-btn.active {
    font-size: 18px;
  }
  .business_10 .tab-container .navigation {
    display: none;
  }
  .business_10 .tab-container.bot {
    padding: 0;
  }
}
.blank40to30 {
  height: 40px;
}

.blank50to40 {
  height: 50px;
}

.blank100 {
  height: 100px;
}

.blank200to70 {
  height: 200px;
}

.blank200to120 {
  height: 200px;
}

@media (max-width: 768px) {
  .blank40to30 {
    height: 30px;
  }
  .blank50to40 {
    height: 40px;
  }
  .blank200to70 {
    height: 70px;
  }
  .blank200to120 {
    height: 120px;
  }
}
h2.conf_tit {
  text-align: center;
  padding: 100px 0 50px;
  font-size: 40px;
  color: #09A7E2;
  font-weight: bold;
}

h3.conf_tit {
  text-align: center;
  padding: 100px 0 50px;
  font-size: 30px;
  color: #09A7E2;
  font-weight: bold;
}

.conf {
  display: flex;
}
.conf .r {
  padding-left: 60px;
}
.conf .r ul li {
  display: flex;
  padding-bottom: 30px;
}
.conf .r ul li em {
  color: #09A7E2;
  width: 160px;
  font-family: Poppins;
  font-size: 100px;
  font-weight: Bold;
  color: #09A7E2;
}
.conf .r ul li div {
  padding-top: 24px;
  width: calc(100% - 160px);
}
.conf .r ul li div strong {
  color: #09A7E2;
  font-family: Poppins;
  font-size: 30px;
  font-weight: Bold;
  color: #09A7E2;
}
.conf .r ul li div p {
  position: relative;
  padding-left: 15px;
  color: #fff;
}
.conf .r ul li div p:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 13px;
  width: 2px;
  height: 2px;
  background-color: #09A7E2;
  border-radius: 10px;
}
.conf.lineheight2 .r ul li {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .conf_tit {
    padding-top: 70px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .conf {
    display: block;
    padding: 0 30px;
  }
  .conf .l {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
  }
  .conf .l img {
    max-width: 100%;
  }
  .conf .r {
    padding-left: 0;
  }
  .conf .r ul li {
    display: block;
  }
  .conf .r ul li em {
    font-size: 50px;
  }
  .conf .r ul li div {
    padding-top: 5px;
    width: 100%;
  }
  .conf .r ul li div strong {
    font-size: 20px;
    padding-bottom: 20px;
    display: block;
  }
  .conf .r ul li div p {
    font-size: 14px;
  }
}/*# sourceMappingURL=sub_business.css.map */