@charset "utf-8";


/* intro */
.intro-hero {width:100%; position: relative;}
.intro-hero .bg {width: 100%; height: 100%;position:absolute;top:0; left:0; z-index:-1; }
.intro-hero .intro-hero-container {display: flex; flex-direction: column; height: 100%; justify-content: flex-end; height: 400px;}
.intro-hero .intro-hero-sbj {font-size: 52px; font-weight: 700; font-family: var(--ff-secondary); color: #fff; margin-bottom: 130px; text-transform: uppercase; display: none;}

.sub-lnb-bar {background-color: #fff;display: flex; margin-bottom: -15px; padding: 10px 50px;   width: calc(100% + 100px); margin-left: -50px;}
.sub-lnb-bar .tit { font-size: 25px;font-family: var(--ff-secondary); color:var(--primary); text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 700;}
.sub-lnb-bar .lnb-btns { margin-left:auto; display: flex; align-items: center; justify-content: flex-end;}
.sub-lnb-bar .lnb-btns .btn{font-size:18px;width: auto; height: auto; padding: 20px 20px 15px; color:#A5A5A5;  transition:.2s ease;}
.sub-lnb-bar .lnb-btns .btn.active { color:#000;font-weight: 700; line-height: 1; border-bottom: 2px solid #000; }
.sub-lnb-bar .lnb-btns .btn.active span { }

ul.bullet > li {padding: 0 0 0.3em 1em;}
@media (hover: hover ){
  .sub-lnb-bar .lnb-btns .btn:not(.active):hover {color:var(--primary);}
}

@media screen and (max-width: 1399px) {
    .intro-hero .intro-hero-sbj {font-size: 36px;margin-bottom: 80px; display: flex; justify-content: center;}
    .sub-lnb-bar {position: fixed; bottom: 0; left: 0; z-index: 1111; margin-left: 0; padding: 10px;  overflow: auto hidden; margin-bottom: 0; width: 100%;    background: #696969c7;}
    .sub-lnb-bar .tit {display: none;}
    .sub-lnb-bar .lnb-btns {flex-wrap: nowrap; justify-content: flex-start; width: 100%;}
    .sub-lnb-bar .lnb-btns .btn {font-size: 15px; padding: 15px 10px; color:#d7d7d7; white-space: nowrap;}
    .sub-lnb-bar .lnb-btns .btn.active {color:#fff; line-height: 1.3;}
    .sub-lnb-bar .lnb-btns .btn.active span {border-bottom: none;padding-bottom: 0;}
    .sub-lnb-bar .lnb-btns .btn.active {border-bottom: none;}
    .intro-hero .intro-hero-container {height: 300px;}
  }
  @media screen and (max-width: 767px) {
    .intro-hero {height: 250px;}
    .intro-hero .intro-hero-container {justify-content: center; padding-top: 40px;}
    .intro-hero .intro-hero-container .intro-hero-sbj {margin-bottom: 0; font-size: 28px;}
    .sub-lnb-bar .lnb-btns .btn {padding: 5px 20px; font-size: 13px; }
}


.sp-content {padding-block: 100px 150px;}
.sp-head {margin-bottom: 60px;}
.sp-head-tit {font-size: 50px; font-weight: 700; margin-bottom: .8em;}
.sp-head-desc {font-size: 40px; line-height: 1.25; font-weight: 700; }
.desc {font-size: 17px;}
.sp-section {padding-block: 90px;}
.sp-section-desc {font-size: 32px;}

@media screen and (max-width:1399px) {
  .sp-head {margin-bottom: 40px;}
  .sp-head-tit {font-size: 38px; margin-bottom: 0.5em;}
  .sp-head-desc {font-size: 30px;}
  .sp-content {padding-block: 80px; overflow: hidden;}
  .sp-section-desc {font-size: 25px;}
}
@media screen and (max-width:767px) {
  .sp-head {margin-bottom: 40px;}
  .sp-head-tit {font-size: 30px; }
  .sp-head-desc {font-size: 22px;}
  .sp-section-desc {font-size: 19px;}
  .desc {font-size: 15px !important; }

}


/* company :  greeting */
.greeting-content .wrapper {display: flex; gap: 72px;  padding-bottom: 60px; display: grid; grid-template-columns:665px 1fr ; align-items: center;}
.greeting-content .wrapper .visual {position: relative; border-radius: 15px; overflow: hidden; width: 100%; height: 100%;}
.greeting-content .wrapper .visual img {border-radius: 15px; width: 100%; height: 100%; object-fit: cover;}
.greeting-content .wrapper .desc {line-height: 1.5; padding: 38px 0 18px; border-bottom: 1px solid #ACACAC; font-size: 18px;}
.greeting-content .wrapper:nth-child(2) .visual {order: 2;}
.greeting-content .wrapper:nth-child(2) {gap:30px;}

.greeting-content .wrapper .line {width: 100%; height: 35px; background-color: #EDF1F5;}
.greeting-content .wrapper .content .section_tit {font-size: 38px; font-family: var(--ff-secondary); color:#A5A5A5; text-transform: uppercase;}
@media screen and (max-width:1399px){
    .greeting-content .wrapper {grid-template-columns: repeat(1,1fr); padding-bottom: 20px; gap: 50px;} 
    .greeting-content .wrapper .content {width: 100%;}
    .greeting-content .wrapper .visual {width: 100%;}
    .greeting-content .wrapper .line {height: 20px; width: 100%;}
    .greeting-content .wrapper:nth-child(2) {flex-direction: column;}
    .greeting-content .wrapper:nth-child(2) .content {width: 100%;}
    .greeting-content .wrapper .desc {padding: 28px 0 18px; font-size: 16px;}
}
@media screen and (max-width:767px){
}



.hl-diagram {--size: 251px; display: flex; justify-content: flex-end; }
.hl-diagram > li {width: var(--size); height: var(--size); position: relative; padding: 15px; margin-inline: -2.5px;}
.hl-diagram > li .outer {position: absolute; top: 50%; left: 50%; z-index: 0; transform: translate(-50%, -50%); border-radius: 50%; width: 100%; height: 100%; }

.hl-diagram > li .outer::before {position: absolute; top: 0; left: 0; width: 100%; height: 50%; box-sizing: border-box; border: 5px solid #001C8E; content: '';}
.hl-diagram > li .outer::after {position: absolute; top: 0; left: 0; width: 100%; height: 50%; content: ''; display: block;}

.hl-diagram > li:nth-child(odd) .outer::before {border-bottom: none; border-radius: var(--size) var(--size) 0 0;}
.hl-diagram > li:nth-child(even) .outer::before {top: auto; bottom: 0; border-top: none; border-radius: 0 0 var(--size) var(--size); }

.hl-diagram > li:nth-child(odd) .outer::after {background: linear-gradient(to top, #fff 10%, transparent);;}
.hl-diagram > li:nth-child(even) .outer::after {top: auto; bottom: 0; background: linear-gradient(to bottom, #F1F1F1 10%, transparent);}


.hl-diagram > li .inner {position: relative; z-index: 1; background: #fff; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center;border:1px solid #dedede;}
.hl-diagram > li .inner .gear {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; padding: 11px;}
.hl-diagram > li .inner .gear img {display: block; animation: rotate 10s 0s infinite linear; width: 100%;}
.hl-diagram > li:nth-child(even) .inner .gear img {animation: rotate-reverse 10s 0s infinite linear;}

.hl-diagram > li .inner .cont {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.hl-diagram > li .inner .cont .key {display: block;  font-size: 22px; font-weight: 700; color: var(--primary); line-height: 1.32;}
.hl-diagram > li .inner .cont .val {display: block; font-size: 62px; line-height: 1;}
.hl-diagram > li .inner .cont .val .num {color: var(--primary);}
.hl-diagram > li .inner .cont .val small {font-size: 0.4em; color: #000;}

@keyframes rotate {
  to {transform: rotate(360deg);}
}
@keyframes rotate-reverse {
  to {transform: rotate(-360deg);}
}

@media screen and (max-width:1399px) {
  .hl-diagram {--size: 140px; justify-content: center;}
  .hl-diagram > li {padding: 10px;}
  .hl-diagram > li .outer::before {border-width: 3px;}
  .hl-diagram > li .inner .gear {padding: 10px;}
  .hl-diagram > li .inner .cont .key {font-size: 18px; margin-bottom: 0;}
  .hl-diagram > li .inner .cont img {width: 40px}
  .hl-diagram > li:nth-child(even) .outer::after {background: linear-gradient(to bottom, #fff 10%, transparent);}
  
}
@media screen and (max-width:767px)  {
  .hl-diagram {display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px;width: 100%;}
  .hl-diagram > li {transform: none!important; padding: 0; width: 100%;}
  .hl-diagram > li .outer::before {display: none;}
  .hl-diagram > li .outer::after {display: none;}
  .hl-diagram > li .inner {border-radius: 10px; background: #fff;}
  .hl-diagram > li .inner::before {display: none;}
  .hl-diagram > li .inner .cont .key {font-size: 20px;}
  .hl-diagram > li .inner .gear img {width: auto; height: 100%;}
}



/* about */
#vision .sp-head .container {position: relative;}
#vision .sp-content {position: relative;}
#vision .gray-bg {width: 100%; height: 277px; background: #F1F1F1; position: absolute; bottom: 0; left: 0; z-index: -1;}
#vision .vision-typo {position: absolute;right:0; bottom:0;}
.hl-diagram-wrap {display: flex; gap: 10px;align-items: center; justify-content: space-between; margin-top: 100px;}
.hl-diagram-wrap .vision-logo {display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; left:50%; transform: translate(-50% , 0); gap: 8px;}

.vision-content {padding-top: 50px;}
.vision-content .diagram-cont {display: flex; justify-content: space-between; flex-direction: column; }
.vision-content .diagram-cont .txt-cont {}
.vision-content .diagram-cont .txt-cont .desc {padding-bottom: 20px; letter-spacing: -0.01em;}
.vision-content .diagram-cont .txt-cont .tit {font-size: 35px;}
.vision-content .diagram-cont .txt-cont .more-view {margin-top: 28px; padding: .7em 1.5em;}
.vision-content .diagram-cont {display: flex; position: relative; margin-top: 16px;}
.vision-content .diagram-cont::before {content:""; position: absolute; width: 1000vw; height: 1px; background: var(--light-gray1); display: block; top:50%; left:50%; transform: translate(-50% , -50%); z-index: -1;}
.vision-content .diagram-cont .item {position: relative; display: flex; align-items: center; justify-content: center;width: 250px;height: 250px;}
.vision-content .diagram-cont .item > img {position: absolute; z-index: -1; top: 0;}
.vision-content .diagram-cont .item:not(:first-child) {margin-left: -6px;}
.vision-content .diagram-cont .item .txt {line-height: 1.32; font-size: 25px; font-weight: 700; color:var(--secondary);text-align: center; }



/* Temp */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  #vision .gray-bg {display: none;}
  #vision .vision-typo {position: static;}
  .hl-diagram-wrap .vision-logo {width: 150px; gap: 0;}
  .hl-diagram-wrap .vision-logo .bullet {width: 15px;}
}
@media screen and (max-width: 767px) {
  .hl-diagram-wrap {flex-direction: column; margin-top: 30px;}
  .hl-diagram-wrap .vision-logo {position: static; transform: none;}
  .hl-diagram-wrap .vision-logo .bullet {display: none;}
}
@media screen and (max-width: 499px) {}


/* history */

.history-content {padding-top: 20px;}
.history-content .his-block:nth-child(1) {--theme: var(--primary);}
.history-content .his-block:nth-child(2) {--theme: var(--secondary);}
.history-content .his-block:nth-child(3) {--theme: #0099FF;}
.history-content .his-block:nth-child(4) {--theme: #00BAFF; margin-bottom: 0;}
.history-content .his-block:nth-child(4) .his-cont {margin-bottom: 0; padding-bottom: 100px;}

.history-content .his-block {display: flex; gap:40px; margin-bottom: 20px;}
.history-content .his-block .box {border-top: 5px solid #D9D9D9; padding-top: 30px; width: 550px; flex-shrink: 0;text-transform: uppercase; display: flex; flex-direction: column;}
.history-content .his-block .tit {font-size: 25px;color:var(--theme); font-weight: 400;  display: block;}
.history-content .his-block .year {font-size:57px ; font-weight: 700; color: var(--theme);  line-height: 1.3;display: block;}

.history-content .his-block .his-cont { width: 100%; border-top: 4px solid  var(--theme);; padding-block: 80px;display: flex; flex-direction: column; gap: 15px; position: relative; border-left: 3px solid #d6d6d6;}
.history-content .his-block .his-cont::before { content:""; right:-5px; bottom: calc(100% + 10px); width: 30px; background: var(--theme); height: 4px; position: absolute; transform: rotate(45deg);}
.history-content .his-block .his-cont .cont {display: flex; gap: 28px ;}
.history-content .his-block .his-cont .cont .bullet {width: 12px; height: 12px; background: #fff; border-radius: 50%; border:3px solid var(--theme); flex-shrink: 0; margin-top: .7em; margin-left: -0.4em;}
.history-content .his-block .his-cont .cont .desc > li {line-height: 1.7; color:#3D3D3D; font-size: 17px; white-space: pre-line ;}
.history-content .his-block .his-cont .cont .desc > li .point {font-size: 17px; font-weight: 500; color:var(--theme); border:1px solid var(--theme); border-radius: 50px; padding: .2em .5em; display: inline-block; line-height: 1;}
.history-content .box img {margin:28px 0px 0;}
.history-content .box .typo {font-size: 50px; font-weight: 700; font-family: var(--ff-secondary); color:#DCDCDC; line-height: 1.1; margin-top: auto; margin-bottom: 80px;}
/* .history-content .box .his-img-2 {margin:50px 20px 0;} */


@media screen and (max-width:1399px){
  .history-content .box img {width:186px;}
  .history-content .his-block .box {width: 280px; display: flex; flex-direction: column; }
  .history-content .his-block .year { font-size: 30px; }
  .history-content .his-block .his-cont {padding-block: 30px; width: 50%;}
  .history-content .his-block .his-cont .cont {gap: 17px;}
  .history-content .his-block .his-cont .cont .month {font-size: 18px;}
  .history-content .his-block .his-cont .cont .desc > li {font-size: 14px;}
  .history-content .his-block .his-cont .cont .desc > li .point {font-size: 14px;}
  .history-content .his-block .tit {font-size: 19px;}
  .history-content .his-block .his-cont .cont .bullet {width: 8px;height: 8px; border-width: 2px;margin-top: .5em;}
  .history-content .box .typo {font-size: 30px; }

}
@media screen and (max-width:767px){
  .history-content .his-block {flex-direction: column; gap: 0; margin-bottom: 30px;}
  .history-content .his-block .box {width: 100%; padding-block: 20px;}
  .history-content .his-block .year {font-size: 23px; border-top: none;}
  .history-content .his-block .his-cont  {gap: 9px; width: 100%;}
  .history-content .his-block .his-cont .cont .month {font-size: 16px; width: 20px;}
  .history-content .his-block .his-cont .cont .desc > li {font-size: 14px;}
  .history-content .his-block .his-cont .cont .desc > li .point {font-size: 13px;}
  .history-content .box img {margin: 10px 0 ;}
  .history-content .his-block .tit {font-size: 16px;}
  .history-content .box .typo {margin-bottom: 0px;}
}





/* bisiness area */
.biz-content {}
.biz-content .desc {font-size: 22px;font-weight: 500; color:var(--gray3);}
.biz-content .head {margin-bottom: 150px;}
.biz-content .biz-ls {display: flex; flex-direction: column ; gap: 90px;}
.biz-content .biz-ls .wrap {position: relative; min-height: 548px; display: flex; align-items: center; justify-content: flex-end;}
.biz-content .biz-ls .wrap .thumb {position: absolute;left:0;}
.biz-content .biz-ls .wrap .text-cont {padding: 50px 20px 50px 50px; background: #fff; display: flex; flex-direction: column; width: 593px; min-height: 464px; position: relative; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.15);}
.biz-content .biz-ls .wrap .text-cont .tit {font-size: 34px; margin-bottom: .8em; font-weight: 700; line-height: 1.23;}
.biz-content .biz-ls .wrap .text-cont .bullet {display: flex; flex-direction: column; gap: 8px; padding-left: 5px;}
.biz-content .biz-ls .wrap .text-cont .bullet > li {font-size: 17px;}
.biz-content .biz-ls .wrap .text-cont .bullet > li b {font-size: 20px; display: block;}
.biz-content ul.bullet.plus > li {padding-left: 0;}
.biz-content ul.bullet.plus > li:before {color:var(--secondary); margin-left: -20px;}
.biz-content .biz-ls .wrap .text-cont .icon {position: absolute; right:30px; bottom:30px;}

.biz-content .biz-ls .wrap:nth-child(even) {justify-content: flex-start;}
.biz-content .biz-ls .wrap:nth-child(even) .thumb {left:auto; right:0;}

  
@media screen and (max-width:1399px){
  .biz-content .desc  {font-size: 18px;}
  .biz-content .head {margin-bottom: 80px;}
  .biz-content .biz-ls .wrap {flex-direction: column; min-height: auto;}
  .biz-content .biz-ls .wrap .thumb {position: static;}
  .biz-content .biz-ls .wrap .text-cont {width: 100%;padding: 30px 30px; min-height: auto;}
  .biz-content .biz-ls .wrap .text-cont .tit {font-size: 26px;}
  .biz-content .biz-ls .wrap .text-cont .bullet {gap: 5px;}
  .biz-content .biz-ls .wrap .text-cont .bullet > li {font-size: 15px;}
  .biz-content .biz-ls .wrap .text-cont .bullet > li b {font-size: 18px;}
}
@media screen and (max-width:767px){
  .biz-content .desc {font-size: 16px; line-height: 1.4; display: block; margin-top: .3em;}
  .biz-content .head {margin-bottom: 50px;}
  .biz-content .biz-ls {gap: 40px;}
  .biz-content .biz-ls .wrap .text-cont {padding: 20px 27px; }
  .biz-content .biz-ls .wrap .text-cont .tit {font-size: 19px; margin: .5em 0 1em;}
  .biz-content .biz-ls .wrap .text-cont .bullet > li {font-size: 14px; word-break: keep-all;}
  .biz-content .biz-ls .wrap .text-cont .icon {position: static; align-self: flex-end; width: 50px;}
  .biz-content .biz-ls .wrap .text-cont .bullet > li b {font-size: 16px;}
}




/* thoth tech */
.organization-content {background: #F1F1F1; padding-bottom: 170px;}
.organization-content .org-ls {display: flex; gap: 100px;width: 100%;}
.organization-content .org-ls .item {background: #fff; border-radius: 14px; display: flex; flex-direction: column; padding: 19px 30px; min-width: 328px;align-items: center; gap: 24px; width: 100%; border:1px solid var(--secondary);}
.organization-content .org-ls .item .sbj-cont {display: flex; flex-direction: column; align-items: center;}
.organization-content .org-ls .item .sbj-cont .sbj {font-size: 25px; font-weight: 700; color:var(--secondary); text-align: center; line-height: 1.28; margin-top: 20px;}
.organization-content .org-ls .item .sbj-cont .icon {width: 98px; height: 98px; border-radius: 50%; background: var(--secondary); display: flex; align-items: center; justify-content: center;}

.organization-content .content {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 124px; position: relative;}
.organization-content .content .org-line {position: absolute;top: 254px;z-index: 0;}
.organization-content .content .org-logo {position: relative;z-index: 1;}

.organization-content .org-ls .item .sbj-cont::before {content:url('../../images/technology/circle-priamry.svg'); bottom:-21px; position: absolute; display: block; left:50%; transform: translate(-50% , 0);}
.organization-content .org-ls .item .sbj-cont::after {content:url('../../images/technology/thoth-tech-line.svg'); top:100%; position: absolute; display: block; z-index: 0; left:50%; transform: translate(-50% , 0);}
.organization-content .org-ls .item .sbj-cont .inner {display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; gap: 12px;}
.organization-content .org-ls .item .sbj-cont .diagram-svg {position: absolute;z-index: 0;}
.organization-content .org-ls .item .sbj-cont .inner .circle {width: 105px;  height: 105px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.organization-content .org-ls .item .sbj-cont .inner .circle .icon {}
.organization-content .org-ls .item .sbj-cont .inner .sbj {font-size: 20px; font-weight: 600; background:var(--primary); text-align: center;  color: #fff; padding: .5em 1.5em; border-radius: 50px; min-width: 128px; line-height: 1;}
.organization-content .org-ls .item .desc-cont {display: flex; flex-direction: column; gap: 14px; width: 100%; position: relative;z-index: 2;}
.organization-content .org-ls .item .desc-cont > li {font-size: 20px; display: flex; align-items: center; justify-content: center; background: #989898; border-radius: 50px; padding: .5em; width: 100%; color:#fff; text-align: center;}
.organization-content .org-ls .item:last-child .desc-cont > li {border-radius:14px; height: 145px;}

@media screen and (max-width:1399px){
  .organization-content .container {flex-direction: column; gap: 0;}
  .organization-content .org-ls {gap: 6px;}
  .organization-content .org-ls .item {min-width: auto; padding: 19px 8px; width: 100%;}
  .organization-content .org-ls .item .sbj-cont .sbj {font-size: 19px;}
  .organization-content .org-ls .item .desc-cont {gap: 5px}
  .organization-content .org-ls .item .desc-cont > li {font-size: 14px; padding: .5em .2em;}
  .organization-content .org-ls .item .sbj-cont .icon {width: 85px; height: 85px;}
  .organization-content .org-ls .item .sbj-cont .icon img {width: 40px;}
  .organization-content .org-ls .item:last-child .desc-cont > li {height: 90px;}
  .organization-content .content {gap: 58px; margin-top: 50px;}
  .organization-content .content .org-logo {width: 200px;}
  .organization-content .content .org-line {width: 68%; top:194px;}
}
@media screen and (max-width:767px){
  .organization-content {padding-block: 70px;}
  .organization-content .org-ls {flex-direction: column;} 
  .organization-content .org-ls .item:nth-child(1) .desc-cont > li  {padding: .5em;}
  .organization-content .content .org-line {display: none;}
  .organization-content .content {gap: 30px;}
}


/* location */
.map {position: absolute;top: 50%;left: 50%;width: calc(100% + 500px);height: calc(100% + 500px);transform: translate(-50%, -50%);}
.map-content .map-ls { width: 100%; display: block; position: relative;}
.map-content .map-ls .map_container {position: relative; overflow: hidden; width: 100%; height: 600px; background:#e1e1e1;}
.location-info{width:505px; padding:36px 40px 45px 40px;box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.12); position:absolute; left:68px; bottom:-138px; background:#fff; font-size: 17px;}
.location-info .tit {color:var(--primary); font-size: 30px; font-weight: 700;}
.location-info .loca {padding:31px 0 35px; font-weight: 700; word-break: keep-all;}
.location-info .info {display:flex; align-items: center; gap: 10px;}
.location-info .info .sbj  {font-size: 20px; color:var(--primary); font-weight:600;}
.location-info .wrap {display: flex; gap: 1em;} 
.location-info .wrap .inner {display: flex; gap: 1em;}
#location .sp-content {padding-bottom:300px;}


@media screen and (max-width:1399px){
  .map-content .map-ls .info-cont {width: calc(100% - 100px);}
  .map-content .map-ls .map_container {height: 400px;}
  .location-info{ padding:25px 20px 35px 25px; bottom:-160px;}
  .location-info .loca {padding:20px 0 20px;}
  .location-info .sbj {font-size: 25px;}
  #location .sp-content {padding-bottom:250px;}
  .location-info .tit {font-size: 27px;}

}
@media screen and (max-width:767px){
  #location .sp-content {padding-bottom: 80px;}
  .map-content .map-ls .map_container {height: 300px;}
  .location-info{position:relative; width:calc(100% - 20px); padding:20px;  left: 50%; top: -20px; transform: translate(-50%, 0);}
  .location-info .loca{font-size:14px;}
  .location-info .info {font-size:12px;}
  .location-info .info  img{width:15px;}
  .location-info .info  b{padding-left:5px;}
  .location-info .tit {font-size: 23px;}
  .location-info .wrap .inner {flex-direction: column; gap: .3em;}
  .location-info .info .sbj {margin-right: 10px; font-size: 17px;}
}



/* cert-content */
.cert-content {}
.cert-content .cert-ls {display: grid; grid-template-columns: repeat(5,1fr); gap: 50px 28px;}
.cert-content .cert-ls .item {display: flex; flex-direction: column; gap: 20px; align-items: center;}
.cert-content .cert-ls .item .cert-img {border:1px solid #e1e1e1;}
.cert-content .cert-ls .item .txt-cont {display: flex; flex-direction: column; height: 100%;}
.cert-content .cert-ls .item .txt-cont .cate {font-size: 16px; font-weight: 700; color:var(--primary); padding-bottom: .8em;}
.cert-content .cert-ls .item .txt-cont .tit {font-size: 17px; font-weight: 700;  word-break: keep-all; text-align: center;}
.cert-content .cert-ls .item .txt-cont .cert-num {font-size: 16px; color:#787878; margin-top: auto;}

@media screen and (max-width: 1399px) {
  .cert-content .cert-ls {grid-template-columns: repeat(3,1fr); gap: 50px 40px;}
}
@media screen and (max-width: 767px) {
  .cert-content .cert-ls {grid-template-columns: repeat(2,1fr); gap: 50px 20px;}
  .cert-content .cert-ls .item .txt-cont .cate {font-size: 14px;}
  .cert-content .cert-ls .item .txt-cont .tit {font-size: 15px;}
  .cert-content .cert-ls .item .txt-cont .cert-num {font-size: 14px;}
}


.dd-form .submit-button {border-radius: 50px; transition: .2s var(--cubic-pop2);}
#pr-movie .video-ls > li > a .content .title {font-size: 20px;}
#event .gall-ls > li > a .content .tag {font-size: 18px;}
#reference .board-ls > li.board-ls-head ,
#reference .board-ls > li {grid-template-columns: 100px 1fr 120px 100px; display: grid; align-items: center; padding-block: 20px;}
#reference .board-ls > li a {display: block;}
#reference .icon {width: 40px; height: 40px; border-radius: 10px; background: var(--secondary); display: flex; align-items: center; justify-content: center;  margin: 0 auto;}
#reference .icon svg {width: 20px;}
.dd-file .file-box label .btn-find {gap: .5em;}

@media (hover: hover) {
  .dd-form .submit-button:hover {background: var(--secondary);}
  #reference .board-ls > li:not(:has(.num .notice-tag)) > a:hover {background: none;}
  #reference .board-ls > li > a .icon:hover {background: var(--tertiary);}
}

@media screen and (max-width: 767px) {
  #reference .icon {width: 30px; height: 30px;}
  #reference .icon svg {width: 15px;}
  #reference .board-ls > li  {grid-template-columns: repeat(1, 1fr);padding-block: 20px;}
  #reference .board-ls > li .title {padding-inline: 15px; font-size: 14px;}
  #reference .board-ls .m-info {align-items: center;}
  #event .gall-ls {grid-template-columns: repeat(1,1fr);}

}






.lineup-content {display: grid; grid-template-columns: repeat(4,1fr); gap: 17px;}
.lineup-content .item {width: 100%; display: flex; flex-direction: column; border-radius: 20px; border:2px solid #E2E2E2; transition: .2s var(--cubic-pop2);background: #F1F1F1;}
.lineup-content .item .visual {display: flex; align-items: center; justify-content: center; padding: 19px 0 18px;overflow: hidden; pointer-events: none;width: 100%; height: 100%;}
.lineup-content .item .visual img {transition: .3s ease; transform-origin: top;}
.lineup-content .item .prod-name {display: flex;align-items: center; justify-content: space-between; background: #ACACAC; border-radius: 0 0 16px 16px; padding: 27px 17px 26px 26px; transition: .2s var(--cubic-pop1); min-height: 154px;}
.lineup-content .item .prod-name .sml {color:#E6E6E6; font-size: 18px; font-weight: 300;display: block;line-height: 1.56;}
.lineup-content .item .prod-name .txt {font-size: 30px; font-weight: 600; color:#757575; transition: .2s var(--cubic-pop2); color:#fff;}
.lineup-content .item .prod-name .icon {width: 48px; height: 48px; border-radius: 50%; display: flex;align-items: center; justify-content: center; border:2px solid #fff; transition: .2s var(--cubic-pop2);}
.lineup-content .item .prod-name .icon svg path { transition: .2s var(--cubic-pop2);}
.lineup-content .item .prod-name .icon svg line { transition: .2s var(--cubic-pop2);}


@media (hover:hover) {
  .lineup-content .item:hover .visual img {transform: scale(1.5);}
  .lineup-content .item:hover {border-color: var(--primary);box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
  .lineup-content .item:hover .prod-name {background: var(--primary); }
  .lineup-content .item:hover .prod-name .icon {border-color: var(--primary);border:2px solid #fff; background: #fff;}
  .lineup-content .item:hover .prod-name .txt {color: #fff;}
  .lineup-content .item:hover .prod-name .icon svg path {stroke:var(--primary);}
  .lineup-content .item:hover .prod-name .icon svg line {stroke:var(--primary);}
}

@media screen and (max-width:1399px){
  .lineup-content {gap: 27px; grid-template-columns: repeat(2,1fr);}
  .lineup-content .item .visual {padding:20px;}
  .lineup-content .item .prod-name {padding: 15px; min-height: auto;}
  .lineup-content .item .prod-name .txt {font-size: 24px;}
}

@media screen and (max-width:767px){
  .lineup-content {grid-template-columns: repeat(1,1fr);}
  .lineup-content .item .visual img {width: 200px;}
  .lineup-content .item .prod-name .txt {font-size: 22px;} 
  .lineup-content .item .prod-name .icon {width: 35px;height: 35px;}
  .lineup-content .item .prod-name .sml {font-size: 16px;}
}


/* product */
.prod-nav {display: flex;  gap: 27px; margin-bottom: 90px;}
.prod-nav .item {width: 352px;border-top: 5px solid #ACACAC;  display: flex; align-items: center; justify-content: space-between; padding: .5em .7em;}
.prod-nav .item .txt {font-size: 22px; font-weight: 700; text-transform: uppercase; color:#ACACAC;}
.prod-nav .item .txt .icon {}
.prod-nav .item.active {border-color: var(--primary);}
.prod-nav .item.active .txt { color:var(--primary);}
.prod-nav .item.active .icon svg path {stroke:var(--primary);}


#zeus-wave-pro {--bg-theme: linear-gradient(45deg ,#001C8E ,#0099FF); --ff-theme:#00C2FF;}
#zeus-wave {--bg-theme: linear-gradient(45deg ,#001C8E ,#0099FF); --ff-theme:#00C2FF;}
#tesla-3000 {--bg-theme: linear-gradient(45deg ,#005353 ,#01E3E3); --ff-theme:#00EEFF;}
#tesla-slim {--bg-theme: linear-gradient(45deg ,#005353 ,#01E3E3); --ff-theme:#00EEFF;}
#vibro-3000 {--bg-theme: linear-gradient(45deg ,#36006B ,#B400FF); --ff-theme:#FF8FFF;}
#bgm-6 {--bg-theme: linear-gradient(45deg ,#36006B ,#B400FF); --ff-theme:#FF8FFF;}

.prod-intro {padding-block: 120px;  color:#fff; position: relative; height: 700px; margin-bottom: 70px;}
.prod-intro .prod-intro-back {background: var(--bg-theme); position: absolute;top:0; left:0; width: 100%;height: 100%; }
.prod-intro .container {position: relative;}
.prod-intro .text-cont {width: 80%;;}
.prod-intro .title {font-size: 80px; font-family: var(--ff-secondary); font-weight: 900; padding-bottom: 48px;}
.prod-intro .text-cont .tit-sml {color:var(--ff-theme);font-size: 35px; font-weight: 600; line-height: 1.4;}
.prod-intro .text-cont .desc {font-size: 22px; line-height: 1.6; opacity: 0.6; padding-block: 1em 3em;}
.prod-intro .text-cont .info {display: flex; gap:42px;}
.prod-intro .text-cont .info .item {}
.prod-intro .text-cont .info .item .tit {font-size: 20px; font-weight: 500; padding: .3em 1em; border:1px solid #fff; border-radius: 50px;display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.prod-intro .text-cont .info .item .bullet {}
.prod-intro .text-cont .info .item .bullet li {}
.prod-intro .text-cont .info .item .bullet li span {display: block;font-weight: 300; font-size: 17px;}
.prod-intro .text-cont .info .item .bullet > li:before {background-color: #fff; width: 8px; height: 8px;}
.prod-intro .img-cont {position: absolute;top:-50px; right:0;}
.prod-intro .img-cont img {width: 90%; margin-left: auto;;}
.prod-intro .info-img {margin-top:207px;}
.prod-intro .info-img .tit {font-size: 30px; font-weight: 700; color:#333; margin-bottom: .5em; display: block;}


.divide {height: 1px; background: rgba(112, 112, 112,0.4); width: 100%;}


@media screen and (max-width:1399px){
  .prod-nav .item {width:100%;}
  .prod-nav .item .txt {font-size: 19px;}
  .prod-intro {padding-block: 80px; height: auto; margin-bottom: 0px;}
  .prod-intro .text-cont {width: 100%;}
  .prod-intro .text-cont .title {font-size: 40px; padding-bottom: 23px;}
  .prod-intro .text-cont .tit-sml {font-size: 20px;}
  .prod-intro .text-cont .desc {font-size: 16px; width: 55%; padding-block: 1em;}
  .prod-intro .text-cont .info .item .tit {font-size: 16px; margin-bottom: 12px;}
  .prod-intro .img-cont {width: 44%; top: -32px; right: -20px;}
  .prod-intro .text-cont .info {flex-direction: column; gap: 30px;}
  .prod-intro .info-img {margin-top: 100px;}
  .prod-intro .info-img .tit {font-size: 20px;}
  .prod-intro .text-cont .info .item .bullet li span {font-size: 14px;}
}
@media screen and (max-width:767px){
  .prod-nav {flex-direction: column; gap: 10px; margin-bottom: 40px;}
  .prod-nav .item .txt {font-size: 16px;}
  .prod-intro {padding-block: 0 50px; color:#333;}
  .prod-intro .text-cont .title {font-size: 30px;}
  .prod-intro .text-cont .desc {width: 100%; padding-block: 1em 0em;}
  .prod-intro .text-cont .tit-sml {font-size: 18px;}
  .prod-intro .prod-intro-back {display: none;;}
  .prod-intro .info-img .tit {font-size: 16px;}
  .prod-intro .info-img {margin-top: 50px;}
  .prod-intro .img-cont {background: var(--bg-theme); width: 100% !important; height: 300px; border-radius: 20px;position: static;  margin-bottom: 20px; display: flex; align-items: center; justify-content: center;}
  .prod-intro .img-cont img {width: 200px; margin: 0 auto; }
  .prod-intro .text-cont .info .item .tit {border-color: #333;;}
  .prod-intro .text-cont .info .item .bullet > li:before {background-color: #333; width: 4px; height: 4px;}
  .divide-mo {height: 1px; background: rgba(112, 112, 112,0.4); width: 100%;}

}





.prod-content {display: grid; grid-template-columns: 320px 1fr; gap: 10px; padding-block:170px;}
.prod-content .content-desc {line-height: 1.58; color:#3E3E3E; padding-block:10px 50px; font-size: 17px;}
.prod-content .content-tit {font-size: 43px; font-weight: 700; color:#3E3E3E; line-height: 1.39;}
.prod-content .content {}
.prod-content .content.ly-hori {display: flex; gap: 40px; align-items: flex-start;}
.prod-content .content .txt-box {width: 400px;}
.prod-content .content .txt-box .sbj {font-size: 30px; font-weight: 700; color:var(--secondary); padding-bottom: .4em; display: block; line-height: 1.26;}
.prod-content .content .txt-box .desc {line-height: 1.58; padding-bottom: 13px;}
.prod-content ul.bullet > li:before {width: 7px; height: 7px;}

.prod-content.feature {}
.prod-content.feature .feature-ls {display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; margin-bottom: 100px;}
.prod-content .tit-back {font-size: 22px; font-weight: 700; color:#707070; padding:.5em 1em; background: #F9F9F9; border-top: 4px solid #bbb; width: 100%;}
.prod-content.feature .feature-ls .divide {grid-column: span 2; width: 100%; height: 1px; background: #e1e1e1; ;}
.prod-content.feature .feature-ls .item {display: flex; border-right: 1px solid #e1e1e1; padding-right: 15px; align-items: flex-start; gap: 10px;}
.prod-content.feature .feature-ls .item.border-none {border-right: none;}
.prod-content.feature .feature-ls .item .txt-cont {width: 100%;}
.prod-content.feature .feature-ls .item .txt-cont .sbj {font-size: 18px; font-weight: 700; color:var(--primary); line-height: 1.44; display: block; padding-left: 15px; padding-bottom: 20px;}
.prod-content.feature .feature-ls .item .txt-cont .bullet {display: flex; flex-direction: column; gap: 15px;}
.prod-content.feature .feature-ls .item .txt-cont .bullet li {}

.prod-content .gtc-3 .tit-back {grid-column: span 3;}
.prod-content .gtc-4 .tit-back {grid-column: span 4;}
.prod-content.feature .feature-ls.gtc-1 {grid-template-columns: repeat(1,1fr); gap: 30px 20px;}
.prod-content.feature .feature-ls.gtc-3 {grid-template-columns: repeat(3,1fr); gap: 30px 20px;}
.prod-content.feature .feature-ls.gtc-3 .item {display: flex; flex-direction: column; border:1px solid var(--primary);  padding: 13px 10px; align-items: center;}
.prod-content.feature .feature-ls.gtc-3 .item .sbj {display: flex; align-items: center; justify-content: center; color:#fff; font-size: 17px; font-weight: 700; background: var(--primary); width: 100%; padding: .5em 1em;}
.prod-content.feature .feature-ls.gtc-3 .item img {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);display: block;}

.prod-content.feature .feature-ls.gtc-4 {grid-template-columns: repeat(4,1fr); gap: 36px 15px;}
.prod-content.feature .feature-ls.gtc-4 .item {display: flex; flex-direction: column; border:1px solid var(--primary);  padding: 13px 10px; align-items: center;}
.prod-content.feature .feature-ls.gtc-4 .item .sbj {display: flex; align-items: center; justify-content: center; color:#fff; font-size: 17px; font-weight: 700; background: var(--primary); width: 100%; padding: .5em 1em;}
.prod-content.feature .feature-ls.gtc-4 .item img {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);display: block;}


@media screen and (max-width: 1399px) {
  .prod-content {padding-block: 80px; grid-template-columns: repeat(1,1fr); gap: 20px;}
  .prod-content .content-tit {font-size: 27px;}
  .prod-content .content.ly-hori {flex-direction: column; gap: 20px;}
  .prod-content .tit-back {font-size: 19px;}
  .prod-content .content .txt-box {width: 100%;}
  .prod-content .content-desc {padding-block: 0 30px;}
  .prod-content.feature .feature-ls {gap: 40px 26px; margin-bottom: 80px;}
  .prod-content.feature .feature-ls .item {flex-direction: column;}
  .prod-content.feature .feature-ls .item img {margin: 0 auto;}
  .prod-content .content .txt-box .sbj {font-size: 25px;}
}
@media screen and (max-width: 767px) {
  .prod-content {padding-block: 50px 70px; gap: 16px;}
  .prod-content .content-tit {font-size: 23px;}
  .prod-content .content .txt-box .sbj {font-size: 22px;}
  .prod-content.feature .feature-ls {grid-template-columns: repeat(1,1fr);}
  .prod-content.feature .feature-ls .divide {display: none;}
  .prod-content .tit-back {grid-column: span 1 !important; font-size: 17px;}
  .prod-content.feature .feature-ls .item {border-right: none; padding-right: 0;} 
  .prod-content.feature .feature-ls.gtc-3 {grid-template-columns: repeat(1,1fr);}
  .prod-content.feature .feature-ls.gtc-3 .tit {grid-column: span 1;}
  .prod-content .content-desc {font-size: 15px;}
}


.prod-intro.info {padding-block: 60px 0; height: 240px;}
.prod-intro.info .prod-intro-back {height: 100%;}
.prod-intro.info .title {font-size: 68px;}

.app-ls {display: grid; grid-template-columns: repeat(3,1fr); gap: 35px 20px;}
.app-ls .item {display: flex; flex-direction: column;}
.app-ls .item .tit {font-size: 17px; font-weight: 700; padding: .8em 1em; border-top: 3px solid #001C8E; display: flex; align-items: center;justify-content: center; color:var(--primary)}


.table-container {width: 100%;}
.table-container table {width: 100%;}
.table-container table .wid-1 {width: 40%;}
.table-container table .wid-2 {width: 60%;}
.table-container table tbody {text-align: left; border-top:2px solid #001C8E; border-bottom: 2px solid #707070;}
.table-container table tbody tr {border-bottom: 1px solid #e1e1e1;}
.table-container table tbody th {font-size: 17px; font-weight: 700; background: #EBEDF6; padding: .7em 1em;}
.table-container table tbody td {font-size: 17px; padding: .5em 1em;}
.table-container table .tit-primary {background: var(--primary); color:#fff; font-size: 18px; padding: .7em 1em;}
.table-container table .tit-secondary {background: var(--secondary); color:#fff; font-size: 18px; padding: .7em 1em;}
.table-container .noti {font-size: 16px; padding-top: 20px ;display: block; position: absolute; color:#838383;}
.table-container .noti span {display: flex; gap: .5em; line-height: 1.5; padding-bottom: .3em; }

.prod-content .add-ls {display: grid; grid-template-columns: repeat(1,1fr); gap: 100px;}
.prod-content .add-ls .item {display: flex; gap: 50px;align-items: flex-start;}
.prod-content .add-ls .item:nth-child(2) .thumb {order: 1;}
.prod-content .add-ls .item:nth-child(3) .txt-box .tit {padding-bottom: 2em;}
.prod-content .add-ls .item .thumb {}
.prod-content .add-ls .item .txt-box {border-top: 5px solid #E6E6E6; padding-top: 20px;width: 100%;}
.prod-content .add-ls .item .txt-box .tit {font-size: 30px; font-weight: 700; line-height: 1.26; padding-bottom: .8em; display: block; color:#3E3E3E;}
.prod-content .add-ls .item .txt-box .desc {letter-spacing: -0.016em;}


@media screen and (max-width: 1399px) {
  .prod-intro.info {height:184px;}
  .prod-intro.info .title {font-size: 46px; }
  .prod-content.spec .content.ly-hori {flex-direction: row; align-items: flex-end;}
  .prod-content.spec .content img {width:200px;}
  .table-container table thead th {font-size: 15px !important;}
  .table-container table tbody th {font-size: 15px;}
  .table-container table tbody td {font-size: 14px;}
  .table-container table .wid-1 {width: 40%;} 
  .table-container .noti {font-size: 13px; }
  .prod-content .add-ls {gap: 70px;}
  .prod-content .add-ls .item {gap: 30px;}
  .prod-content .add-ls .item .thumb {width: 300px;}
  .prod-content .add-ls .item .txt-box .tit {font-size: 24px;}
  .prod-content .add-ls .item .txt-box .desc {font-size: 15px;}
  .prod-content .add-ls .item:nth-child(3) .txt-box .tit {padding-bottom: .8em;}
  
}
@media screen and (max-width: 767px) {
  .prod-intro.info {height: 150px;}
  .prod-intro.info .title {font-size: 30px; padding-bottom: 0; color:#fff;}
  .prod-intro.info .prod-intro-back {display: flex;}
  .app-ls {grid-template-columns: repeat(2,1fr); gap: 30px 12px;}
  .app-ls .item .tit {font-size: 14px; padding: .8em 0em;}
  .prod-content.spec .content img {display: none;}
  .prod-content.spec .content.ly-hori {flex-direction: column; }
  .prod-content .add-ls .item {flex-direction: column;}
  .prod-content .add-ls .item:nth-child(2) .thumb {order: 0;}
  .prod-content .add-ls .item .txt-box .tit {font-size: 19px;}
  .prod-content .add-ls .item .thumb {width: 100%;}
}


/* zeus-wave */


#zeus-wave .desc-cont {margin-top: 60px;}
#zeus-wave .prod-content.principle .wrapper {display: flex; gap: 15px; position: relative; flex-direction: column;}
#zeus-wave .prod-content.principle .feature-ls {display: grid; grid-template-columns: repeat(2,1fr);width: 100%; margin-bottom: 0; gap: 0 30px;}
#zeus-wave .prod-content.principle .feature-ls .tit {width: 100%; font-size: 18px; font-weight: 700; padding: .8em 1em;  display: flex; align-items: center; justify-content: center; color: var(--primary); background: var(--primary); color:#fff; margin-bottom: 30px;}
#zeus-wave .prod-content.principle .feature-ls .desc {padding-top: 16px;}
#zeus-wave .prod-content.principle .feature-ls .desc li {padding-bottom: 10px;}

#zeus-wave .prod-content.principle .feature-ls .item {border: 1px solid var(--primary); padding: 20px;}
#zeus-wave .prod-content.principle .feature-ls .item .txt-cont {position: relative;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
#zeus-wave .prod-content.principle .feature-ls .item:last-child {padding-bottom: 50px;}
#zeus-wave .prod-content.principle .feature-ls .item .txt-cont .sbj {background:#fff; color:var(--primary); padding: .1em 1em; border-radius: 50px; font-weight: 600;  gap: 5px; font-size: 30px;   width: 100%; display: flex; align-items: center; justify-content: center;}
#zeus-wave .prod-content.principle .feature-ls .item.hilt {border: 1px solid var(--secondary); }
#zeus-wave .prod-content.principle .feature-ls .item.hilt .tit {background:var(--secondary)}
#zeus-wave .prod-content.principle .feature-ls .item.effect {grid-column: span 2; border:none; padding: 0;}
#zeus-wave .prod-content.principle .feature-ls .item.effect .txt-cont {border: 1px solid #e1e1e1; background: #F1F1F1; border-radius: 50px; padding: 30px; margin-top: 50px; align-items: flex-start;}
#zeus-wave .prod-content.principle .feature-ls .item.effect .txt-cont .sbj-img {position: absolute; bottom: 95%; align-self: center;}
#zeus-wave .prod-content.principle .feature-ls .item.effect .desc {padding-top: 0;}
#zeus-wave .prod-content.principle .feature-ls .item.effect .bullet li:nth-child(1):before {background-color:var(--primary);}
#zeus-wave .prod-content.principle .feature-ls .item.effect .bullet li:nth-child(2):before {background-color:var(--primary);}
#zeus-wave .prod-content.principle .feature-ls .item.effect .bullet li:nth-child(3):before {background-color:var(--secondary);}
#zeus-wave .prod-content.principle .feature-ls .item.effect .bullet li:nth-child(4):before {background-color:var(--secondary);}


.prod-content.feature .feature-ls.type2 .ls .sbj {background: #F1F1F1; border-top:4px solid var(--primary); color:var(--primary); font-size: 17px; font-weight: 700; padding: .5em 1em;; display: flex; align-items: center; justify-content: center;}
.prod-content.feature .feature-ls.type2 .ls .desc {padding: 1em;}
#zeus-wave .prod-content.feature .feature-ls .ls {width: 100%; border-bottom: 1px solid var(--primary); }
#zeus-wave .prod-content.feature .feature-ls .ls img {margin: 20px auto;}
#zeus-wave .prod-content.feature .feature-ls .ls .sbj-typ2 {font-size: 22px; border:2px solid var(--primary); color:var(--primary); font-weight: 500; padding: .5em 1em;; display: flex; align-items: center;  justify-content: center;}
#zeus-wave .prod-content.feature .feature-ls .ls .desc {padding: 1em;}
#zeus-wave .prod-content.feature .feature-ls .item {flex-direction: column; border:none;}
#zeus-wave .prod-content.feature .feature-ls.gtc-3 {margin-bottom: 80px;}
#zeus-wave .prod-content.feature .noti {text-align: right;display: block; color:#ACACAC; font-weight: 600; font-size: 15px; grid-column: span 3;}
#zeus-wave .table-container table tbody th { padding: .7em .5em;. }
#zeus-wave .table-container table tbody td {padding: .7em 1em;}
#zeus-wave .spec .content.ly-hori {gap: 5px;}
#zeus-wave .spec .wrapper {display: flex; flex-direction: column; gap: 43px;}
#zeus-wave .table-container table .wid-1 {width: 50%;}
#zeus-wave .spec img {margin-top: -61px;}


.content-tit-sml {font-size: 25px; font-weight: 600; color:#757575; padding-top: 15px; border-top: 4px solid #e1e1e1; width: 244px;}
.content-tit-sml.nowrap {white-space: nowrap;}

.safety-ls {display: flex;}
.safety-ls .desc-2 {font-size: 20px; font-weight: 600; color:var(--secondary); line-height: 1.5; padding-bottom: 20px;}
.safety-ls .desc {line-height: 1.58;}
.prod-content.spec:has(.noti) {padding-bottom: 200px; position: relative;}


@media screen and (max-width: 1399px) {
  #zeus-wave .desc-cont {width: 50%;}
  #zeus-wave .prod-intro .img-cont {width: 50%; top: -50px;}
  #zeus-wave .prod-intro .text-cont .desc {width: 60%;}
  #zeus-wave .prod-content.principle .wrapper {flex-direction: column;}
  #zeus-wave .prod-content.principle .wrapper:before {display: none; }
  #zeus-wave .prod-content.principle .feature-ls {gap: 10px;}
  #zeus-wave .prod-content.principle .feature-ls .tit {padding: .5em .3em;  margin-bottom: 0;}
  #zeus-wave .prod-content.principle .feature-ls .item {padding-bottom: 0;}
  #zeus-wave .prod-content.principle .feature-ls .item:last-child {padding-bottom: 0px;}
  #zeus-wave .prod-content.spec .content img {width: 250px;}
  .safety-ls {flex-direction: column; gap: 20px;}
  .content-tit-sml {width: 100%; font-size: 22px;}
  .content-tit-sml.nowrap {white-space: initial; }
  #zeus-wave .prod-content.principle .feature-ls .item .txt-cont .sbj {font-size: 24px;}
  #zeus-wave .prod-content.principle .feature-ls .desc li {font-size: 15px;}
  #zeus-wave .prod-content.feature .feature-ls .ls .desc {font-size: 15px;}
  #zeus-wave .prod-content.feature .feature-ls .ls img {min-height: 140px; object-fit: contain;}
  #zeus-wave .prod-content.feature .feature-ls .ls .sbj-typ2 {font-size: 17px; padding: .5em;}

}
@media screen and (max-width: 767px) {
  #zeus-wave .prod-intro .img-cont img {width: 170px;}
  #zeus-wave .prod-intro .text-cont .desc {width: 100%;}
  #zeus-wave .desc-cont {background: var(--primary); width: 100%; padding: 20px; margin-top: 33px; border-radius: 10px;}
  #zeus-wave .prod-content.feature .feature-ls .tit {font-size: 18px; margin-bottom: 0;}
  #zeus-wave .prod-content.feature .feature-ls .item .txt-cont .sbj {padding-bottom: 7px;}
  #zeus-wave .prod-content.spec .content img {display: none;}
  .content-tit-sml {width: 100%; font-size: 18px; }
  .safety-ls .desc-2 {font-size: 18px;}
  #zeus-wave .prod-content.principle .feature-ls {grid-template-columns: repeat(1,1fr);}
  #zeus-wave .prod-content.principle .feature-ls .item.effect {grid-column: span 1;}
  #zeus-wave .prod-content.feature .feature-ls.gtc-3 {grid-template-columns: repeat(1,1fr);}
  #zeus-wave .prod-content.feature .noti {grid-column: span 1;}
  #zeus-wave .prod-content.principle .feature-ls .item .txt-cont .sbj {font-size: 21px;}
  #zeus-wave .prod-content.principle .feature-ls .item.effect .txt-cont {border-radius: 30px; margin-top: 72px;}
}


.prod-content.piezo {padding-block: 90px;}

.zeus-wave-info .table-container {width: 707px;}
.zeus-wave-info .spec .content {position: relative;}
.zeus-wave-info .spec img {position: absolute;right: 0; top: -70px;}
.zeus-wave-info .prod-content.piezo .content .board {background: #F1F1F1; padding: 35px;}
.zeus-wave-info .prod-content.piezo .content .board .tit {font-size: 22px; font-weight: 700; color:var(--primary); padding-bottom: 20px; display: block;}
.zeus-wave-info .prod-content.piezo .content .board .img-cont {display: flex; gap: 35px; margin-bottom: 38px;}


@media screen and (max-width: 1399px) {
  .prod-content.piezo {padding-block: 30px;}
  .zeus-wave-info .prod-content.piezo .content .board .img-cont {grid-template-columns: repeat(2,1fr); display: grid;}
  #zeus-wave.zeus-wave-info .prod-content.spec .content img {width: 200px; position: static;}
  #zeus-wave.zeus-wave-info .prod-content.spec .content {margin-top: -50px;}
}
@media screen and (max-width: 767px) {
  #zeus-wave.zeus-wave-info .prod-content.spec .content {margin-top: 0;}
  #zeus-wave.zeus-wave-info .prod-content.spec .content img {display: none;}
  #zeus-wave.zeus-wave-info .prod-content.spec {padding-bottom: 0;}
  #zeus-wave.zeus-wave-info .content-tit-sml {padding-bottom: 0;}
  .zeus-wave-info .table-container {width: 100%;}
  .zeus-wave-info .prod-content.piezo .content .board {padding: 20px;}
  .zeus-wave-info .prod-content.piezo .content .board .tit {font-size: 18px;}
  .zeus-wave-info .prod-content.piezo .content .board .img-cont {gap: 10px;}

}

/* tesla-3000 */

#tesla-3000 .prod-content .content .title {color:#01ADAD;font-size: 30px;font-weight: 700;padding-bottom: .4em;display: block;line-height: 1.26;}
#tesla-3000 .prod-content.feature .feature-ls.type2 .ls .sbj {border-top: 4px solid #005353;color: #005353;margin-bottom: .5em; justify-content: flex-start; width: 100%;}
#tesla-3000 .prod-content .content .thumb {width: 100%; }
#tesla-3000 .prod-content .content .thumb img {width: 100%; }
#tesla-3000 .prod-content .content .txt-box {display: flex; flex-direction: row-reverse; width: 100%; gap: 28px; padding-top: 20px;}
#tesla-3000 .prod-content .content .txt-box .desc {font-size: 20px;}
#tesla-3000 .prod-content .content .txt-box img {width: 633px;}
#tesla-3000 .prod-content.feature .wrapper {display: flex;flex-direction: column; gap: 100px;}
#tesla-3000 .prod-content.feature .feature-ls.gtc-3 .item {border-color:#005353;}
#tesla-3000 .prod-content.feature .feature-ls.gtc-3 .item .sbj {background: #005353; color:#fff;}
#tesla-3000 .prod-content.lllt {padding-bottom: 70px;}
#tesla-3000 .prod-content.lllt .content {position: relative;}
#tesla-3000 .prod-content.lllt .wrap {display: flex; align-items: center;}
#tesla-3000 .prod-content.lllt .txt-cont {display: flex; flex-direction: column; gap: 16px; position: absolute; right: 0; }
#tesla-3000 .prod-content.lllt .txt-cont .item {width: 768px; border-radius: 60px; background: rgba(23, 23, 23, 0.2); padding: 16px; display: flex; gap: 20px;align-items: center;}
#tesla-3000 .prod-content.feature .feature-ls.type2 .ls .desc {display: flex; gap: .5em; padding: .5em; letter-spacing: -0.02em;}  
#tesla-3000 .prod-content.feature .feature-ls .ls {display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #005353;}
#tesla-3000 .prod-content.feature .feature-ls .sbj-tag {width: 100%; font-size: 18px;border: 2px solid #005353;color: #005353;font-weight: 500;padding: .5em 1em;display: flex;align-items: center; line-height: 1.3; min-height: 67px;}
#tesla-3000 .prod-content.feature .feature-ls .sbj-tag:first-of-type {justify-content: center;}


@media screen and (max-width: 1399px) { 
  #tesla-3000 .prod-intro .img-cont {top:-32px;}
  #tesla-3000 .prod-intro .desc-cont {width: 80%;}
  #tesla-3000 .prod-content.feature .wrapper {gap: 50px;}
  #tesla-3000 .prod-content.lllt .wrap {gap: 30px;}
  #tesla-3000 .prod-content.lllt .txt-cont {position: relative;}
  #tesla-3000 .prod-content.lllt .txt-cont .item {width: 100%; border-radius: 10px;}
  #tesla-3000 .prod-content.lllt .txt-cont .item img {width: 50px;}
  #tesla-3000 .prod-content.lllt .txt-cont .item .desc {font-size: 14px;}
  #tesla-3000 .prod-content .content .title {font-size: 21px;}
  #tesla-3000 .prod-content.feature .feature-ls.type2 .ls .desc {font-size: 15px;}
  #tesla-3000 .prod-content.feature .feature-ls.type2 .ls .sbj {padding: .3em .5em; letter-spacing: -0.02em;}
  #tesla-3000 .prod-content.feature .feature-ls .sbj-tag {min-height: 86px; padding: .5em; font-size: 16px;}
  #tesla-3000 .prod-content .content .txt-box {gap: 16px; align-items: flex-start;}
  #tesla-3000 .prod-content .content .txt-box img {width: 50%;}
  #tesla-3000 .prod-content .content .txt-box .desc {font-size: 16px;}
}
@media screen and (max-width: 767px) { 
  #tesla-3000 .prod-intro .text-cont .tit-sml {color:#01ADAD;}
  #tesla-3000 .prod-content.lllt .wrap {flex-direction: column; }
  #tesla-3000 .prod-intro .text-cont .desc {width: 100%;}
  #tesla-3000 .prod-content.feature .feature-ls .ls {border-bottom: none;}
  #tesla-3000 .prod-content .content .txt-box {flex-direction: column;}
  #tesla-3000 .prod-content .content .txt-box img {width: 100%;}
}



/* tesla-3000-info */
#tesla-3000 .app-ls .item .tit {border-top-color:#005353; color:#005353;}
#tesla-3000 .table-container table tbody th {background: #EBF1F1;}
#tesla-3000 .table-container table tbody {border-color:#005353}
#tesla-3000 .table-container table .wid-1 {width: 40%;}
#tesla-3000 .spec img {margin-top: -100px;}

@media screen and (max-width: 1399px) { 
 #tesla-3000.tesla-3000-info .prod-intro {height: 184px;}
}
@media screen and (max-width: 767px) { 
  #tesla-3000.tesla-3000-info .prod-intro {height: 150px;}
}


/* tesla-slim */
#tesla-slim .prod-content .content .title {color:#01ADAD;font-size: 30px;font-weight: 700;padding-bottom: .4em;display: block;line-height: 1.26;}
#tesla-slim .prod-content .content .thumb {width: 100%; }
#tesla-slim .prod-content .content .thumb img {width: 100%; }
#tesla-slim .prod-content .content .txt-box {width: 100%;padding-top: 20px; align-items: flex-start;}
#tesla-slim .prod-content .content .txt-box {display: flex; flex-direction: row-reverse; width: 100%; gap: 28px;}
#tesla-slim .prod-content .content .txt-box img {width: 633px;}
#tesla-slim .prod-intro .text-cont .info .item .txt {font-size: 18px; line-height: 1.66; padding-bottom: .8em;}
#tesla-slim .prod-intro .title {padding-bottom: 30px;}
#tesla-slim .prod-content .content .txt-box .sbj {color:#01ADAD;} 
#tesla-slim .prod-content .content .txt-box .desc span {color:#01ADAD;} 
#tesla-slim .prod-content.principle {padding-bottom: 100px;}
#tesla-slim .prod-content.feature .feature-ls .item .txt-cont .sbj {color:#005353;}
#tesla-slim .prod-content.feature .feature-ls .item .txt-cont .desc {padding-left: 15px; display: flex; flex-direction: column; gap: 15px;}
#tesla-slim .prod-content.feature .feature-ls.gtc-2 .item {border-color:#005353;}
#tesla-slim .prod-content.feature .feature-ls.gtc-2 .item .sbj {background: #005353;font-size: 14px;}
#tesla-slim .prod-content.feature .feature-ls .ls .sbj {margin-bottom: .5em; padding: .5em;border-color:#005353; color:#005353;}
#tesla-slim .prod-content.feature .feature-ls .ls {border-bottom: 1px solid #005353;}

.feature-icon-type {grid-template-columns: repeat(3,1fr); gap: 10px;display: grid; margin-bottom: 70px;}
.feature-icon-type .item {display: flex; flex-direction: column; border-top: 3px solid #005353; border-bottom:1px solid #e1e1e1;  padding-block: 1.5em;}
.feature-icon-type .item .head {display: flex; align-items: flex-start; justify-content: space-between; height: 107px; padding-right: 10px;}
.feature-icon-type .item .head .sbj {font-size: 20px; font-weight: 600; color:#005353;}
.feature-icon-type .item .desc {letter-spacing: -0.02em;}



#tesla-slim .app-ls {grid-template-columns: repeat(2,1fr);}
#tesla-slim .table-container table .wid-1 {width: 45% ;}
#tesla-slim .spec img {margin-top: -30px;} 
#tesla-slim .table-container table tbody {border-color:#005353;}
#tesla-slim .table-container table tbody th {background: #EBF1F1;}
#tesla-slim .app-ls .item .tit {border-color:#005353; color:#005353;}
#tesla-slim .adv-ls {display: flex; flex-direction: column; gap: 18px;width: 100%;}
#tesla-slim .adv-ls li {font-size: 18px; border-radius: 50px; width: 100%; display: flex; border: 1px solid #005353; align-items: center; gap:1em; height: 56px;}
#tesla-slim .adv-ls li .sbj-cont {padding: .2em .5em; background: #01ADAD; color:#fff; display: flex; align-items: center; gap: .5em; font-weight: 600; border-radius: 50px;border: 1px solid #01ADAD; width: 230px; margin-left: -5px; height: calc(100% + 2px); font-size: 17px;}
#tesla-slim .adv-ls li .sbj-cont .icon {}
#tesla-slim .adv-ls li .sbj-cont .icon img {width: 30px; height: 30px;}
#tesla-slim .adv-ls li .sbj-cont .sbj {}
#tesla-slim .adv-ls li .desc-cont {}
#tesla-slim .adv-ls li .desc-cont span {font-weight: 700; color:#005353; font-weight: 700;}


@media screen and (max-width: 1399px) { 
  #tesla-slim .prod-content .content .title {font-size: 21px;}
  #tesla-slim .prod-intro .text-cont .info .item .txt {font-size: 14px;}
  #tesla-slim .prod-content.principle {padding-bottom: 60px;}
  .feature-icon-type {grid-template-columns: repeat(1,1fr);}
  .feature-icon-type .item {gap: 20px;}
  .feature-icon-type .item .head {height: auto; align-items: center;}
  .feature-icon-type .item .head .sbj {font-size: 18px;}
  .feature-icon-type .item .head .icon {width: 30px;}
  .prod-content.feature .feature-ls.gtc-4 .tit {grid-column: span 2;}
  .prod-content.feature .feature-ls.gtc-4 {grid-template-columns: repeat(2,1fr);}
  .prod-content.feature .feature-ls.type2 .ls .desc {font-size: 15px;}
  #tesla-slim .prod-content .content .txt-box {}
  #tesla-slim .prod-content .content .txt-box img {width: 50%;}
  #tesla-slim .prod-content .content .txt-box .desc {font-size: 15px;}
  #tesla-slim .prod-content.feature .feature-ls.type2 .ls .sbj {min-height: 86px; line-height: 1.3;}
  #tesla-slim .prod-content.adv .content.ly-hori {align-items: center;}
  #tesla-slim .adv-ls {display: grid;grid-template-columns: repeat(2,1fr);}
  #tesla-slim .adv-ls li {gap: .5em;}
  #tesla-slim .adv-ls li .sbj-cont {gap:.5em; width: 172px;}
}
@media screen and (max-width: 767px) { 
  .feature-icon-type {gap: 30px;}
  .feature-icon-type .item {padding-block: .5em;}
  .feature-icon-type .item .head .sbj {font-size: 16px;}
  .prod-content.feature .feature-ls.gtc-4 .tit {grid-column: span 1;}
  #tesla-slim .prod-intro .text-cont .tit-sml {color:#01ADAD;}
  #tesla-slim .prod-content.feature .feature-ls {gap: 28px;}
  #tesla-slim .prod-content.feature .feature-ls {gap: 30px; grid-template-columns: repeat(1,1fr);}
  #tesla-slim .prod-content.feature .feature-ls.type2 .ls .sbj {min-height: auto;}
  #tesla-slim .prod-intro .text-cont .desc {width: 100%;}
  #tesla-slim .adv-ls {grid-template-columns: repeat(1,1fr);}
  #tesla-slim .adv-ls li {font-size: 15px; height: auto; flex-direction: column; overflow: hidden; border-radius: 5px; gap: 0;}
  #tesla-slim .adv-ls li .sbj-cont {height: auto; width: 100%; margin-left: 0; border-radius: 0; padding-left: 50px;}
  #tesla-slim .adv-ls li .sbj-cont .icon {width: 40px; height: 30px;}
  #tesla-slim .adv-ls li .desc-cont {padding: 10px;}
  #tesla-slim .prod-content.feature .feature-ls .ls {border-bottom: none;}
  #tesla-slim .prod-content .content .txt-box {flex-direction: column; gap: 16px;}
  #tesla-slim .prod-content .content .txt-box img {width: 100%;}
}










/* vibro-3000 */

#vibro-3000 .prod-intro .text-cont .info .item .bullet > li {font-size: 18px; line-height: 1.66;}
#vibro-3000 .prod-intro .text-cont .info .item .bullet > li:before {display: none;}


@media screen and (max-width: 1399px) { 
  #vibro-3000 .prod-intro .intro-info-img {width: 200px; margin-left: 20px;}
  #vibro-3000 .prod-intro .text-cont .desc {width: 70%;}
  #vibro-3000 .prod-intro .text-cont .info .item .bullet > li {font-size: 15px;}
}

@media screen and (max-width: 767px) { 
  #vibro-3000 .prod-intro .text-cont .tit-sml {color:#36006B;}
  #vibro-3000 .prod-intro .text-cont .desc {width: 100%;}
  #vibro-3000 .prod-intro .desc-cont {background: #36006B; border-radius: 10px;}
  #vibro-3000 .prod-intro .intro-info-img {width: 100%; margin: 0;padding: 20px; }
  #vibro-3000 .prod-content.feature .feature-ls {margin-bottom: 30px;}
}


.vibro-3000-info .table-container table tbody th {background: #EFEBF3; }



/* bgm-6 */

#bgm-6 .prod-intro .title {padding-bottom: 26px;}
#bgm-6 .prod-intro .img-cont {top: 140px;}

#bgm-6 .prod-content.feature .feature-ls .item {flex-direction: column;}
#bgm-6 .prod-content.feature .feature-ls .item .txt-cont {display: flex; gap: 22px; align-items: flex-start; padding-left: 15px;} 
#bgm-6 .prod-content.feature .feature-ls .item .sbj { font-size: 18px; font-weight: 700; color: #36006B; line-height: 1.44; display: block; padding-left: 15px; padding-bottom: 20px;}
#bgm-6 .prod-content.feature .feature-ls .item .txt-cont .bullet.gap-none {gap: 8px;}

#bgm-6 .prod-content .content .board {background: #F1F1F1; padding: 46px 67px; display: flex; gap: 54px; align-items: center;}
#bgm-6 .prod-content .content .board .txt-box {width: 100%;}
#bgm-6 .prod-content .content .board .txt-box b {color:#36006B; font-size: 22px; font-weight: 700; padding-bottom: 1em; display: block;}



@media screen and (max-width: 1399px) { 
  #bgm-6 .prod-intro .img-cont {top: 240px;right: 0;}
  #bgm-6 .prod-intro .text-cont .info .item .bullet {font-size: 14px;}
  #bgm-6 .prod-content.feature .feature-ls .item .txt-cont {flex-direction: column; gap: 10px;}
  #bgm-6 .prod-content .content .board {padding: 20px; gap: 20px;}
  #bgm-6 .prod-content .content .board .txt-box b {font-size: 20px;}
}
@media screen and (max-width: 767px) { 
  #bgm-6 .prod-intro .text-cont .tit-sml {color:#36006B;}
  #bgm-6 .prod-content.feature .feature-ls .item .sbj {font-size: 17px; border-top: 1px solid #e1e1e1;padding-top: 10px; width: 100%; padding-inline: 10px;}
  #bgm-6 .prod-content.feature .feature-ls .item .txt-cont .bullet li {font-size: 15px;}
  #bgm-6 .prod-content .content .board {flex-direction: column; gap: 20px;}
  #bgm-6 .prod-content .content .board .txt-box b {font-size: 18px;}
}



.bgm-6-info .prod-content.adults {padding-top: 100px;}

@media screen and (max-width: 1399px) {
  .bgm-6-info .prod-content.adults {padding-top: 50px;}
}
@media screen and (max-width: 767px) {
  .bgm-6-info .prod-content.adults {padding-top: 30px;}
}

#zeus-wave-pro .prod-content.principle .content {width: 100%;}
#zeus-wave-pro .prod-content.principle .content .item {width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px;}
#zeus-wave-pro .prod-content.principle .content .item .thumb {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border:1px solid #e1e1e1; padding-block: 20px;}
#zeus-wave-pro .prod-content.principle .content .txt-box {width: 100%; padding-top: 30px; }


#zeus-wave-pro .prod-content.feature .feat-1 .feature-ls .item {flex-direction: column; padding-right: 33px;}
#zeus-wave-pro .prod-content.feature .feature-ls .item .prod-thumb {display: flex; align-items: center; justify-content: center; min-height: 200px;}
#zeus-wave-pro .prod-content.feature .feature-ls .item .inner {width: 100%; display: grid;  grid-template-columns: 1fr 2fr; }
#zeus-wave-pro .prod-content.feature .feature-ls .item .thumb {width: 100%;  display: block;}
#zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj {background: var(--primary); color: #fff; padding: .3em 1em .3em .5em; border-radius: 50px; font-weight: 600; display:inline-flex; align-items: center; gap: 5px; }
#zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj .tag {width: 30px; height: 30px; border-radius: 50%; background: #fff; color: var(--primary); display: inline-flex; align-items: center; justify-content: center;  font-weight: 700; margin-right: 5px; font-size: 16px;}
#zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .desc {padding-top: 20px;}
#zeus-wave-pro .prod-content.feature .feature-ls .item .noti {display: block; font-size: 14px; padding-block: .3em; color:#333;}

@media screen and (max-width: 1399px) {
  #zeus-wave-pro .prod-content.principle .content {flex-direction: row;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .inner {grid-template-columns: 1fr;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .desc {font-size: 16px;}
  #zeus-wave-pro .prod-content.feature .feat-1 .feature-ls .item {padding-right: 13px;}
  #zeus-wave-pro .prod-content.feature .feature-ls {gap: 40px 13px;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .txt-cont .sbj {display: flex;}
  #zeus-wave-pro .prod-content.feature .feature-ls .item .noti {font-size: 13px;}
}
@media screen and (max-width: 767px) {
  #zeus-wave-pro .prod-content.principle .content {flex-direction: column;}
  #zeus-wave-pro .prod-content.principle .content .txt-box {padding-top: 13px;}
  #zeus-wave-pro .prod-content.feature .feat-1 .feature-ls .item {padding-right: 0;}
}



.vision-content {position: relative; display: flex;align-items: center;justify-content: center;}
/* .vision-content .vision-diagram {position: absolute;left:50%; transform: translate(-50%); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0px; z-index: 2; border-radius: 50%; background: #fff;}  */
.vision-content .vision-diagram {position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0px; z-index: 2; border-radius: 50%; background: #fff;} 
.vision-content .vision-diagram .vision-diagram-img {position: absolute;} 
.vision-content .content {display: flex; justify-content: space-between; width: 1374px; }
.vision-content .content .cont-ls {display: flex; flex-direction: column; gap: 114px; width: 50%;}
.vision-content .content .cont-ls .item {position: relative; display: flex; flex-direction: column; align-items: flex-start;  padding-top: 20px; border-top: 2px solid #CFCFCF; }
.vision-content .content .cont-ls .item:first-child {}
.vision-content .content .cont-ls .item:nth-child(2) {width: 480px;}
.vision-content .content .cont-ls .item .text-cont {width: 100%;display: flex; flex-direction: column; }
.vision-content .content .cont-ls .item .text-cont .tit {font-size: 28px; color:var(--tertiary); padding-bottom: 0; font-weight: 700;}
.vision-content .content .cont-ls .item .text-cont .tit b {font-weight: 800;}
.vision-content .content .cont-ls .item .text-cont .tit .sml {font-size: 25px; font-weight: 400;}
.vision-content .content .cont-ls .item .text-cont .desc {font-size: 20px; line-height: 1.66; display: block; color:#757575;}
.vision-content .content .cont-ls .item .point {width: 63px; height: 63px; display: flex; align-items: center; justify-content: center; color:#fff; background: #404040; border-radius: 50%; box-shadow: 0px 3px 10px rgba(0,0,0,0.16); font-size: 30px; font-weight: 500; position: absolute; right:0; top:17px; display: none;}

.vision-content .content .cont-ls:nth-child(2) { text-align: right;}
.vision-content .content .cont-ls:nth-child(2) .item:nth-child(2) {align-self: flex-end;}
.vision-content .content .cont-ls:nth-child(2) .point {right:auto; left:0;}
.vision-content .content .cont-ls:nth-child(2) .text-cont {align-items: flex-end;;}

body:not(.ko) .vision-content .content .cont-ls .item {min-height: 190px;}

@media screen and (max-width: 1399px) {
  .vision-content {flex-direction: column; gap: 20px;}
  .vision-content .vision-diagram {position: static; transform: none;width: 100%; gap: 20px;}
  .vision-content .content {width: 100%;  gap: 30px;}
  .vision-content .content .cont-ls {width: 100%; gap: 30px;}
  .vision-content .content .cont-ls .item {flex-direction: row-reverse; gap: 20px;}
  .vision-content .content .cont-ls .item .text-cont .tit {font-size: 22px; padding-bottom: .2em;}
  .vision-content .content .cont-ls .item .text-cont .tit .sml {font-size: 17px;}
  .vision-content .content .cont-ls .item .text-cont .desc {font-size: 15px; padding-top: .5em;}
  .vision-content .content .cont-ls .item .point {display: flex; position: static; flex-shrink: 0; border-radius: 13px;}
  .vision-content .content .cont-ls:nth-child(2) {text-align: left;}
  .vision-content .content .cont-ls .item:nth-child(2) {width: 100%;}
  .vision-content .content .cont-ls:nth-child(2) .text-cont {align-items: flex-start;;}
}
@media screen and (max-width: 767px) {
  .vision-content .content .cont-ls .item .text-cont .tit {font-size: 20px;}
  .vision-content .content .cont-ls .item .text-cont .icon {width: 50px;}
  .vision-content .content .cont-ls .item .text-cont .desc {line-height: 1.5;}
}


.global-content {background: #EFF3F4;margin-top: 150px;}
.global-content .global-img {transform: translate( 0px,-123px);}

@media screen and (max-width: 1399px) {
  .global-content {margin-top: 100px;}
  .global-content .global-img {transform: translate( 0px,-60px);}
}
@media screen and (max-width: 767px) {
  .global-content {margin-top: 0px; padding-block: 50px;} 
  .global-content .global-img {transform: translate( 0px ,0px);}
}


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

  #zeus-wave-pro .prod-intro .img-cont {top:12px;}
  #zeus-wave-pro .prod-intro .img-cont img {width: 86%;}

  #zeus-wave .prod-intro .img-cont {top: -48px;}
  #zeus-wave .prod-intro .img-cont img {width: 87%;}
  #zeus-wave .prod-intro .text-cont .tit-sml {font-size: 37px;}


  #tesla-3000 .prod-intro .text-cont .tit-sml {font-size: 37px;}
  #tesla-3000 .prod-intro .img-cont {top: 0px;}
  #tesla-3000 .prod-intro .img-cont img {width: 93%;}

  #tesla-slim .prod-intro .img-cont {top: -50px;}
  #tesla-slim .prod-intro .img-cont img {width: 100%;}
}


.ebook-container {width: 100%; height: 700px;  position: relative; background: #f4f4f4; min-height: 700px;}
.ebook-container .ebook-iframe {width: 100%; height: 100%; border:none; position: absolute;top:50%; left:50%; transform: translate(-50%,-50%);  object-fit: cover;}
/* .ebook-container .ebook-iframe {width: 140%; height: 100%; border:none; position: absolute;top:50%; left:50%; transform: translate(-50%,-50%);  object-fit: cover;} */
/* .ebook-container:before {content: ''; position: absolute; bottom:50px; left:60px; width: 250px; height: 140px; background: #f2f2f2; z-index: 1;} */
#e-book .gall-ls--v > li  {display: flex; flex-direction: column;}
#e-book .gall-ls--v > li > a {display: flex; flex-direction: column; height: 100%;}
#e-book .gall-ls--v > li > a .title {font-size: 20px; text-align: left; }
#e-book .gall-ls--v > li > a .date {font-size: 16px;}
#e-book .gall-ls--v > li > a .thumb {min-height: 492px;}
#e-book .content {border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; height: 100%;}
#e-book .wrap {display: flex; flex-direction: column; height: 100%; padding-left: 10px;}
#e-book .etc {display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 20px;}
#e-book .etc .icon {width: 30px; height: 30px; border-radius: 10px; background: var(--secondary); display: flex; align-items: center; justify-content: center;  }
#e-book .etc .icon svg {width: 20px;}


@media screen and (max-width: 1399px) {
  .ebook-container .ebook-iframe {width: 120%;}
  .ebook-container {height: 500px; }
  #e-book .gall-ls--v > li > a .title {font-size: 17px;}
  #e-book .gall-ls--v {grid-template-columns: repeat(2,1fr);}
  #e-book .etc {padding-top: 0; }
}
@media screen and (max-width: 767px) {
  .ebook-container .ebook-iframe {width: 100%;}
  .ebook-container {height: 400px; }
  #e-book .gall-ls--v > li > a .title {padding-left: 0;}
  #e-book .gall-ls--v > li > a .thumb {aspect-ratio: 1/ 1.6; min-height: 240px;}

}

/* turn.js 사용시 */

#flipbook {margin: 0 auto;} 
#flipbook .page {width: 700px; height: 600px; background: white; overflow: hidden; display: flex; align-items: center; justify-content: center;} 
#flipbook .page img {max-width: 100%; max-height: 100%; display: block;}

.flipbook-controls {margin: 0 auto; text-align: center; margin-top: 30px;} 
.flipbook-controls button {background-color: #eef2ff; color: var(--primary); border: none; padding: 8px 20px; margin: 0 10px; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s;} 
.flipbook-controls button:hover {background-color: #0e2c74; color:#fff;}

.loading {position: absolute;top: 0; left: 0; right: 0; bottom: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.85);display: flex;align-items: center;justify-content: center;z-index: 100;
}

.loading-text {font-size: 1.5rem;color: #1d3c94;font-weight: bold;letter-spacing: 2px;display: flex;align-items: center;
}

.loading-text::after {content: '';display: inline-block;width: 24px;height: 24px;margin-left: 12px;border: 3px solid #1d3c94;border-top: 3px solid #fff;border-radius: 50%;animation: loading-spin 1s linear infinite;
}

@keyframes loading-spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

@media screen and (max-width: 1399px) {
 .ebook-container {height: 400px ;min-height: auto;}
  #flipbook {width: 720px !important; height: 300px !important;}  
  #flipbook .page {width: 720px !important; height: 300px !important; }
}
@media screen and (max-width: 767px) {
  .ebook-container {width: 330px !important; background: #fff; margin: 0 auto;}
  #flipbook {width: 330px !important; height: 300px !important;}  
  #flipbook .page {width: 330px !important; height: 300px !important; }
}