.mp-plug .banner .content .slogan {text-align: left;}
.mp-plug .banner .content .slogan .t1 {padding-right: 0;}

.mp-about-us .container .cards .card .tit {margin-bottom: 0;}


.hl-diagram > li .inner .cont .key {line-height: 1.3;}
.px-cards .item .card .key {margin-bottom: 0;}
.op-diagram__foot .px-cards .item .card .inner, .op-diagram__foot .px-cards .item .card .key {line-height: 1.3; margin-bottom: 0.5em;}
.op-diagram__foot .px-cards .item .card .inner, .op-diagram__foot .px-cards .item .card .val {line-height: 1.4;}
.es-vision-ai .diagram .res {text-align: center;}

.plug-tab-content .tab-content .head .icons > li span {line-height: 1.5;}
.oc-ideal-talent .hl-diagram > li .inner .cont .key {position: relative; z-index: 1;}
.rc-process .process > li .key {line-height: 1.4; margin-bottom: 0;}

.ai-simul-diagram .item::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 10px; border: 3px dotted rgb(0,0,0,.4); content: ''; z-index: 0;}
.ai-simul-diagram .item * {position: relative; z-index: 1;}

@media screen and (max-width: 1479px) and (min-width: 1400px) {
  #digital-twin .intro-hero.type2 .content .title {font-size: 62px;}
}
@media screen and (min-width: 1400px) {

  .brand-ls .item > a {align-items: flex-end;}

  .mp-about-us .container .cards .card {height: 340px;}
  .mp-about-us .container .cards .card .tit {font-size: 24px;}
  .mp-plug .accordion {margin-top: 390px;}
  .intro-hero {--top-padding:190px;}
  .intro-hero.type2 .content .title {font-size: 76px;}

  #digital-twin .intro-hero.type2 .content .title .txt--1 {transform: translate(0px);}
  #our-service .intro-hero.type2 .content .title .txt--1 {transform: translate(100px);}
  #our-service .intro-hero.type2 .content .title .txt--2 {transform: translate(-100px);}
  #our-service .intro-hero.type2 .content .title .txt--3 {transform: translate(400px);}
  #extended-service .intro-hero.type2 .content .title .txt--1 {}
  #extended-service .intro-hero.type2 .content .title .txt--2 {transform: translate(-100px);}
  #extended-service .intro-hero.type2 .content .title .txt--3 {transform: translate(-400px);}
  #extended-service .intro-hero.type2 .content .title .txt--4 {transform: translate(300px);}
  #patents .intro-hero.type2 .content .title .txt--1 {}
  #patents .intro-hero.type2 .content .title .txt--2 {text-align: center; transform: translate(100px);}
  #patents .intro-hero.type2 .content .title .txt--3 {text-align: right;}

  .ai-simul-diagram {border-radius: 40px;}
  .ai-simul-diagram .item {border-radius: 20px;}
  .ai-simul-diagram .item .tit {font-size: 26px;}
  .op-diagram__body .core-wrap .detail-ls {width: 720px;}
  .op-diagram__body .core-wrap .detail-ls .item {height: 190px;}
  .es-parallax-item .container .content {width: 55%;}
  .es-vision-ai .diagram .icons > li {width: 130px; height: 130px;}
  .plug-intro .container {padding-inline: 150px;}
  .plug-intro .container .title {flex-shrink: 0;}
  .oc-ideal-talent .hl-diagram > li .inner .cont .key {font-size: 44px;}
  .oc-benefits .prime > li {align-items: flex-start;}
  .oc-benefits .prime > li .cont {padding-top: 10px;}
  ul.rc-notice-cont.bullet > li .wrap .key {width: 140px;}
  .inq-banner .sp-title-1 .bar {margin-left: 10px;}
  .floating-menu {--expanded-size: 300px;}
  .plug-tab-content .tab-content .body .plug-carousal .major-project .bullet {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 1519px) and (min-width: 1400px) {
  .oc-benefits ul.etc > li br,
  .oc-benefits .prime > li .cont .tit br {display: none;}
  .oc-benefits .prime > li .icon {width: 120px;}
}
@media screen and (max-width: 1399px) and (min-width: 768px) {
  .mp-plug .accordion {margin-top: 300px;}

  .dt-plug-platform .cards {row-gap: 130px;}
  .es-vision-ai .diagram .res span {padding-inline: 22px;}
  .rc-process .process > li .icon {margin-bottom: 5px;}
  ul.rc-notice-cont.bullet > li .wrap .key {width: 120px;}
}
@media screen and (min-width: 768px) {
  .mp-plug .banner .content .title .tag {white-space: nowrap;}
}
@media screen and (max-width: 1399px) {
  .intro-hero.type2 .content .title .txt {position: static!important; text-align: center!important; transform: none!important;}
  .intro-hero.type2 .content .title .txt .bar {bottom: auto; top: 50%;}
  .intro-hero.type2 .content .title .txt .bar--l {right: 100%;}
  .intro-hero.type2 .content .title .txt .bar--r {left: 100%;}

  .ai-simul-diagram .item::before {width: calc(100% - 15px); height: calc(100% - 15px);}
}
@media screen and (max-width: 767px) {
  .mp-about-us .container .cards .card {flex-direction: row; align-items: center; justify-content: space-between; gap: 20px;}
  .mp-about-us .container .cards .card .tit {font-size: 17px; order: 0;}
  .mp-about-us .container .cards .card .icon {width: 40px; position: static; order: 1; margin-bottom: 0;}

  .intro-hero.type2 .content .title {font-size: 30px;}
  .ai-simul-diagram {width: 360px;}
  .es-vision-ai .diagram .res .inner {display: grid; grid-template-columns: repeat(2, 1fr); padding: 10px 20px; border-radius: 10px; gap: 5px; height: auto;}
  .es-vision-ai .diagram .res span:not(:last-child)::after {display: none;}
  .es-vision-ai .diagram .res span {display: flex; align-items: center; justify-content: flex-start; gap: .5em; padding: 0; text-align: left;}
  .es-vision-ai .diagram .res span::before {content: ''; display: block; width: 2px; height: 2px; border-radius: 50%; background: var(--primary);}

  .ai-simul-diagram .item::before {width: calc(100% - 20px); height: calc(100% - 20px);}
}