@charset "utf-8"; 



.lineup-content {grid-template-columns: repeat(3,1fr);}
#tesla-3000 .prod-content .content .txt-box {justify-content: flex-end;}
.app-ls .item .tit {display: none;}
#tesla-3000 .prod-content.feature .feature-ls.type2 .ls .sbj {justify-content: center;}

.prod-content.app {background: #ECECEC; }

@media screen and (min-width:1400px) {

  .main-biz .biz-card {margin-top: -25px;}
  .main-biz .biz-card .card:nth-child(2) {margin-top: 100px;}
  .main-biz .biz-card .card .biz-name .sml {font-size: 20px;}
  .main-biz .biz-card .card .biz-img {width: 360px; right: 50%; transform: translateX(50%);}
  .main-tech .main-biz-ls .item {padding: 38px 10px 26px 37px;}
  #history .sp-head-desc {font-size: 25px;}
  #global-partner .sp-head-desc {font-size: 25px;}
  .partners-section .section-tit {font-size: 47px;}
  .partners-section .section-desc {font-size: 22px; margin-top: 48px;}
  .prod-intro {height: 600px;}
  #zeus-wave-pro .prod-intro .img-cont {top:-50px;}
  .prod-intro .text-cont .tit-sml {font-size: 37px;}
  .prod-intro .text-cont .desc {font-size: 25px;}
  .desc {font-size: 18px;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .noti {font-size: 16px;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .desc {font-size: 20px;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj {font-size: 23px;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj .tag {font-size: 19px;}
  #zeus-wave .prod-content.principle .feature-ls .desc {padding: 20px 40px; width: 100%;}
  #zeus-wave .prod-content.principle .feature-ls .desc li {word-break: keep-all;}
  #zeus-wave .prod-content.principle .feature-ls .item.effect .desc {padding: 0;;}
  #zeus-wave .prod-content.feature .feature-ls .ls .desc {word-break: keep-all; font-size: 16px;}
  #tesla-3000 .prod-intro .img-cont {top: -50px;}
  #tesla-3000 .prod-intro .img-cont img {width: 88%;}
  .prod-content.feature .feature-ls.type2 .ls .sbj {font-size: 20px;}
  #tesla-3000 .prod-content.feature .feature-ls .ls {align-items: flex-start;}
  .lineup-content .item .prod-name .sml {font-size: 18px;}
  .app-ls {gap: 28px 21px;}

  .prod-content.app {display: grid;grid-template-columns: repeat(1,1fr); padding-block: 100px ; margin-top: 170px;}
  .prod-content.app .container {display: grid; grid-template-columns:320px 1fr;}

}

@media screen and (max-width:1399px) {
  .main-biz .biz-card {height: 300px;}
  #history .sp-head-desc {font-size: 21px;}
  #global-partner .sp-head-desc {font-size: 21px;}
  #zeus-wave .prod-content.principle .feature-ls .item {padding: 20px;}
  #zeus-wave .prod-content.feature .feature-ls .ls img  {height: 150px;}
  #tesla-3000 .prod-content.feature .feature-ls .sbj-tag {min-height: 67px; word-break: keep-all;}
  .lineup-content {gap: 17px; grid-template-columns: repeat(2,1fr);}
  .prod-content.app  {margin-top: 80px;padding-block: 60px 80px;}
  .prod-content.app .container {gap: 20px; display: flex; flex-direction: column;}
  .table-container .noti {position: static;}
  .prod-content.spec:has(.noti) {padding-bottom: 80px;}

  .ko #tesla-3000 .prod-content .content .txt-box {padding: 10px 20px; border:1px solid #e1e1e1; align-items: center; margin-top: 50px;}
  .ko #tesla-3000 .prod-content .content .txt-box img {width: 64%;}
}


@media screen and (max-width:767px) {
  .main-biz .biz-card {height: auto;}
  #history .sp-head-desc {font-size: 18px; word-break: keep-all;}
  #global-partner .sp-head-desc {font-size: 18px; word-break: keep-all;}
  .main-biz .biz-card .card .biz-img {transform: translateY(20px);}
  .lineup-content {grid-template-columns: repeat(1,1fr);}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj {font-size: 18px;}
  #zeus-wave .prod-content.feature .feature-ls .ls img {margin: 20px auto 6px;}
  .prod-content.app {margin-top: 67px; padding-block: 50px;}

  .cert-content .cert-ls .item .txt-cont .tit {word-break: normal;}
  .ko #tesla-3000 .prod-content .content .txt-box img {width: 100%;}
}

/* 20250710 */
.ko #zeus-wave .prod-content.principle .feature-ls{grid-template-columns: repeat(1, 1fr);}
.ko #zeus-wave .prod-content.principle .feature-ls .item .txt-cont>.flex{justify-content: space-between; width: 100%; padding: 0 40px;}
.ko #zeus-wave .prod-content.principle .feature-ls .item .txt-cont>.flex img{width: 100%; max-width: 377px; border: 1px solid var(--primary);}
.ko #zeus-wave .prod-content.feature .feature-ls.gtc-3{grid-template-columns: repeat(2, 1fr);}
.ko #tesla-3000 .prod-content .content .txt-box{gap: 3px;}
.ko #tesla-3000 .prod-content .content .txt-box{justify-content: center;}
.ko #tesla-3000 .prod-content .content .txt-box .lazer{max-height: 192px; border: 1px solid #005353; width: auto;}
.ko #tesla-3000 .prod-content.feature{padding-block: 170px 0;}

@media screen and (min-width: 1400px){
  .ko #zeus-wave .prod-content.principle .feature-ls .desc{padding: 40px 40px 60px;}

  .ko #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj{font-size: 21px;}
  .ko #zeus-wave-pro .prod-content.feature .feature-ls .item .noti{margin-top: 30px;}
  .ko #zeus-wave-pro .prod-content.feature .feature-ls .item.mini .noti{margin-top: 62px;}
}

@media screen and (max-width: 767px){
  .ko #zeus-wave .prod-content.principle .feature-ls .item .txt-cont>.flex{padding: 0; flex-direction: column;}
  .ko #zeus-wave .prod-content.principle .feature-ls .item .txt-cont>.flex img:first-child{margin: 16px 0;}
  .ko #zeus-wave .prod-content.feature .feature-ls.gtc-3 {gap: 5px;}
  .ko #zeus-wave .prod-content.feature .feature-ls.type2 .ls .sbj {font-size: 16px;}
  .ko #zeus-wave .prod-content.feature .feature-ls.type2 .ls .sbj {padding: 5px;}
  .ko #tesla-3000 .prod-content.feature {padding-block: 80px 0;}
}


.ko {
  /* 250916 */
  .container:has(.prod-content.spec){position: relative;}
  .mark {margin: auto; width: 132px; position: absolute;bottom:200px; left :150px;}
  #zeus-wave-pro .mark {bottom:165px;}


  #zeus-wave .prod-content.principle .feature-ls .desc li span{font-size: 14px; color: dimgray;}
  #zeus-wave .prod-content.feature .feature-ls.type2 .ls .sbj{text-align: center;}

  @media screen and (max-width: 1399px) {
    .mark {width: 83px; position: absolute;bottom:auto; top:110px; right:0; left:auto;}
    #zeus-wave .mark {top:150px; right:40px;}
  }
  @media screen and (max-width: 767px) {
    #zeus-wave-pro .mark {margin-top: 50px; margin-bottom: 0;}
    .mark {position: static; width: 100%; background: #f1f1f1; margin-bottom: 50px; margin-top: -50px; padding: 20px; display: flex; align-items: center; justify-content: center; border-radius: 15px;}
    .mark img {width: 100px; mix-blend-mode: multiply;}
  }

}