.dot { display: inline-block; width: 4px; height: 4px; background: #000; border-radius: 50%; margin-right: 10px; vertical-align: middle; margin-top: -2px;}
.dot.white { background: #fff;}
.dot.md { width: 6px; height: 6px; margin-top: -2px; margin-right: 20px;}
.dot.big { width: 8px; height: 8px; margin-top: -3px; margin-right: 16px;}
@media screen and (max-width: 767px) {
  .dot.big { margin-right: 8px; width: 6px; height: 6px;}
  .dot.md { width: 4px; height: 4px; margin-top: -4px; margin-right: 10px;}
}
.sub-visual { padding-top: 180px; height: 100svh; overflow: hidden;}
.sub-visual:not(.summary) .inner { height: 100%; display: flex; flex-direction: column;}
.sub-visual .content-top { text-align: center;}
.sub-visual .content-body { margin-top: auto;}
.sub-visual .sub-title { font-size: 18px; font-weight: 700; color: #2D2E55; margin-bottom: 30px; }
.sub-visual .heading { font-size: 80px; font-weight: 700; color: #101010;}
.sub-visual figure { padding-bottom: 28.2%;}
.sub-visual:not(.summary) figure img { transform: scale(0.3); transform-origin: left bottom; border-radius: 20px;}
.sec-content:has(.boardListArea) .sub-visual{height:auto; margin-bottom: 120px;}
.sec-content:has(.boardListArea) .sub-visual .content-body{display:none;}
.sub-visual.summary { height: auto;}
.sub-visual.summary .content-top { margin-bottom: 50px;}
.sub-visual.summary figure { padding-bottom: 0; height: auto; min-height: 937px; display: flex; justify-content: center;}
.sub-visual.summary figure img {position: static; width: 540px; height: 540px; border-radius: 50%;}
/* products */
.sub-visual.products { padding-top: 270px; position: relative; overflow: hidden;}
.sub-visual.products .inner { height: auto;}
.sub-visual .text-boxs .sub-title { color: #fff;}
.sub-visual .text-boxs .heading { color: #fff; margin-bottom: 40px;}
.sub-visual .text-boxs .desc { color: #fff; font-size: 20px;}
.sub-visual.products .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/sub/product-visual.jpg) no-repeat center/cover; z-index: -1; transform: scale(1.2);}
.sub-visual.products.device .bg { background: url(/images/sub/product-device-visual.png) no-repeat center/cover;}
.sub-visual.products .list { position: absolute; left: 0; bottom: 57px; display: flex; justify-content: center; width: 100%;}
.sub-visual.products .list-wrap { display: flex; justify-content: center; width: 95%; max-width: 1560px; margin: 0 auto;}
.sub-visual.products .list .swiper-slide { width: auto;}
.sub-visual.products .list a { font-size: 20px; font-weight: 500; color: #fff; padding: 0 30px; display: block;}
.sub-visual.products .list a:hover,
.sub-visual.products .list .swiper-slide.active a { text-decoration: underline; text-underline-offset: 6px;}
.sub-visual.products.device .list { display: none;}
@media screen and (max-width: 1024px) {
  .sub-visual { height: auto;}
  .sub-visual.summary,
  .sub-visual.products { height: 100svh;}
  .sub-visual .heading { font-size: 60px;}
  .sub-visual .content-top { margin-bottom: 100px;}
  .sub-visual figure { padding-bottom: 44.6%;}
  .sub-visual.summary figure { min-height: 300px; height: 100%;}
  .sub-visual.summary figure img { width: 350px; height: 350px;}
  .sub-visual.summary .inner { height: 100%; display: flex; flex-direction: column;}
  .sub-visual.summary .content-body { height: 100%;}
  .sub-visual.products .list-wrap { justify-content: flex-start;}
  .sub-visual.products .list a { text-wrap: nowrap;}
}
@media screen and (max-width: 767px) {
  .sub-visual { padding-top: 140px;}
  .sec-content:has(.boardListArea) .sub-visual{margin-bottom: 0;}
  .sub-visual.products { padding-top: 0; display: flex; align-items: center;}
  .sub-visual .sub-title { margin-bottom: 10px; font-size: 16px;}
  .sub-visual .heading { font-size: 40px;}
  .sub-visual .content-top { margin-bottom: 30px;}
  .sub-visual figure { padding-bottom: 64.6%;}
  .sub-visual.summary .content-top { margin-bottom: 60px;}
  .sub-visual.summary figure img { width: 250px; height: 250px;}
  .sub-visual .text-boxs .desc { font-size: 16px;}
  .sub-visual.products .list { bottom: 30px;}
  .sub-visual.products .list a { font-size: 16px; padding: 0 10px;}
}
/* chart */
.chart-wrap { padding: 60px 20px 50px; border: 1px solid #E5E5E5; position: relative;}
.chart-wrap .total { font-size: 26px; font-weight: bold; color: #000; position: absolute; top: 3.5%; left: 3.5%;}
.chart-wrap .text-boxs { position: relative; margin-bottom: -20px;}
.chart-wrap ul { display: flex; justify-content: center; align-items: center; gap: 60px; margin-bottom: 18px;}
.chart-wrap ul.v2 { margin-bottom: 38px;}
.chart-wrap li { display: flex; align-items: center; gap: 8px;}
.chart-wrap li span { width: 56px; height: 23px;}
.chart-wrap .text-boxs .unit { padding-left: 2.2%; font-size: 14px;}
.chart-wrap canvas { width: 100% !important; height: 500px !important;}
.chart-wrap.circle { display: flex; flex-direction: column; align-items: center;}
.chart-wrap.circle .text-boxs { margin-bottom: 50px;}
.chart-wrap.circle ul { gap: 30px;}
.chart-wrap.circle canvas { max-width: 360px; max-height: 360px;}
.chart-wrap li:first-child span { background: #EFF5FF; border: 2px solid #3A7BEE;}
.chart-wrap li:not(:first-child) span { background: #2D2E55; border: 2px solid #2D2E55;}
.chart-wrap li span.last { background: rgba(45, 46, 85, 0.5); border: 2px solid #2D2E55;}
.chart-wrap ul.circle li:first-child span { background: #EBEBFF; border: 2px solid #2D2E55;}
.chart-wrap ul.circle li:not(:first-child) span { background: #EFF5FF; border: 2px solid #3A7BEE;}
.chart-wrap ul.three li:nth-child(2) span { background: #EBEBFF; border: 2px solid #2D2E55;}
.chart-wrap ul.three li:nth-child(3) span { background: #2D2E55; border: 2px solid #2D2E55; }
.chart-wrap ul.small { gap: 0; position: absolute; left: 50%; transform: translateX(-50%); top: 5%; flex-direction: column; align-items: flex-start; width: 100%; padding: 0 20px;}
.chart-wrap ul.small li { font-size: 14px;}
.chart-wrap ul.small li span { width: 15px; height: 15px; flex-shrink: 0;}
@media screen and (max-width: 767px) {
  .chart-wrap ul { gap: 20px;}
  .chart-wrap li { font-size: 14px;}
  .chart-wrap li span { width: 26px; height: 13px;}
  .chart-wrap .text-boxs { margin: 0;}
  .chart-wrap .total { font-size: 18px;}
  .chart-wrap.circle .text-boxs { margin-bottom: 20px;}
  .chart-wrap.circle .text-boxs ul { margin-bottom: 0px;}
  .chart-wrap canvas { height: 250px !important;}
  .chart-wrap ul.small { top: 5%;}
  .chart-wrap ul.small li { font-size: 12px;}
}

/* pagination */
.indicator { display: flex; align-items: center; padding-left: 24.3%;}
.indi { display: flex;}
.indi li a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #666; font-size: 16px; border-radius: 50%;}
.indi li a.active { background: var(--blue-color); color: #fff;}
.indicator .btn { padding: 15px;}
.indicator .btn-next,
.indicator .btn-prev { width: 4px; height: 9px; background: url(/images/ico-arrow-right.png) no-repeat center;}
.indicator .btn-next-end,
.indicator .btn-prev-end { width: 6px; height: 9px; background: url(/images/ico-arrow-right-end.png) no-repeat center;}
.indicator .btn-prev,
.indicator .btn-prev-end { transform: scaleX(-1);}
@media screen and (max-width: 767px) {
  .indicator { padding: 0; justify-content: center;}
}
/* about-summary */
/* about-summary-creating */
.about-summary-creating { overflow: hidden; padding-top: 490px; padding-bottom: 160px; position: relative; overflow: hidden;}
.about-summary-creating .content-top { margin-bottom: 160px;}
.about-summary-creating .content-top .sub-title { font-size: 18px; color: #2D2E55; font-weight: 700;}
.about-summary-creating .sbj { font-family: var(--font); font-size: 42px; font-weight: 700; margin-bottom: 40px;}
.about-summary-creating .sbj.v2 { font-size: 44px;}
.about-summary-creating .desc { color: #333; margin-bottom: 100px;}
.about-summary-creating .content-body { display: flex; justify-content: flex-end;}
.about-summary-creating .content-body > .col { flex: 0 0 50%;}
.about-summary-creating .content-body .list { padding-left: 40px;}
.about-summary-creating .content-body .list li { display: flex;}
.about-summary-creating .content-body .list > li + li { margin-top: 60px;}
.about-summary-creating .content-body .list li .col { display: flex;}
.about-summary-creating .content-body .list li .col:last-child { font-size: 16px; margin-top: 2px;}
.about-summary-creating .content-body .list li .col:first-child { font-weight: 500; flex: 0 0 33.6%;}
.about-summary-creating .content-body .list li .col li b { font-weight: 400; }
.about-summary-creating .content-body .list li .col li b.v2 { margin-right: 25px; position: relative; flex: 0 0 26%; display: flex; align-items: center; height: fit-content; justify-content: space-between;}
html[lang='cn'] .about-summary-creating .content-body .list li .col li b.v2 { flex: 0 0 24%;}
.about-summary-creating .content-body .list li .col li b.v2::before { content: ''; display: block; position: absolute; top: 7px; right: -12px; width: 1px; height: 10px; background: #ddd;}
.about-summary-creating .content-body .list li .col li b.v2 span.last { margin-left: auto;}
.about-summary-creating .content-body .num { font-size: 18px; font-weight: 600; color: var(--blue-color); margin-right: 16px; display: inline-block; vertical-align: middle; line-height: 1;}
.about-summary-creating .motions { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.about-summary-creating .motions .text-motion { display: flex; white-space: nowrap; margin-top: 80px; margin-bottom: 235px; width: 100%;}
.about-summary-creating .motions .text-motion span { font-size: 160px; font-weight: bold; color: var(--blue-color); display: inline-block; padding-right: 100px; animation: textRolling 10s linear infinite;}
.about-summary-creating .motions .img-motion { width: 63%; aspect-ratio: 1/1; border-radius: 50%; border:2px solid rgb(45 46 85 / 20%); margin-left: -27%; position: relative; transform: rotate(40deg);}
.about-summary-creating .motions .img-motion .img-box { position: absolute; left: 50%; transform: translateX(-50%); bottom: -33%;}
.about-summary-creating .motions .img-motion .img-box img { display: block;}
@keyframes textRolling {
  0% {
      transform: translateX(0%);
  }
  100% {
      transform: translateX(-100%);
  }
}
@media screen and (max-width: 1024px) {
  .about-summary-creating { padding-top: 200px; padding-bottom: 80px;}
  .about-summary-creating .motions .text-motion { margin-bottom: 255px; margin-top: 40px;}
  .about-summary-creating .motions .text-motion span { font-size: 80px;}
  .about-summary-creating .content-body > .col { flex: 0 0 60%;}
  .about-summary-creating .sbj { font-size: 28px;}
  .about-summary-creating .desc { margin-bottom: 50px;}
  .about-summary-creating .content-body .list li .col:first-child { flex: 0 0 38.5%;}
  .about-summary-creating .content-body .list li .col li b.v2 { flex-shrink: 0; flex: 0 0 33%;}
  html[lang='cn'] .about-summary-creating .content-body > .col { width: 60%;}
  html[lang='cn'] .about-summary-creating .content-body .list li { word-break: break-all;}
  html[lang='cn'] .about-summary-creating .content-body .list li .col li b.v2 { flex: 0 0 37%;}
}
@media screen and (max-width: 767px) {
  .about-summary-creating { padding-top: 160px; padding-bottom: 60px;}
  .about-summary-creating .motions .text-motion span { font-size: 50px; padding-right: 20px;}
  .about-summary-creating .content-top .sub-title { font-size: 14px;}
  .about-summary-creating .sbj { font-size: 24px;}
  .about-summary-creating .sbj.v2 { font-size: 20px; margin-bottom: 16px;}
  .about-summary-creating .content-top { margin-bottom: 60px;}
  .about-summary-creating .content-body { justify-content: flex-start;}
  .about-summary-creating .content-body > .col { flex: 0 0 100%;}
  .about-summary-creating .motions .img-motion { width: 93%;}
  .about-summary-creating .content-body .list { padding-left: 0;}
  .about-summary-creating .content-body .list > li { flex-wrap: wrap;}
  .about-summary-creating .content-body .list ul li.v2 { flex-wrap: wrap; margin-bottom: 20px;}
  .about-summary-creating .content-body .list li .col li b.v2 { flex: 0 0 100%; margin-bottom: 5px; text-indent: -5.8%; justify-content: flex-start;}
  .about-summary-creating .content-body .list li .col li b.v2 span.last { margin-left: 0;}
  .about-summary-creating .content-body .list li .col:first-child { flex: 0 0 100%; margin-right: 20px;}
  .about-summary-creating .content-body .list li .col li b.v2::before { display: none;}
  .about-summary-creating .content-body .list li .col:last-child { width: 100%; padding-left: 11.5%; margin-top: 12px;}
  /* .about-summary-creating .content-body .list li:last-child .col:last-child { padding-left: 15.5%;} */
  .about-summary-creating .content-body .list > li + li { margin-top: 30px;}
  .about-summary-creating .motions .img-motion .img-box { display: none;}
}
/* about-summary-misson */
.about-summary-misson { margin-bottom: 160px; overflow: hidden;}
.about-summary-misson .inner { margin: 0; margin-left: auto; max-width: 1730px; width: 97.5%;}
.about-summary-misson .sub-title { color: #2D2E55;}
.about-summary-misson .heading { margin-bottom: 24px;}
.about-summary-misson .col:first-child { flex: 0 0 41.6%; display: flex; align-items: flex-end;}
.about-summary-misson .col:first-child .text-boxs { padding-bottom: 230px;}
.about-summary-misson .col:first-child .desc { font-size: 30px; font-weight: bold;}
.about-summary-misson figure { padding-bottom: 70.8%; border-radius: 20px 0 0 20px; margin-bottom: 205px;}
.about-summary-misson .col:last-child { flex-grow: 1;}
.about-summary-misson .col:last-child .desc { padding-left: 80px; font-weight: 700; font-size: 20px;}
.about-summary-misson .col:last-child .desc + .desc { margin-top: 20px;}
@media screen and (max-width: 1024px) {
  .about-summary-misson { margin-bottom: 80px;}
  .about-summary-misson .col:first-child .desc { font-size: 20px;}
  .about-summary-misson .col:last-child .desc { padding-left: 0;}
}
@media screen and (max-width: 767px) {
  .about-summary-misson { margin-bottom: 60px;}
  .about-summary-misson .heading { margin-bottom: 10px;}
  .about-summary-misson .flex-box { flex-direction: column;}
  .about-summary-misson .col:first-child { flex: 0 0 100%}
  .about-summary-misson .col:first-child .text-boxs { padding-bottom: 30px;}
  .about-summary-misson .col:first-child .desc { font-size: 16px;}
  .about-summary-misson figure { margin-bottom: 40px;}
  .about-summary-misson .col:last-child .desc { font-size: 16px; font-weight: 400;}
}
/* about-summary-vision */
.about-summary-vision { padding-bottom: 366px; position: relative; overflow: hidden;}
.about-summary-vision .swiper { overflow: hidden;}
.about-summary-vision .content-top { text-align: center; margin-bottom: 186px;}
.about-summary-vision .content-top .heading { margin-bottom: 30px;}
.about-summary-vision .content-top .desc { font-size: 24px; font-weight: 500; color: #333;}
.about-summary-vision .content-body .flex-box { justify-content: flex-end;}
.about-summary-vision .content-body .col { width: 50%;}
.about-summary-vision .content-body .swiper { margin-bottom: 32px;}
.about-summary-vision .content-body .swiper-slide figure { padding-bottom: 70%; margin-bottom: 30px; display: none;}
.about-summary-vision .content-body .swiper-slide .sbj { font-size: 32px; font-weight: 700; margin-bottom: 40px; color: var(--blue-color);}
.about-summary-vision .content-body .swiper-slide .desc { color: #666; margin-bottom: 20px;}
.about-summary-vision .content-body .swiper-slide .link-arrow { width: 180px; height: 52px; line-height: 52px; border-radius: 35px; text-align: center; background: var(--blue-color); font-weight: 400; font-size: 16px;}
.about-summary-vision .content-body .swiper-slide .link-arrow span { width: 24px;}
.about-summary-vision .content-body .img-box img { display: block; margin-left: auto; position: relative; left: 100px;}
.about-summary-vision .swiper .swiper-btns { display: flex; justify-content: flex-end; gap: 24px; margin-bottom: 40px;}
.about-summary-vision .swiper .swiper-btns button { width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.about-summary-vision .swiper .swiper-btns button.button-next { background-image: url(/images/ico-arrow-down.png);}
.about-summary-vision .swiper .swiper-btns button.button-prev { background-image: url(/images/ico-arrow-up.png);}
.about-summary-vision .swiper .swiper-btns button.button-prev.swiper-button-disabled { background-image: url(/images/ico-arrow-up-end.png);}
.about-summary-vision .swiper .swiper-btns button.button-next.swiper-button-disabled { background-image: url(/images/ico-arrow-down-end.png);}
.about-summary-vision .motions { padding-top: 210px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.about-summary-vision .motions .img-motion { width: 60.5%; aspect-ratio: 1 / 1; border-radius: 50%; border: 2px solid rgb(45 46 85 / 20%); margin-left: -32%; position: relative; transform: rotate(135deg);}
.about-summary-vision .motions .img-motion img { position: absolute;}
.about-summary-vision .motions .img-motion img:nth-child(1) { left: 66%; top: 50%; width: 62%;}
.about-summary-vision .motions .img-motion img:nth-child(2) { top: 82%; left: 68%; width: 18%;}
.about-summary-vision .motions .img-motion img:nth-child(3) { top: 89%; left: 44%; width: 18%;}
@media screen and (max-width: 1024px) {
  .about-summary-vision .content-top { margin-bottom: 80px;}
  .about-summary-vision .content-top .desc { font-size: 20px;}
  .about-summary-vision .content-body .swiper-slide .sbj { font-size: 22px;}
}
@media screen and (max-width: 767px) {
  .about-summary-vision { padding-bottom: 60px;}
  .about-summary-vision .content-top .heading { margin-bottom: 10px;}
  .about-summary-vision .content-top .desc { font-size: 18px;}
  .about-summary-vision .content-body .swiper-slide figure { display: block;}
  .about-summary-vision .content-body .swiper-slide .link-arrow { width: 140px; height: 42px; line-height: 42px;}
  .about-summary-vision .content-body .swiper-slide .link-arrow span { width: 14px; height: 6px;}
  .about-summary-vision .content-body .swiper { margin-bottom: 0px;}
  .about-summary-vision .swiper .swiper-btns button.button-next { transform: rotate(-90deg);}
  .about-summary-vision .swiper .swiper-btns button.button-prev { transform: rotate(-90deg);}
  .about-summary-vision .motions { display: none;}
  .about-summary-vision .motions .img-motion { width: 100.5%;}
  .about-summary-vision .content-top { margin-bottom: 40px;}
  .about-summary-vision .content-body .flex-box { justify-content: flex-start;}
  .about-summary-vision .content-body .col { width: 100%;}
  /* .about-summary-vision .content-body .img-box img { display: none;} */
  .about-summary-vision .swiper .swiper-btns { gap: 5px; margin-bottom: 20px;}
  .about-summary-vision .swiper .swiper-btns button { width: 40px; height: 40px;}
  .about-summary-vision .content-body .swiper-slide .sbj { font-size: 20px;}
  .about-summary-vision .content-body .swiper-slide .desc { font-size: 16px; margin-bottom: 20px;}
}
/* about-summary-future */
.about-summary-future { text-align: center; padding-bottom: 200px; overflow: hidden; margin-top: -300px;}
.about-summary-future .heading { margin-bottom: 40px;}
.about-summary-future .desc { font-size: 24px; font-weight: 500; color: #333;}
@media screen and (max-width: 1024px) {
  .about-summary-future .desc { font-size: 20px;}
}
@media screen and (max-width: 767px) {
  .about-summary-future { margin-top: 0; padding-bottom: 60px;}
  .about-summary-future .heading { margin-bottom: 20px;}
  .about-summary-future .desc { font-size: 16px;}
}
/* about-ceo */
.about-ceo { padding: 80px 0 200px; position: relative; overflow: hidden;}
.about-ceo .sub-title { font-size: 18px; color: #2D2E52; margin-bottom: 24px; font-weight: 700;}
.about-ceo .heading { font-size: 48px; margin-bottom: 50px;}
/* html[lang="en"] .about-ceo .heading { font-size: 28px; margin-bottom: 100px;} */
.about-ceo .text-boxs { padding-left: 25.6%; padding-right: 15.5%; }
.about-ceo .desc { font-size: 18px; color: #333; margin-bottom: 20px;}
.about-ceo .desc span { display: block; font-size: 24px;}
.about-ceo .ceo { text-align: right;}
.about-ceo .ceo b { font-size: 24px; margin-left: 5px; vertical-align: baseline;}
.about-ceo .img-box { position: absolute; top: 11%; right: -6%;}
@media screen and (max-width: 1024px) {
  .about-ceo { padding-bottom: 80px;}
  .about-ceo .heading { font-size: 30px; margin-bottom: 100px;}
  .about-ceo .text-boxs { padding-left: 8.6%;}
}
@media screen and (max-width: 767px) {
  .about-ceo { padding: 60px 0; }
  .about-ceo .heading { font-size: 20px; margin-bottom: 50px;}
  .about-ceo .img-box { right: auto; left: 20%; top: 20%;}
  .about-ceo .text-boxs { padding: 0; font-size: 16px;}
  .about-ceo .ceo b { font-size: 18px;}
  .about-ceo .desc span { font-size: 18px;}
}

/* about-history */
.about-history { padding: 80px 0 200px;}
.about-history .inner { height: 100%;}
.about-history .content-top { position: sticky; top: 20px; margin-bottom: 80px; z-index: 1;}
.about-history .content-top ul { padding: 18px 90px; background: #fff; display: flex; justify-content: space-between; align-items: center; box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.12); border-radius: 35px; max-width: 630px; margin: 0 auto;}
.about-history .content-top ul li { font-size: 20px; color: #8E8E8E; font-weight: 500; cursor: pointer;}
.about-history .content-top ul li[data-history="active"] { color: var(--blue-color); font-weight: 700;}
.about-history .content-body { display: flex; height: 100%;}
.about-history .content-body > .col.left { width: calc(50% - 20px);}
.about-history .content-body > .col.right { width: calc(50% + 20px);}
.about-history .content-body .col.left ul { position: sticky; top: 100px; width: 68%; display: flex; justify-content: flex-end; width: 100%; padding-right: 70px;}
.about-history .content-body .col.left ul li { width: 76%; opacity: 0; position: absolute;}
.about-history .content-body .col.left ul li[data-history="active"] { opacity: 1; transition: 0.5s;}
.about-history .content-body .col.left .heading { line-height: 1; margin-bottom: 28px; color: var(--blue-color);}
.about-history .content-body .col.left figure { padding-bottom: 66%;}
.about-history .col.right .text-boxs { padding-bottom: 200px; padding-top: 5px;}
.about-history .col.right ul li { display: grid; grid-template-columns: 20px auto; grid-auto-rows: 1fr;}
.about-history .col.right li:last-child .line-boxs .icon .line { display: none;}
.about-history .col.right li .year + .year { margin-top: 40px;}
.about-history .col.right li dt { font-size: 16px; font-weight: bold; color: #999; margin-bottom: 12px;}
.about-history .col.right li dd { font-size: 20px;}
.about-history .col.right .line-boxs { position: relative; width: 20px; height: 100%; padding-top: 10px; overflow: hidden;}
.about-history .col.right .line-boxs .icon-box { width: 50%; height: 10px; position: relative; background: #ddd; border-radius: 50%; margin: 0 auto;}
.about-history .col.right .line-boxs .icon-box.active:before { border-color: #151515;}
.about-history .col.right .line-boxs .line { width: 1px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 30px; background: #ddd;}
.about-history .col.right .line-boxs .line .percentage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: top; transform: scaleY(0); background: var(--blue-color);}
.about-history .col.right .line-boxs .icon-box .circle { position: absolute; border-radius: 50%; width: 100%; height: 100%; background: rgba(32, 53,48, .15); animation: pointer2 1.5s ease-in-out infinite; opacity: 0; visibility: hidden;}
.about-history .col.right .text-boxs { padding-left: 80px;}
.about-history .col.right .text-boxs.active dt { color: var(--blue-color);}
.about-history .col.right ul li[data-history="active"] .text-boxs dt{ color: var(--blue-color);}
.about-history .col.right ul li[data-history="active"] .icon-box{ background: var(--blue-color);}
@media screen and (max-width: 1024px) {
  .about-history { padding-bottom: 80px;}
}
@media screen and (max-width: 767px) {
  .about-history { padding: 60px 0;}
  .about-history .content-top { margin-bottom: 50px;}
  .about-history .content-top ul { padding: 8px 30px;}
  .about-history .content-top ul li { font-size: 14px;}
  .about-history .content-body > .col.left { display: none;}
  .about-history .content-body > .col.right { width: 100%;}
  .about-history .col.right .text-boxs { padding-left: 10px; padding-bottom: 100px;}
  .about-history .col.right li dd { font-size: 18px;}
}
/* about-location */
.about-location-head { padding: 80px 0 120px;}
.about-location-head .heading { font-size: 48px; margin-bottom: 40px;}
.location .row { padding: 50px; border-radius: 20px; background: #F9F9F9; border: 1px solid transparent;}
.location .row + .row { margin-top: 23px;}
.location .text-boxs { display: flex; position: relative;}
.location .dropdown { position: absolute; top: 10px; right: 0; transform: scaleY(-1); background: url(/images/sub/about/location-arrow-basic.svg) no-repeat center/auto 20px; width: 50px; height: 50px;}
.location .text-boxs .col.left { flex: 0 0 24%; padding-right: 2%;}
.location .text-boxs .col.left dt { font-size: 32px; font-weight: bold; margin-bottom: 12px;}
.location .text-boxs .col.left dd { display: flex; margin-bottom: 5px;}
.location .text-boxs .col.left dd .dot { flex-shrink: 0; margin-top: 10px;}
.location .text-boxs .col.right { flex-grow: 1;}
.location .text-boxs .col.right dl { margin-top: 10px; margin-bottom: 50px; padding-right: 50px;}
.location .text-boxs .col.right dt,
.location .text-boxs .col.right dd { display: inline-block;}
.location .text-boxs .col.right dt { font-weight: 700; margin-right: 20px;}
.location .text-boxs .col.right dt span { display: inline-block; width: 24px; height: 24px; background: url(/images/ico-location.png) no-repeat center;}
.location .row .map-box { max-height: 0; overflow: hidden; transition: max-height 0.5s;}
.location .row.active { border: 1px solid var(--blue-color); background: #FAFCFF;}
.location .row.active .dropdown { transform: scaleY(1); background-image: url(/images/sub/about/location-arrow.svg);}
.location .row.active .map-box { max-height: 500px;}
.about-location-branch { padding: 120px 0 200px; background: #F9F9F9;}
.about-location-branch .heading { font-size: 48px; margin-bottom: 40px;}
.about-location-branch .row.active { background: #fff; border: none;}
@media screen and (max-width: 1024px) {
  .about-location-head { padding: 80px 0;}
  .location .text-boxs { flex-direction: column; margin-bottom: 30px;}
  .location .text-boxs .col.left { width: 100%;}
  .location .text-boxs .col.right dl { padding-right: 0;}
  .location .row .map-box { padding-left: 0;}
  .about-location-branch { padding: 80px 0;}
  .location .dropdown { width: 40px; height: 40px;}
}
@media screen and (max-width: 767px) {
  .about-location-head .map-box iframe,
  .about-location-branch .map-box iframe { height: 100%;}
  .about-location-head { padding: 60px 0;}
  .about-location-head .heading,
  .about-location-branch .heading { margin-bottom: 20px;}
  .location .row { padding: 30px 20px;}
  .location .row.active .map-box { max-height: 300px;}
  .location .text-boxs .col.left { flex: 1;}
  .location .text-boxs .col.left dt { font-size: 20px;}
  .location .text-boxs .col.right dl { margin-bottom: 20px;}
  .about-location-branch .map-box { margin: 0;}
  .about-location-branch { padding: 60px 0;}
  .location .text-boxs .col.right dt span { width: 17px; height: 17px; margin-top: -3px; background-size: auto 17px;}
  .location .dropdown { width: 30px; height: 30px; background-size: auto 10px; top: 5px;}
}
/* about-research-areas */
.about-research-areas { padding: 80px 0 160px; position: relative;}
.about-research-areas .content-top { margin-bottom: 160px;}
.about-research-areas .content-top .heading { margin-bottom: 40px;}
.about-research-areas .content-top .sbj { font-size: 24px; color: #2D2E55; margin-bottom: 40px; font-weight: 600;}
.about-research-areas .content-top .desc { font-size: 20px; color: #666;}
.about-research-areas .content-body .flex-box { gap: 40px; align-items: flex-end; margin-bottom: 60px;}
.about-research-areas .content-body .flex-box .col.left { width: 44%;}
.about-research-areas .content-body .flex-box .col.left .heading { line-height: 87px; margin-bottom: 40px;}
.about-research-areas .content-body .flex-box .col.left .desc { font-size: 24px; color: #666;}
.about-research-areas .content-body .flex-box .col.right { flex-grow: 1; overflow: hidden;}
.about-research-areas .content-body .flex-box .col.right figure { padding-bottom: 77%; border-radius: 20px; overflow: hidden;}
.about-research-areas .content-body .inner.md { display: flex;}
.about-research-areas .content-body .list { margin-left: auto; width: 48.6%;}
.about-research-areas .content-body .list li { display: flex; padding: 60px 0;}
.about-research-areas .content-body .list li .num { font-size: 32px; font-weight: 700; color: var(--blue-color); margin-right: 30px;}
.about-research-areas .content-body .list li dt { font-size: 32px; font-weight: 700; margin-bottom: 16px;}
.about-research-areas .content-body .list li dd { color: #666;}
.about-research-areas .content-body .list li + li { border-top: 1px solid #E5E5E5;}
.about-research-areas .circle { width: 55.8%; aspect-ratio: 1/1; position: absolute; left: -28.5%; bottom: -7%; border: 2px solid rgb(45 46 85 / 20%); border-radius: 50%; z-index: -1;}
.about-research-areas .circle.v2 { background: #EFEFF2; border: none;}
@media screen and (max-width: 1024px) {
  .about-research-areas .content-top { margin-bottom: 80px;}
  .about-research-areas .content-top .heading { font-size: 30px; margin-bottom: 20px;}
  .about-research-areas .content-top .sbj { font-size: 20px;}
  .about-research-areas .content-body .flex-box { flex-direction: column; margin-bottom: 0;}
  .about-research-areas .content-body .flex-box .col.left { width: 100%;}
  .about-research-areas .content-body .flex-box .col.right { width: 100%;}
  .about-research-areas .content-body .list { width: 100%;}
  .about-research-areas .circle { bottom: 5%;}
}
@media screen and (max-width: 767px) {
  .about-research-areas { padding: 60px 0;}
  .about-research-areas .content-top .heading { font-size: 20px;}
  .about-research-areas .content-top .sbj { font-size: 18px;}
  .about-research-areas .content-top .desc { font-size: 16px;}
  .about-research-areas .content-top { margin-bottom: 80px;}
  .about-research-areas .content-body .flex-box .col.left .heading { line-height: 1.3; margin-bottom: 20px;}
  .about-research-areas .content-body .flex-box .col.left .desc { font-size: 16px;}
  .about-research-areas .content-body .list li { padding: 30px 0;}
  .about-research-areas .content-body .list li .num { font-size: 20px; margin-right: 20px;}
  .about-research-areas .content-body .list li dt { font-size: 20px;}
  .about-research-areas .content-body .list li dd { font-size: 16px;}
  .about-research-areas .motion { display: none;}
}
/* about-research-chart */
.about-research-chart .content-top { margin-bottom: 120px;}
.about-research-chart .content-top .heading { margin-bottom: 40px;}
.about-research-chart .content-top .desc { font-size: 24px; color: #666;}
.about-research-chart .content-body { padding-left: 25.5%;}
.about-research-chart .content-body .row .title { font-size: 42px; font-weight: 700; margin-bottom: 40px;}
.about-research-chart .content-body .row .text { font-size: 28px; color: #2D2E55; margin-bottom: 40px;}
.about-research-chart .content-body .row.expenses canvas { width: 100%; height: 533px;}
.about-research-chart .content-body .row + .row { margin-top: 120px;}
.about-research-chart .content-body .chart-wrap li:first-child span { background: #EFF5FF; border: 2px solid #3A7BEE;}
.about-research-chart .content-body .chart-wrap li:last-child span { background: #2D2E55; border: 2px solid #2D2E55;}
.about-research-chart .content-body .row.personnel .grid-box { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 40px; }
.about-research-chart .content-body .row.personnel .grid-box article { border: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; aspect-ratio: 1/1; text-align: center;}
.about-research-chart .content-body .row.personnel .grid-box article:nth-child(3),
.about-research-chart .content-body .row.personnel .grid-box article:nth-child(4) { border: none; pointer-events: none;}
.about-research-chart .content-body .row.personnel .grid-box article.active { border-color: var(--blue-color);}
.about-research-chart .content-body .row.engineers .chart-wrap li span { background: #EFF5FF; border: 2px solid #3A7BEE;}
.about-research-chart .content-body .row.engineers .chart-wrap li:last-child span { background: #EBEBFF; border: 2px solid #2D2E55;}
@media screen and (max-width: 1024px) {
  .about-research-chart .content-body { padding-left: 0;}
  .about-research-chart .content-body .row .title { margin-bottom: 20px;}
  .about-research-chart .content-body .row .text { font-size: 20px;}
  .about-research-chart .content-body .row + .row { margin-top: 80px;}
}
@media screen and (max-width: 767px) {
  .about-research-chart .content-top { margin-bottom: 80px;}
  .about-research-chart .content-top .heading { margin-bottom: 20px;}
  .about-research-chart .content-top .desc { font-size: 16px;}
  .about-research-chart .content-body .row + .row { margin-top: 80px;}
  .about-research-chart .content-body .row.personnel .grid-box { grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .about-research-chart .content-body .row .text { font-size: 18px; margin-bottom: 10px;}
  .about-research-chart .content-body .row.personnel .grid-box article:nth-child(3), .about-research-chart .content-body .row.personnel .grid-box article:nth-child(4) { display: none;}
  .about-research-chart .content-body .row.personnel .grid-box article { aspect-ratio: auto; gap: 10px; padding: 20px;}
  .about-research-chart .content-body .row.personnel .grid-box article .img-box { width: 40%;}
}
/* about-research-property */
.about-research-property { padding: 140px 0;}
.about-research-property .content-top { margin-bottom: 120px;}
.about-research-property .content-top .heading { margin-bottom: 40px;}
.about-research-property .content-top .desc { font-size: 24px; color: #666;}
.about-research-property .content-body .title { font-size: 42px; font-weight: bold; margin-bottom: 40px;}
.about-research-property .content-body .col.left { margin-right: 90px;}
.about-research-property .content-body .col.left button { display: block; width: 193px; height: 63px; position: relative; border: 1px solid #E5E5E5; border-radius: 35px; margin-bottom: 20px; color: #999;}
.about-research-property .content-body .col.left button span { font-size: 24px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s;}
.about-research-property .content-body .col.left button::after { content: ''; display: block; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width: 10px; height: 10px; background: url(/images/ico-arrow-right-white.png) no-repeat center; opacity: 0; transition: 0.5s;}
.about-research-property .content-body .col.left button:hover,
.about-research-property .content-body .col.left button.active { background: var(--blue-color); color: #fff;}
.about-research-property .content-body .col.left button:hover span,
.about-research-property .content-body .col.left button.active span { left: 30px; transform: translate(0,-50%);}
.about-research-property .content-body .col.left button:hover::after,
.about-research-property .content-body .col.left button.active::after { opacity: 1;}
.about-research-property .content-body .property-tab { display: none;}
.about-research-property .content-body .property-tab.active { display: block;}
.about-research-property .content-body .col.right { flex-grow: 1;}
.about-research-property .content-body .col.right .article-wrap { margin-bottom: 40px;}
.about-research-property .content-body .col.right article { padding: 32px 40px; background: #F7F7F7; border-radius: 20px;}
.about-research-property .content-body .col.right article:not(:nth-child(5n+1)) { margin-top: 12px;}
.about-research-property .content-body .col.right article .sbj { font-weight: 600; margin-bottom: 20px;}
.about-research-property .content-body .col.right article dt,
.about-research-property .content-body .col.right article dd { display: inline; font-size: 16px;}
.about-research-property .content-body .col.right article dt { width: 500px; margin-right: 12px;}
.about-research-property .content-body .col.right article dd { color: #666; margin-right: 32px;}
@media screen and (max-width: 1024px) {
  .about-research-property { padding: 80px 0;}
  .about-research-property .flex-box { flex-direction: column;}
  .about-research-property .content-top { margin-bottom: 80px;}
  .about-research-property .content-body .col.left { margin-right: 0; display: flex; justify-content: flex-start; gap: 10px;}
}
@media screen and (max-width: 767px) {
  .about-research-property { padding: 60px 0;}
  .about-research-property .content-top .heading { line-height: 1.3; margin-bottom: 20px;}
  .about-research-property .content-top .desc { font-size: 16px;}
  .about-research-property .content-body .col.left button:hover span, .about-research-property .content-body .col.left button.active span { left: 14px;}
  .about-research-property .content-body .col.left button::after { right: 14px;}
  .about-research-property .content-body .col.right article { padding: 30px 20px;}
  .about-research-property .content-body .col.right article dt, .about-research-property .content-body .col.right article dd { font-size: 14px;}
  .about-research-property .content-body .col.right .article-wrap { margin-bottom: 20px;}
  .about-research-property .content-body .title { font-size: 30px; margin-bottom: 20px;}
  .about-research-property .content-body .col.left button span { font-size: 14px;}
  .about-research-property .content-body .col.left button { height: 43px;}
}
/* about-research-future */
.about-research-future { padding-bottom: 200px; overflow: hidden; position: relative;}
html[lang="ko"] .about-research-future { padding-bottom: 320px;}
html[lang="cn"] .about-research-future { padding-top: 150px;}
.about-research-future .heading { line-height: 87px; margin-bottom: 40px;}
.about-research-future .desc { font-size: 24px; color: #666;}
.about-research-future .circle { width: 63%; aspect-ratio: 1/1; position: absolute; right: -16.5%; bottom: -106%; border: 2px solid rgb(45 46 85 / 20%); border-radius: 50%;}
.about-research-future .circle span { width: 12px; height: 12px; border-radius: 50%; background: #2D2E55; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: -7.5%;}
.about-research-future.active .circle { animation: rotate 5s linear infinite;}
@keyframes rotate {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
}
@media screen and (max-width: 1024px) {
  .about-research-future { padding-bottom: 180px;}
  html[lang="ko"] .about-research-future { padding-bottom: 180px;}
  .about-research-future .circle { bottom: -36%;}
  .about-research-future .circle span { margin-top: 11.5%;}
}
@media screen and (max-width: 767px) {
  .about-research-future .heading { line-height: 1.3; margin-bottom: 20px;}
  .about-research-future .desc { font-size: 16px;}
  .about-research-future .circle { bottom: -36%; right: -36.5%; width: 93%;}
  .about-research-future .circle span { margin-top: 14.5%;}
}

/* products */
/* products common start */
/* core-wrap */
.core-wrap li { display: flex; padding-bottom: 100px; border-bottom: 1px solid #E5E5E5;}
.core-wrap li + li { padding-top: 100px;}
.core-wrap li .col.num { flex: 0 0 25.7%; font-size: 80px; font-weight: bold; color: var(--blue-color); line-height: 1;}
.core-wrap li .col dt { font-size: 32px; font-weight: bold; margin-bottom: 40px;}
@media screen and (max-width: 767px) {
  .core-wrap li .col.num { font-size: 30px; flex: 0 0 15.7%;}
  .core-wrap li .col dt { font-size: 20px; margin-bottom: 20px;}
  .core-wrap li { padding-bottom: 50px;}
  .core-wrap li + li { padding-top: 50px;}
}
/* products-contact */
.products-contact { padding: 140px 0; background: #F7F7F7;}
.products-contact .heading { margin-bottom: 40px;}
.products-contact .card { background: var(--blue-color); color: #fff; border-radius: 20px;}
.products-contact .card ul { display: grid; grid-template-columns: 2fr 1.5fr 1.5fr; justify-content: space-between; padding: 40px 60px;}
.products-contact .card li { display: flex;}
.products-contact .card dt { font-size: 28px; font-weight: 700; line-height: 1; margin-bottom: 12px;}
.products-contact .card dd { font-size: 20px; font-weight: 500;}
.products-contact.v2 .card ul { grid-template-columns: 1.3fr 1fr;}
.products-contact.v2 .card dl { display: flex;}
.products-contact.v2 .card dt { margin-right: 40px;}
.products-contact.v2 .card dd span { margin-bottom: 12px; display: block;}
.products-contact.v2 .heading { margin-bottom: 20px;}
.products-contact.v2 .flex-box { justify-content: space-between; margin-bottom: 40px;}
.products-contact.v2 .flex-box .desc { color: #666;}
@media screen and (max-width: 1024px) {
  .products-contact { padding: 80px 0;}
  .products-contact .card ul { grid-template-columns: 1fr auto; gap: 20px;}
}
@media screen and (max-width: 767px) {
  .products-contact { padding: 60px 0;}
  .products-contact .heading { margin-bottom: 20px;}
  .products-contact .card ul { grid-template-columns: 1fr; gap: 20px; padding: 30px 20px;}
  .products-contact .card dt { font-size: 20px;}
  .products-contact .card dd { font-size: 16px;}
  .products-contact.v2 .flex-box { flex-wrap: wrap; gap: 20px; margin-bottom: 20px;}
  .products-contact.v2 .card ul { grid-template-columns: 1fr;}
  .products-contact.v2 .card dt { margin-right: 20px;}
}
/* products-core */
.products-core { overflow: hidden; padding: 247px 0 140px;}
.products-core .heading { margin-bottom: 40px;}
.products-core .bg { display: flex; justify-content: flex-end; margin-right: -11%; max-height: 817px;}
.products-core .bg img { border-radius: 20px 0 0 20px; object-fit: cover;}
.products-core .text { font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.products-core .desc { color: #666; width: 60%;}
.products-core .desc + .desc { margin-top: 20px;}
.products-core .content-top { margin-bottom: 160px;}
.products-core .content-body .text-boxs { margin-bottom: 120px;}
.products-core .content-body .heading { margin-bottom: 32px;}
.products-core .flex-box { position: relative; flex-wrap: wrap;}
.products-core .flex-box .col { flex-grow: 1; width: 74%;}
.products-core .flex-box .col.left { flex: 0 0 25.7%;}
.products-core .flex-box .grid-box { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 38px; }
.products-core .flex-box .grid-box article { aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 32px;}
.products-core .flex-box .grid-box article.active { border-color: var(--blue-color);}
@media screen and (max-width: 1024px) {
  .products-core { padding: 80px 0;}
  .products-core .flex-box .grid-box { grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .products-core .content-top { margin-bottom: 50px;}
  .products-core .flex-box .grid-box article .img-box { width: 30%;}
  .products-core .flex-box .grid-box article { gap: 10px;max-width: 100%; max-height: 100%; box-sizing: border-box; width: 100%; height: 100%;}
  .products-core .flex-box .col { width: 100%;}
}
@media screen and (max-width: 767px) {
  .products-core { padding: 60px 0;}
  .products-core .content-top { margin-bottom: 50px;}
  .products-core .content-body .text-boxs { margin-bottom: 50px;}
  .products-core .desc { width: 100%;}
  .products-core .flex-box .grid-box { grid-template-columns: repeat(1, 1fr); padding: 0 40px;}
}
/* products-bulk-lineup */
.products-lineup { padding: 177px 0 200px; position: relative; overflow: hidden;}
.products-lineup .flex-box { justify-content: flex-end;}
.products-lineup .flex-box > .col { flex: 0 0 48.3%;}
.products-lineup .heading { margin-bottom: 100px;}
.products-lineup li { display: flex;}
.products-lineup li + li { padding-top: 80px;}
.products-lineup li .col { flex-grow: 1;}
.products-lineup li .col.num { flex: 0 0 10.7%; font-size: 32px; font-weight: bold; color: var(--blue-color);}
.products-lineup li .col dt { font-size: 32px; font-weight: bold; margin-bottom: 40px;}
.products-lineup li .col dd { color: #666;}
.products-lineup .motion .circle { position: absolute; top: 7.5%; left: -19.5%; width: 62.4%; aspect-ratio: 1/1; border-radius: 50%;}
.products-lineup .motion .img-boxs { position: absolute; right: 11%; top: 25%; width: 49%; aspect-ratio: 1/1;}
.products-lineup .motion .img-boxs img { opacity: 0; visibility: hidden; position: absolute; width: auto; height: 100%; object-fit: contain;}
.products-lineup .motion .circle .percentage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-120deg);}
.products-lineup .motion .circle-bg { fill: none; stroke: #ddd;}
.products-lineup .motion .circle-fill { fill: none; stroke-linecap: round; stroke: var(--blue-color); stroke-width: 1px; stroke-dasharray: 3704; stroke-dashoffset: 3704; }

/* products-system */
.products-system { padding: 140px 0;}
.products-system .content-top { margin-bottom: 100px; text-align: center;}
.products-system .heading { margin-bottom: 30px;}
.products-system .content-top .sbj { font-size: 24px; font-weight: 600; color: #2D2E55; margin-bottom: 20px;}
.products-system .content-top .desc { color: #333;}
.products-system .grid-box { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 32px;}
.products-system .grid-box article { display: flex; flex-direction: column;}
.products-system .grid-box dl { font-weight: 700; font-size: 20px; margin-bottom: 40px;}
.products-system .grid-box dl dd { padding-left: 16px; font-size: 16px; margin-top: 12px; color: #333;}
.products-system .grid-box .img-box { padding: 40px; border: 1px solid #ddd; margin-top: auto;}
.products-system .grid-box .img-box figure { padding-bottom: 120%;}
@media screen and (max-width: 1024px) {
  .products-system { padding: 80px 0;}
  .products-lineup { padding: 80px 0;}
  .products-lineup .flex-box { justify-content: flex-start;}
  .products-lineup .flex-box > .col { flex: 0 0 100%;}
  .products-lineup .motion .circle { display: none;}
}
@media screen and (max-width: 767px) {
  .products-system { padding: 60px 0;}
  .products-lineup { padding: 60px 0;}
  .products-lineup .heading { margin-bottom: 20px;}
  .products-system .grid-box { grid-template-columns: repeat(1, 1fr); }
  .products-system .grid-box dl { font-size: 16px; margin-bottom: 20px;}
  .products-system .grid-box .img-box { margin-top: 0;}
  .products-lineup li .col.num { flex: 0 0 12.7%; font-size: 20px;}
  .products-lineup li .col dt { font-size: 20px; margin-bottom: 20px;}
  .products-lineup li + li { padding-top: 50px;}
  .products-system .content-top .sbj { font-size: 18px;}
}
/* tabs */
.tabs { position: fixed; bottom: 60px; left: 0; z-index: 10; width: 100%;}
.tabs-wrap { background: #fff; box-shadow: 1px 3px 6px rgba(0,0,0,12%); border-radius: 80px; width: fit-content; margin: 0 auto; overflow: hidden; padding: 0 60px;}
.tabs .list { display: flex; height: 67px; width: fit-content; margin: 0 auto;}
.tabs .list .swiper-slide { width: auto;}
.tabs .list .swiper-slide a { display: block; height: 100%; padding: 0 30px; display: flex; align-items: center; justify-content: center; font-weight: 500;}
.tabs .list .swiper-slide.active a { color: var(--blue-color);}
@media screen and (max-width: 767px) {
  .tabs { bottom: 30px;}
  .tabs .list { height: 47px;}
  .tabs-wrap { padding: 0 20px;}
}
/* products common end */

/* products-overview-core */
.products-overview-core { position: relative; overflow: hidden;}
.products-overview-core .content-top { position: relative;}
.products-overview-core .content-top .heading { position: absolute; left: 0; bottom: 0; z-index: 1;}
.tabs .list .swiper-slide a { padding: 0 10px;}
@media screen and (max-width: 767px) {
  .products-overview-core .content-top { margin-bottom: 100px;}
  .products-overview-core .content-top .heading { margin-bottom: -60px;}
}
/* products-overview-process */
.products-overview-process { padding: 0 0 140px;}
.products-overview-process .heading { margin-bottom: 60px;}
.products-overview-process .step-wrap { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 60px;}
.products-overview-process .step-wrap article { padding: 50px 11.7% 40px; border-radius: 10px; border: 1px solid #E5E5E5; height: 300px; display: flex; flex-direction: column; position: relative;}
.products-overview-process .step-wrap article .num { color: #333; margin-bottom: 20px;}
.products-overview-process .step-wrap article .sbj { font-size: 28px; font-weight: 700; color: #000;}
.products-overview-process .step-wrap article .img-box { margin-top: auto; margin-left: auto;}
.products-overview-process .step-wrap article .img-box svg { display: block;}
.products-overview-process .step-wrap article .dot-container { position: absolute; top:50%; left: -43px; transform: translateY(-50%); display: flex; justify-content: center; align-items: center;}
.products-overview-process .step-wrap article .dot { width: 4px; height: 4px; margin: 0 2px; background-color: var(--blue-color); border-radius: 50%; opacity: 0.2; animation: dotfade 1.5s infinite; }
.products-overview-process .step-wrap article .dot:nth-child(2) { animation-delay: 0.3s; }
.products-overview-process .step-wrap article .dot:nth-child(3) { animation-delay: 0.6s; }
.products-overview-process .step-wrap article:nth-child(4),
.products-overview-process .step-wrap article:nth-child(5),
.products-overview-process .step-wrap article:nth-child(6) { border:none; pointer-events: none;}
.products-overview-process .step-wrap article:nth-child(7) .dot-container { transform: translate(-50%, 0) rotate(90deg); left: 50%; top: -33px;}
.products-overview-process .step-wrap article.active { background: var(--blue-color);}
.products-overview-process .step-wrap article.active .num,
.products-overview-process .step-wrap article.active .sbj { color: #fff;}
.products-overview-process .step-wrap article.active svg g { opacity: 1;}
.products-overview-process .step-wrap article.active svg path { stroke: #fff;}
@keyframes dotfade {
  0%, 100% { opacity: 0.2; }
  50% { opacity: 1; }
}
@media screen and (max-width: 1024px) {
  .products-overview-process { padding-bottom: 80px;}
  .products-overview-process .step-wrap { grid-template-columns: repeat(2, 1fr); gap: 20px;}
  .products-overview-process .step-wrap article:nth-child(4), .products-overview-process .step-wrap article:nth-child(5), .products-overview-process .step-wrap article:nth-child(6) { display: none;}
  .products-overview-process .step-wrap article .dot-container { display: none;}
}
@media screen and (max-width: 767px) {
  .products-overview-process { padding: 60px 0;}
  .products-overview-process .heading { margin-bottom: 30px;}
  .products-overview-process .step-wrap { grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .products-overview-process .step-wrap article { height: auto; padding-block: 30px;}
  .products-overview-process .step-wrap article .num { font-size: 16px;}
  .products-overview-process .step-wrap article .sbj { font-size: 18px; margin-bottom: 20px;}
  .products-overview-process .step-wrap article { padding-inline: 20px;}
  .products-overview-process .step-wrap article .img-box { width: 30%; height: 30px;}
  .products-overview-process .step-wrap article .img-box svg { width: 100%; height: 100%;}
}
/* products-overview-room */
.products-overview-room { padding: 140px 0; background: #F7F7F7; overflow: hidden;}
.products-overview-room .heading { margin-bottom: 60px; text-align: center;}
.products-overview-room .flex-box .col { flex-grow: 1;}
.products-overview-room .flex-box .col.left { flex: 0 0 61.5%;}
.products-overview-room .flex-box .col.left figure { border-radius: 20px;}
.products-overview-room .flex-box .col.right { padding-left: 5.8%; display: flex; align-items: center;}
.products-overview-room .flex-box .sbj { font-size: 28px; font-weight: 700; margin-bottom: 40px; position: relative;}
.products-overview-room .flex-box .sbj::before { content: ''; display: block; width: 67px; height: 54px; background: url(/images/comma.png) no-repeat center; position: absolute; top: -30px; left: -30px; z-index: -1;}
.products-overview-room .flex-box .desc { color: #333;}
@media screen and (max-width: 1024px) {
  .products-overview-room { padding: 80px 0;}
  .products-overview-room .heading { margin-bottom: 30px;}
  .products-overview-room .flex-box { flex-direction: column;}
  .products-overview-room .flex-box .col.left { width: 100%; margin-bottom: 50px;}
}
@media screen and (max-width: 767px) {
  .products-overview-room { padding: 60px 0;}
  .products-overview-room .flex-box .col.left figure { border-radius: 10px;}
  .products-overview-room .flex-box .sbj::before { left: -20px;}
  .products-overview-room .flex-box .sbj { font-size: 20px; margin-bottom: 20px;}
}
/* products-bulk */
/* products-bulk-properties */
.products-bulk-properties { padding: 140px 0; background: #f7f7f7;}
.products-bulk-properties .heading { margin-bottom: 40px; }
.products-bulk-properties .table-wrap { overflow-x: auto; overflow-y: hidden;}
.products-bulk-properties table { text-align: center; background: #fff; width: 100%; border: 1px solid #ddd; display: table; table-layout: fixed;}
.products-bulk-properties table th { background: #2D2E55; color: #fff; font-size: 22px; font-weight: 700; padding: 18px 10px; border: 1px solid #ddd;}
.products-bulk-properties table td { font-size: 20px; color: #000; padding: 18px 10px; border: 1px solid #ddd;}
@media screen and (max-width: 1024px) {
 .products-bulk-properties { padding: 80px 0;}
}
@media screen and (max-width: 767px) {
  .products-bulk-properties { padding: 60px 0;}
  .products-bulk-properties .heading { margin-bottom: 20px;}
  .products-bulk-properties table th { font-size: 18px;}
  .products-bulk-properties table td { font-size: 16px;}
}
/* products-cvd-features */
.products-cvd-features { padding-bottom: 0;}
.products-cvd-features .flex-box { padding-top: 140px; padding-bottom: 140px;}
.products-cvd-features .flex-box::before { content:''; display: block; width: 130%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #F7F7F7; z-index: -1;}
.products-cvd-features .flex-box .grid-box article { background: #fff;}
@media screen and (max-width: 1024px) {
  .products-cvd-features .flex-box { padding: 80px 0; }
}
@media screen and (max-width: 767px) {
  .products-cvd-features .flex-box { padding: 60px 0; }
}
/* products-cvd-lineup */
.products-cvd-lineup { height: 160svh; display: flex; align-items: center;}
@media screen and (max-width: 1024px) {
  .products-cvd-lineup { height: auto;}
  .products-lineup .heading { margin-bottom: 40px;}
}
/* products-si-features */
.products-si-features .text-boxs { margin-bottom: 0;}
@media screen and (max-width: 1024px) {
  .products-si-features { padding-bottom: 0;}
}
/* products-si-lineup */
.products-si-lineup { height: 160svh; padding: 0 0 140px; display: flex; align-items: center;}
@media screen and (max-width: 1024px) {
  .products-si-lineup { padding-bottom: 80px;}
  .products-si-lineup { height: auto;}
}
@media screen and (max-width: 767px) {
  .products-si-lineup { padding: 60px 0;}
}
/* products-si-contact */
.products-si-contact { background: #fff;}
/* products-device-core */
.products-device-core { padding-top: 120px;}
.products-device-core .content-top .text-boxs { margin-bottom: 140px;}
@media screen and (max-width: 1024px) {
  .products-device-core { padding-top: 80px;}
  .products-device-core .content-top .text-boxs { margin-bottom: 80px;}
}
@media screen and (max-width: 767px) {
  .products-device-core { padding-top: 60px;}
  .products-device-core .content-top .text-boxs { margin-bottom: 50px;}
  .products-core .heading { margin-bottom: 20px;}
  .products-core .text { font-size: 18px;}
}
/* products-device-service */
.products-device-service { padding: 140px 0; background: #F7F7F7; overflow: hidden; position: relative;}
.products-device-service .heading { margin-bottom: 30px;}
.products-device-service .desc { color: #666;}
.products-device-service .inner > .flex-box > .col.left { margin-right: 200px;}
.products-device-service .inner > .flex-box > .col.right { flex-grow: 1;}
.products-device-service .inner > .flex-box > .col.right .flex-box { gap:30px; }
.products-device-service .inner > .flex-box > .col.right .flex-box .col { width: 50%; }
.products-device-service .inner > .flex-box > .col.right .flex-box article { padding: 60px 50px; background: #fff; border-radius: 20px; border: 1px solid #ddd;}
.products-device-service .inner > .flex-box > .col.right .flex-box article + article { margin-top: 40px;}
.products-device-service .inner > .flex-box > .col.right .flex-box article .sbj { margin-bottom: 46px; font-size: 24px; font-weight: 700;}
.products-device-service .inner > .flex-box > .col.right .flex-box article .img-box { text-align: center;}
.products-device-service .inner > .flex-box > .col.right .flex-box .col:last-child { padding-top: 300px;}
.products-device-service .circle { width: 63%; aspect-ratio: 1/1; position: absolute; left: -25.5%; bottom: -24%; border: 2px solid rgb(45 46 85 / 10%); border-radius: 50%;}
.products-device-service .circle span { width: 12px; height: 12px; border-radius: 50%; background: #2D2E55; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: -7.5%;}
.products-device-service.active .circle { animation: rotate 5s linear infinite;}
@keyframes rotate {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
 }
@media screen and (max-width: 1024px) {
  .products-device-service { padding: 80px 0;}
  .products-device-service .inner > .flex-box { flex-wrap: wrap; position: relative; z-index: 1;}
  .products-device-service .inner > .flex-box > .col.left { margin: 0 0 50px;}
  .products-device-service .inner > .flex-box > .col.right .flex-box .col:last-child { padding-top: 100px;}
  .products-device-service .circle { width: 93%;}
  .products-device-service .circle span { margin-top: -10.5%;}
}
@media screen and (max-width: 767px) {
  .products-device-service { padding: 60px 0;}
  .products-device-service .inner > .flex-box > .col.left { margin-bottom: 30px;}
  .products-device-service .inner > .flex-box > .col.right .flex-box { flex-direction: column; gap: 10px;}
  .products-device-service .inner > .flex-box > .col.right .flex-box .col { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 10px;}
  .products-device-service .inner > .flex-box > .col.right .flex-box article { padding: 30px 10px; border-radius: 10px; text-align: center;}
  .products-device-service .inner > .flex-box > .col.right .flex-box article .img-box { width: 70%; margin: 0 auto;}
  .products-device-service .inner > .flex-box > .col.right .flex-box article + article { margin-top: 0px;}
  .products-device-service .inner > .flex-box > .col.right .flex-box .col:last-child { padding-top: 0;}
  .products-device-service .inner > .flex-box > .col.right .flex-box article .sbj { font-size: 18px;}
}
 /* Information-tab */
 .information-tab { position: relative; padding-top: 227px;}
 .information-tab .heading { margin-bottom: 80px;}
 .information-tab .title { font-size: 42px; font-weight: 700; margin-bottom: 40px;}
 .information-tab .content-top { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); z-index: 3;}
 .information-tab .content-top.fixed { top: auto; bottom: 25px;}
 .information-tab .content-top.bt { bottom: 25px; top: auto;}
 .information-tab .content-top ul { position: sticky; top: 40px; display: flex; padding: 18px 90px; justify-content: center; align-items: center; gap: 90px; background: #fff; box-shadow: 1px 3px 6px rgba(0,0,0,12%); border-radius: 35px;}
 .information-tab .content-top ul li { font-size: 20px; color: #8E8E8E; position: relative; font-weight: 700; text-wrap: nowrap; cursor: pointer;}
 .information-tab .content-top ul li.active { color: var(--blue-color);}
 .information-tab .scroll-wrap { position: relative;}
 .information-tab .tab-content { display: none;}
 .information-tab .tab-content.active { display: block;}
 .information-tab .tab-content:nth-child(2) { padding-bottom: 200px;}
 .information-tab .col.left { position: absolute; height: 100%; left: 50%; transform: translateX(-50%); z-index: 1;}
 .information-tab .col.left .row { position: absolute; left: 0;}
 .information-tab .col.left .btns { position: sticky; top: 120px; width: 17.2%;}
 .information-tab .col.left .btns button { display: block; width: 100%; padding: 16px 30px; font-size: 20px; font-weight: 700; color: #999; text-align: left; border-radius: 35px; border: 1px solid #E5E5E5; background: #fff;}
 .information-tab .col.left .btns button + button { margin-top: 16px;}
 .information-tab .col.left .btns button[data-chart="active"] { background: var(--blue-color) url(/images/ico-arrow-right-white.png) no-repeat right 26px center/ 8px 15px; color: #fff;}
 .information-tab .scroll-content { padding-bottom: 140px; position: relative; letter-spacing: normal;}
 .information-tab .scroll-content + .scroll-content { padding: 140px 0;}
 .information-tab .scroll-content .inner { padding-left: 20.5%;}
 .information-tab .col.right .chart-wrap { padding: 60px 80px; position: relative; z-index: 2;}
 .information-tab .col.right .chart-wrap .text-boxs .unit { padding: 0;}
 .information-tab .scroll-content::before { content: ''; display: none; width: 100%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;}
 .information-tab .scroll-content:nth-child(even)::before { background: #f7f7f7; display: block;}
 .information-tab .scroll-content:nth-child(even) .chart-wrap { background: #fff; border: 1px solid #e5e5e5;}
 .information-tab .table-group + .table-group { margin-top: 120px;}
 .information-tab .table-group .title { margin-bottom: 0;}
 .information-tab .table-group .unit { display: block; text-align: right; font-size: 16px; margin-bottom: 20px;}
 .information-tab .table-wrap { overflow-x: auto; overflow-y:}
 .information-tab .table-group table { width: 100%; display: table; table-layout: fixed;}
 .information-tab .table-group table .accent { background: #EFEFF2; }
 .information-tab .table-group table,
 .information-tab .table-group table th,
 .information-tab .table-group table td { border: 1px solid #ddd; padding-inline: 10px;}
 .information-tab .table-group table th { font-size: 22px; font-weight: 700; height: 70px; background: #F7F7F7;}
 .information-tab .table-group table td { font-size: 20px; height: 66px;}
 .information-tab .table-group table td[colspan="4"] { height: 70px; font-weight: 700; border: none; padding-left: 60px;}
 .information-tab .table-group table td:first-child { padding-inline: 60px;}
 .information-tab .table-group table td:not(:first-child) {text-align: center;}
@media screen and (max-width: 1024px) {
  .information-tab { padding-top: 150px;}
  .information-tab .heading { margin-bottom: 30px;}
  .information-tab .scroll-content .inner { padding: 0;}
  .information-tab .col.left { display: none;}
  .information-tab .col.right .chart-wrap { padding: 60px 20px;}
  .information-tab .title { margin-bottom: 20px; font-size: 30px;}
  .information-tab .scroll-content { padding-bottom: 80px;}
  .information-tab .scroll-content + .scroll-content { padding: 80px 0;}
  .information-tab .table-group + .table-group { margin-top: 80px;}
  .information-tab .tab-content:nth-child(2) { padding-bottom: 80px;}
}
@media screen and (max-width: 767px) {
  .information-tab .content-top { width: 80%;}
  .information-tab .content-top ul { gap: 20px; width: max-content; margin: 0 auto; padding: 10px 30px;}
  .information-tab .content-top ul li { font-size: 14px;}
  .information-tab .col.right .chart-wrap { padding: 30px 20px;}
  .information-tab .title { font-size: 20px;}
  .information-tab .scroll-content { padding-bottom: 60px;}
  .information-tab .scroll-content + .scroll-content { padding: 60px 0;}
  .information-tab .col.right .chart-wrap .text-boxs .unit { margin-bottom: 10px;}
  .information-tab .table-group .unit { font-size: 14px; margin-bottom: 10px;}
  .information-tab .table-group table th { height: 50px; font-size: 16px;}
  .information-tab .table-group table td:first-child { padding-inline: 10px;}
  .information-tab .table-group table td[colspan="4"] { height: 50px;}
  .information-tab .table-group table td { font-size: 14px; height: 45px;}
  .information-tab .table-group + .table-group { margin-top: 60px;}
  .information-tab .tab-content:nth-child(2) { padding-bottom: 60px;}
}

/* careers */
.sec-careers .content-top { margin-bottom: 140px;}
.sec-careers .content-top .heading { margin-bottom: 20px;}
.sec-careers .content-top .sbj { font-size: 24px; font-weight: 600; color: #2D2E55; margin-bottom: 20px;}
.sec-careers .content-top .desc { font-size: 20px; color: #666; margin-bottom: 20px;}
.sec-careers .list-icon { margin-bottom: 120px;}
.sec-careers .list-icon > li { display: flex; padding: 80px 0; border-top: 1px solid #e5e5e5; gap: 120px;}
.sec-careers .list-icon > li > .col > .img-box { width: 172px; height: 172px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: rgba(239,245,255,0.6);}
.sec-careers .list-icon li:first-child { padding-top: 0; border: none;}
.sec-careers .list li { display: flex;}
.sec-careers .list .num { font-size: 32px; font-weight: 700; color: var(--blue-color); margin-right: 32px;}
.sec-careers .list dt { font-size: 32px; font-weight: 700; margin-bottom: 16px;}
.sec-careers .list dd { color: #666;}
.sec-careers-ideal { padding: 80px 0 160px; overflow: hidden;}
.sec-careers-ideal .content-body > .flex-box { justify-content: flex-end;}
.sec-careers-ideal .content-body > .flex-box > .col { width: 67.5%;}
.sec-careers-ideal .content-body > .flex-box > .col > .img-box { margin-right: -17%; height: 752px; border-radius: 20px 0 0 20px; overflow: hidden;}
.sec-careers-ideal .content-body > .flex-box > .col > .img-box img { opacity: 0; visibility: hidden; transition: 0.3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.sec-careers-ideal .content-body > .flex-box > .col > .img-box img.active { opacity: 1; visibility: visible;}
@media screen and (max-width: 1024px) {
  .sec-careers-ideal { padding: 80px 0;}
  .sec-careers-ideal .content-body > .flex-box > .col > .img-box  { height: 452px;}
  .sec-careers-ideal .content-body > .flex-box { justify-content: flex-start;}
  .sec-careers-ideal .content-body > .flex-box > .col { width: 100%;}
  .sec-careers .list-icon > li > .col > .img-box { width: 132px; height: 132px; padding: 30px;}
  .sec-careers .list-icon { margin-bottom: 80px;}
}
@media screen and (max-width: 767px) {
  .sec-careers-ideal { padding: 60px 0;}
  .sec-careers-ideal .content-body > .flex-box > .col > .img-box  { height: 300px;}
  .sec-careers .content-top { margin-bottom: 60px;}
  .sec-careers .content-top .sbj { font-size: 18px;}
  .sec-careers .content-top .desc { font-size: 16px;}
  .sec-careers .list-icon { margin-bottom: 20px;}
  .sec-careers .list-icon > li { padding: 40px 0;}
  .sec-careers .list-icon > li > .col:first-child { display: none;}
  .sec-careers .list-icon > li > .col > .img-box { width: 62px; height: 62px; padding: 20px;}
  .sec-careers .list .num { font-size: 20px;}
  .sec-careers .list dt { font-size: 20px;}
}
/* sec-careers-benefits */
.sec-careers-benefits { padding-bottom: 280px;}
.sec-careers-benefits .grid-box { grid-template-columns: repeat(3, 1fr); grid-auto-rows:1fr; gap: 120px 36px;}
.sec-careers-benefits .grid-box article { display: flex; flex-direction: column;}
.sec-careers-benefits .grid-box article .icon-box { margin-bottom: 20px;}
.sec-careers-benefits .grid-box article .num { font-size: 32px; font-weight: 700; color: var(--blue-color); margin-bottom: 20px;}
.sec-careers-benefits .grid-box article .title { font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.sec-careers-benefits .grid-box article .sbj { font-size: 20px; font-weight: 500; color: #2D2E55; margin-bottom: 40px;}
.sec-careers-benefits .grid-box article .desc { padding: 40px 30px; border-radius: 20px; background: #f7f7f7; color: #666; margin-top: auto; min-height: 296px;}
@media screen and (max-width: 1024px) {
  .sec-careers-benefits { padding-bottom: 80px;}
  .sec-careers-benefits .grid-box { grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 767px) {
  .sec-careers-benefits { padding-bottom: 60px;}
  .sec-careers-benefits .grid-box { grid-template-columns: repeat(1, 1fr); grid-auto-rows: auto; gap: 30px;}
  .sec-careers-benefits .grid-box article .icon-box { margin-bottom: 10px;}
  .sec-careers-benefits .grid-box article .num { font-size: 20px; margin-bottom: 10px;}
  .sec-careers-benefits .grid-box article .title { font-size: 20px; margin-bottom: 10px;}
  .sec-careers-benefits .grid-box article .sbj { font-size: 18px; margin-bottom: 20px;}
  .sec-careers-benefits .grid-box article .desc { padding: 30px 20px; min-height: auto;}
}
/* sec-careers-process */
.sec-careers-process { padding: 80px 0 140px;}
.sec-careers-process .content-body .grid-box { display: grid; width: 66.7%; margin-left: auto; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 1px; }
.sec-careers-process .content-body .grid-box li { box-shadow: 0 0 0 1px #e5e5e5; box-sizing: border-box; background-color: white; min-height: 245px; display: flex; align-items: center; padding: 20px 10.4%;}
.sec-careers-process .content-body .grid-box li .col:first-child { margin-right: 50px;}
.sec-careers-process .content-body .grid-box li .num { color: #666; margin-bottom: 20px;}
.sec-careers-process .content-body .grid-box li .sbj { font-size: 28px; font-weight: 700;}
.sec-careers-process .content-body .grid-box li.active { background: var(--blue-color); outline-color: var(--blue-color);}
.sec-careers-process .content-body .grid-box li.active .num,
.sec-careers-process .content-body .grid-box li.active .sbj { color: #fff;}
.sec-careers-process .content-body .grid-box li.active svg path { stroke: #fff;}
@media screen and ( max-width: 1024px) {
  .sec-careers-process { padding: 80px 0;}
  .sec-careers .content-top { margin-bottom: 80px;}
  .sec-careers-process .content-body .grid-box { width: 80.7%;}
  .sec-careers-process .content-body .grid-box li { min-height: auto;}
  .sec-careers-process .content-body .grid-box li svg { width: 40px;}
  .sec-careers-process .content-body .grid-box li .num { font-size: 18px; margin-bottom: 10px;}
  .sec-careers-process .content-body .grid-box li .sbj { font-size: 20px;}
  .sec-careers-process .content-body .grid-box li .col:first-child { margin-right: 30px;}
}
@media screen and ( max-width: 767px) {
  .sec-careers-process { padding: 60px 0;}
  .sec-careers .content-top { margin-bottom: 30px;}
  .sec-careers-process .content-body .grid-box { width: 100%; grid-template-columns: repeat(1, 1fr); gap: 20px;}
  .sec-careers-process .content-body .grid-box li { padding: 20px 6.4%;}
  .sec-careers-process .content-body .grid-box li .num { font-size: 16px;}
  .sec-careers-process .content-body .grid-box li .sbj { font-size: 18px;}
}
/* sec-careers-posting */
.sec-careers-posting { padding-bottom: 200px;}
.sec-careers-posting .banner { padding: 120px; background: url(/images/sub/careers/careers-posting-bg.png) no-repeat center/cover; border-radius: 20px;}
.sec-careers-posting .banner .heading { font-size: 60px; color: #fff; font-weight: 700;}
.sec-careers-posting .banner .flex-box { justify-content: space-between;}
.sec-careers-posting .banner .col:last-child { width: 39%;}
.sec-careers-posting .banner li a { padding: 46px 40px 46px 60px; background: rgba(0,0,0,0.32); color: #fff; display: flex; font-size: 24px; font-weight: 700; justify-content: space-between; align-items: center; border-radius: 20px;}
/* .sec-careers-posting .banner li + li { margin-top: 20px;} */
.sec-careers-posting .banner li a span { width: 49px; height: 49px; background: url(/images/link-arrow-up.png)no-repeat center/cover;}
.sec-careers-posting .banner li + li { margin-top: 20px;}
@media screen and (max-width: 1024px) {
  .sec-careers-posting { padding-bottom: 80px;}
  .sec-careers-posting .banner { padding: 120px 50px;}
  .sec-careers-posting .banner .heading { font-size: 38px;}
  .sec-careers-posting .banner li a { font-size: 20px; padding: 46px 20px 46px 30px;}
}
@media screen and (max-width: 767px) {
  .sec-careers-posting { padding-bottom: 60px;}
  .sec-careers-posting .banner { padding: 60px 20px;}
  .sec-careers-posting .banner .heading { font-size: 24px; margin-bottom: 50px;}
  .sec-careers-posting .banner .flex-box { flex-direction: column;}
  .sec-careers-posting .banner li a { padding: 30px 20px; font-size: 16px;}
  .sec-careers-posting .banner .col:last-child { width: 100%;}
  .sec-careers-posting .banner li a span { width: 29px; height: 29px;}
}





/* bbs */
.srboardList .content-top { text-align: center; margin-bottom: 40px; margin-top: -40px;}
.srboardList .content-top ul{ position: sticky; top: 40px; display: inline-flex; padding: 18px 90px; justify-content: center; align-items: center; gap: 90px; background: #fff; box-shadow: 1px 3px 6px rgba(0,0,0,12%); border-radius: 35px;}
.srboardList .content-top li{ font-size: 20px; color: #8E8E8E; position: relative; font-weight: 700; text-wrap: nowrap; cursor: pointer; display: flex; gap:90px;}
.srboardList .content-top .active { color: var(--blue-color);}
.external-btn{text-align:right; margin-bottom: 40px;}
.external-btn a{height:52px; line-height: 50px; border:1px solid #ddd; border-radius:50px; padding:0 30px; display:inline-flex; gap:16px; align-items:center; font-size: 16px;}
.external-btn .ico{ display:inline-block;width: 22px; height: 22px; background: url('/images/ico-link-external.svg') no-repeat center center / cover;}

@media screen and (max-width: 767px) {
  .srboardList .content-top{margin:0 auto 40px; width: 80%;}
  .srboardList .content-top ul { gap: 30px; padding: 18px; width: 100%;}
  .srboardList .content-top ul li {font-size: 14px; gap: 30px;}
  .external-btn{margin-bottom: 20px;}
  .external-btn a{font-size: 14px; height:42px; line-height: 40px; padding:0 20px; gap:10px;}
}


/* sustainability-charts */
.sustainability-charts .content-top { padding: 80px 0 20px; }
.sustainability-charts .content-top .heading { margin-bottom: 23px;}
.sustainability-charts .content-top .desc { color: #666; margin-bottom: 120px;}
.sustainability-charts .content-top .list { margin-left: auto; width: 52.6%;}
.sustainability-charts .content-top .list li { display: flex; padding: 60px 0;}
.sustainability-charts .content-top .list li .num { font-size: 32px; font-weight: 700; color: var(--blue-color); margin-right: 30px;}
.sustainability-charts .content-top .list li dt { font-size: 32px; font-weight: 700; margin-bottom: 16px;}
.sustainability-charts .content-top .list li dd { color: #666;}
.sustainability-charts .content-top .list li + li { border-top: 1px solid #E5E5E5;}
.sustainability-charts .content-top .list li:last-child { border-bottom: 1px solid #e5e5e5;}
.sustainability-charts .chart-container .inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 40px; padding: 120px 0;}
.sustainability-charts .chart-container .inner.v3 { grid-template-columns: repeat(3, 1fr);}
.sustainability-charts .chart-container:nth-child(even) { background: #f7f7f7;}
.sustainability-charts .chart-box { display: flex; flex-direction: column; justify-content: space-between;}
.sustainability-charts .chart-wrap { padding: 110px 10% 60px; background: #fff;}
.sustainability-charts .chart-wrap.three { padding: 110px 10% 60px;}
.sustainability-charts .chart-wrap canvas { height: auto !important;}
.sustainability-charts .chart-wrap .unit { font-size: 14px; text-align: right; margin-bottom: 13px;}
.sustainability-charts .chart-box .title { font-size: 32px; margin-bottom: 50px;}
.sustainability-charts .chart-container .inner.v3 .chart-wrap { padding: 60px 5%; min-height: 400px; display: flex; flex-direction: column; justify-content: center;}
.sustainability-charts .chart-container .inner.v3 .chart-wrap canvas { height: auto; max-height: 220px;}
@media screen and (max-width: 1024px) {
  .sustainability-charts .chart-container .inner,
  .sustainability-charts .chart-container .inner.v3 { grid-template-columns: repeat(1, 1fr); padding: 60px 0; grid-auto-rows: auto;}
  .sustainability-charts .chart-container .inner.v3 .chart-wrap canvas { max-height: 320px;}
  .sustainability-charts .chart-wrap { padding-top: 60px;}
}
@media screen and (max-width: 767px) {
  .sustainability-charts .chart-container .inner.v3 .chart-wrap { padding: 80px 20px;}
  .sustainability-charts .chart-box .title { font-size: 20px; margin-bottom: 20px;}
  .sustainability-charts .content-top { padding-top: 60px;}
  .sustainability-charts .content-top .desc { margin-bottom: 50px;}
  .sustainability-charts .content-top .list { width: 100%;}
  .sustainability-charts .content-top .list li { padding: 30px 0;}
  .sustainability-charts .content-top .list li .num { font-size: 20px; margin-right: 20px;}
  .sustainability-charts .content-top .list li dt { font-size: 20px;}
  .sustainability-charts .content-top .list li dd { font-size: 16px;}
  .sustainability-charts .chart-wrap.three { padding-top: 140px;}
}

.sustainability-guide { padding: 80px 0;}
.sustainability-guide .heading { font-size: 80px; text-align: center; margin-bottom: 80px;}
.sustainability-guide .text-boxs + .text-boxs { margin-top: 50px; }
.sustainability-guide .title { margin-bottom: 20px; font-size: 32px;}
.sustainability-guide .text { font-size: 18px;}
@media screen and (max-width: 767px) {
  .sustainability-guide { padding: 60px 0;}
  .sustainability-guide .heading { font-size: 30px; margin-bottom: 40px;}
  .sustainability-guide .title { font-size: 20px;}
  .sustainability-guide .text { font-size: 14px;}
}

/* stock */
.stock { padding: 120px 0 200px;}
.stock .heading { margin-bottom: 40px;}
.stock .content-top { margin-bottom: 80px;}
.stock .content-top > .flex-box { justify-content: space-between; padding: 40px 80px; background: #f7f7f7; border-radius: 20px;}
.stock .content-top > .flex-box .col,
.stock .content-top > .flex-box .col dl { display: flex; align-items: center; gap: 16px;}
.stock .content-top > .flex-box .col dl dt { font-size: 20px; font-weight: 700; color: #101010;}
.stock .content-top > .flex-box .col dl dd { color: #EF4C49; font-weight: 700; font-size: 20px;}
.stock .content-top > .flex-box .col dl dd span { width: 12px; height: 12px; background: url(/images/sub/investor/arrow.png) no-repeat center/auto 100%; margin-left: 16px;}
.stock .content-top > .flex-box .col dl dd.minus { color: #3a7bee;}
.stock .content-top > .flex-box .col dl dd.minus span { width: 12px; height: 12px; background: url(/images/sub/investor/arrow2.png) no-repeat center/auto 100%; margin-left: 16px;}
.stock .content-top > .flex-box .col.left dl { gap: 80px;}
.stock .content-top > .flex-box .col.left dd { font-size: 56px;}
.stock .content-top > .flex-box .col.left dl dd span { width: 24px; height: 24px; background: url(/images/sub/investor/arrow-big.png) no-repeat center/auto 100%; margin-left: 32px;}
.stock .content-top > .flex-box .col.left dl dd.minus { color: #3a7bee;}
.stock .content-top > .flex-box .col.left dl dd.minus span { width: 24px; height: 24px; background: url(/images/sub/investor/arrow2-big.png) no-repeat center/auto 100%; margin-left: 32px;}
.stock .content-top > .flex-box .col .desc { color: #000; margin-left: 60px;}
.stock .content-body .table-wrap + .table-wrap { margin-top: 60px;}
.stock .content-body .table-wrap table { width: 100%; table-layout: fixed;}
.stock .content-body .table-wrap table td { padding: 33px 5px; text-align: center; border: 1px solid #ddd; font-size: 20px;}
.stock .content-body .table-wrap table tr th { padding: 29px 5px; border: 1px solid #ddd; border-top-color: #000;}
.stock .content-body .table-wrap table tr th:first-child,
.stock .content-body .table-wrap table tr td:first-child { border-left: none;}
.stock .content-body .table-wrap table tr th:last-child,
.stock .content-body .table-wrap table tr td:last-child { border-right: none;}
.stock .content-body .table-wrap:nth-child(3) table tr:first-child th:last-child { padding: 22px 5px;}
.stock .content-body .table-wrap:nth-child(3) table tr:nth-child(2) th { padding: 28px 5px;; }
@media screen and (max-width: 1024px) {
  .stock .content-top > .flex-box { flex-direction: column; gap: 20px; padding: 40px 60px;}
}
@media screen and (max-width: 767px) {
  .stock { padding: 60px 0;}
  .stock .heading { margin-bottom: 20px;}
  .stock .content-top { margin-bottom: 50px;}
  .stock .content-top > .flex-box { padding: 30px 20px; }
  .stock .content-top > .flex-box .col dl dt { font-size: 16px;}
  .stock .content-top > .flex-box .col.left dl { gap: 20px;}
  .stock .content-top > .flex-box .col.left dd { font-size: 26px;}
  .stock .content-top > .flex-box .col.left dl dd span { width: 14px; height: 14px; margin-left: 16px;}
  .stock .content-top > .flex-box .col.right { flex-wrap: wrap;}
  .stock .content-top > .flex-box .col .desc { margin: 0; font-size: 14px;}
  .stock .content-body .table-wrap + .table-wrap { margin-top: 50px;}
  .stock .content-body .table-wrap table th,
  .stock .content-body .table-wrap table td { font-size: 14px;}
  .stock .content-body .table-wrap table tr th { padding: 20px 5px;}
  .stock .content-body .table-wrap table td { padding: 20px 5px;}
  .stock .content-body .table-wrap:nth-child(3) table tr:nth-child(2) th { padding: 20px 5px;}
}

/* job-descriptions */
.job-descriptions { padding: 80px 0 120px;}
.job-descriptions .content-top { margin-bottom: 140px;}
.job-descriptions .content-top .heading { margin-bottom: 20px;}
.job-descriptions .content-top .desc { font-size: 20px; color: #666; margin-bottom: 20px;}
.job-descriptions .content-top .sbj { font-size: 24px; font-weight: 600; color: var(--accent-color);}
.job-descriptions .content-body > .inner { display: flex;}
.job-descriptions .content-body > .inner .list { width: 63.6%; margin-left: auto;}
.job-descriptions .content-body .list > li { border-top: 1px solid #e5e5e5;}
.job-descriptions .content-body .list > li:last-child { border-bottom: 1px solid #e5e5e5;}
.job-descriptions .content-body .list-top { padding: 40px 0 40px 0; display: flex; align-items: center; justify-content: space-between;  cursor: pointer;}
.job-descriptions .content-body .list-top dl { display: flex; align-items: center;}
.job-descriptions .content-body .list-top dl dt { font-size: 32px; font-weight: bold; color: #101010;}
.job-descriptions .content-body .list-top dl dd { position: relative; color: #666;}
.job-descriptions .content-body .list-top dl dd::before { content: ''; display: block; width: 2px; height: 12px; background: #ddd; margin-inline: 18px; display: inline-block;}
.job-descriptions .content-body .list-top button { width: 24px; height: 24px; background: url(/images/ico-arrow-drop.png) no-repeat center/auto 100%;}
.job-descriptions .content-body .list-body { overflow: hidden; max-height: 0; transition: max-height 0.5s;}
.job-descriptions .content-body .list-box { padding: 40px; background: #f7f7f7; border-radius: 20px; margin-bottom: 60px;}
.job-descriptions .content-body .list-box dl + dl { margin-top: 24px; }
.job-descriptions .content-body .list-box dt { font-size: 20px; font-weight: 700; color: #101010; margin-bottom: 12px;}
.job-descriptions .content-body .list-box dd { color: #666;}
.job-descriptions .content-body .list-box dd span { background: #666;}
.job-descriptions .content-body .list-box dd + dd { margin-top: 8px;}
.job-descriptions .content-body .list-top,
.job-descriptions .content-body .list-body { padding-right: 60px;}
.job-descriptions .content-body .list > li.active .list-body { max-height: 1000px;}
.job-descriptions .content-body .list > li.active .list-top button { transform: scaleY(-1);}
.job-descriptions .content-body .img-box { margin-top: 150px;}
/* .job-roadmap */
.job-roadmap { padding-bottom: 200px;}
.job-roadmap .heading { margin-bottom: 80px;}
.job-roadmap table { width: 100%; table-layout: fixed;}
.job-roadmap table th,
.job-roadmap table td { border: 1px solid #ddd;}
.job-roadmap table th { padding: 20px 5px 17px; text-align: center; font-size: 22px; font-weight: 700; color: #101010; background: #f7f7f7;}
.job-roadmap table td { padding: 22px 40px; font-size: 20px; color: #000;}
.job-roadmap table tr td:first-child { background: #efeff2;}
.job-roadmap table td .list li { font-size: 18px; color: #666; display: flex;}
.job-roadmap table td .list li + li { margin-top: 8px;}
.job-roadmap table td .list li .dot { background: #666; margin-right: 12px; margin-top: 7px; flex-shrink: 0;}
.job-roadmap table td[colspan="3"] { text-align: center;}
@media screen and (max-width: 1024px) {
  .job-roadmap table th { font-size: 16px;}
  .job-roadmap table td .list li { font-size: 14px;}
  .job-roadmap table td { font-size: 14px; padding: 22px 10px;}
}
@media screen and (max-width: 767px) {
  .job-descriptions { padding: 60px 0;}
  .job-descriptions .content-top { margin-bottom: 50px;}
  .job-descriptions .content-top .desc { font-size: 16px;}
  .job-descriptions .content-top .sbj { font-size: 18px;}
  .job-descriptions .content-body > .inner .list { width: 100%;}
  .job-descriptions .content-body .list-top { padding: 20px 0;}
  .job-descriptions .content-body .list-top, .job-descriptions .content-body .list-body { padding-right: 20px;}
  .job-descriptions .content-body .list-top dl dt { font-size: 20px;}
  .job-descriptions .content-body .list-box dt { font-size: 18px;}
  .job-descriptions .content-body .list-box { padding: 30px 20px; margin-bottom: 20px;}
  .job-descriptions .content-body .img-box { margin-top: 50px;}
  .job-roadmap { padding-bottom: 60px;}
  .job-roadmap .heading { margin-bottom: 30px;}
  .job-roadmap .table-wrap { overflow-x: auto; overflow-y: hidden;}
  .job-roadmap table { table-layout: auto;}
}

.boardListArea.visit { max-width: 1260px; padding-bottom: 120px;}
.publication-form .ico-word { display: inline-block; width: 20px; height: 18px; background: url(/images/ico-word.svg) no-repeat center/auto 100%; margin-right: 8px;}
.publication-form .ico-pdf { display: inline-block; width: 20px; height: 18px; background: url(/images/ico-pdf.svg) no-repeat center/auto 100%; margin-right: 8px;}
.publication-form .form-section + .form-section { margin-top: 80px;}
.publication-form .form-title { font-size: 32px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #333; margin-bottom: 28px;}
.publication-form .form-row { display: flex; gap: 20px 40px; flex-wrap: wrap;}
.publication-form .form-row + .form-row { margin-top: 20px;}
.publication-form .form-section.plus .form-wrap { border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.publication-form .form-section.plus .form-wrap + .form-wrap { margin-top: 28px;}
.publication-form .form-section.plus .form-row { padding: 0 0 20px; }
.publication-form .form-section.plus .form-row + .form-row { margin: 0;}
.publication-form .form-group { flex: 1 1 430px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 0;}
.publication-form .form-group label { font-size: 20px; font-weight: 600; flex: 0 0 108px;}
.publication-form .form-group label span { width: 12px; height: 12px; background: url(/images/ico-star.svg) no-repeat center/auto 100%; vertical-align: text-top;}
.publication-form .form-group input,
.publication-form .form-group select { flex: 1 1 200px; padding: 20px; height: 60px; background: #f7f7f7; border:none; font-size: 16px; cursor: pointer;}
.publication-form .form-group select,
.publication-form .form-group input::placeholder { color: #999;}
.publication-form .form-group select:required:valid { color: #000;}
.publication-form .form-group select.time-select { text-align: center;}
.publication-form .form-group input.date-input,
.publication-form .form-group select:not(.time-select) { background: #f7f7f7 url(/images/ico-arrow-drop.svg) no-repeat right 20px center/24px 24px; }
.publication-form .form-group select:disabled,
.publication-form .form-group input:disabled { background: #ddd; color: #666;}
.publication-form .form-group select option { color: #000;}
.publication-form .form-group .checkbox { margin-left: 20px;}
.publication-form .checkbox input { width: 24px; height: 24px; cursor: pointer;}
.publication-form .checkbox label { font-size: 18px; font-weight: 400; margin-left: 12px; vertical-align: middle; cursor: pointer;}
.publication-form .input-group { display: flex; flex: 1 1 300px; gap: 10px; align-items: center;}
.publication-form .input-group input { flex: 0 0 48%;}
.publication-form .form-desc { font-size: 16px; margin-bottom: 17px;}
.publication-form .form-desc .accent { font-weight: 600; color: #3064C0; vertical-align: baseline; display: inline;}
.publication-form .down-group { display: flex; gap: 40px; flex-wrap: wrap;}
.publication-form .down-group .down-area { flex: 1; text-align: center; padding: 40px; background: #F7F7F7; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 10px;}
.publication-form .down-group .down-area .down-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; flex: 0 0 100%;}
.publication-form .down-group .down-area a { display: inline-flex; align-items: center; width: fit-content; height: 40px; padding: 8px 20px; background: #fff; border: 1px solid #ddd; position: relative; border-radius: 35px; font-size: 16px; overflow: hidden; margin-top: 10px;}
.publication-form .down-group .down-area a::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: #3A7BEE; background-image: url(/images/ico-down-light.svg); background-size: 24px 24px; background-position: center; background-repeat: no-repeat; top: 0; left: 0; transition: opacity 0.2s; opacity: 0; visibility: hidden;}
.publication-form .policy-content { background: #f7f7f7; padding: 30px 40px; margin-bottom: 23px;}
.publication-form .policy-content .text { font-weight: 600; margin-bottom: 21px;}
.publication-form .policy-content table { width: 100%; text-align: center; margin-bottom: 12px;}
.publication-form .policy-content th { background: #fff; border: 1px solid #ddd; border-top: 1px solid #7E7E7E; border-left: none; padding: 20px;}
.publication-form .policy-content th:last-child { border-right: none;}
.publication-form .policy-content td { font-size: 16px; border: 1px solid #ddd; border-left: none; padding: 20px;}
.publication-form .policy-content td:last-child { border-right: none;}
.publication-form .policy-content li { color: #333; font-size: 16px;}
.publication-form .policy-content li span  { font-weight: 600; color: #101010; vertical-align: baseline;}
.publication-form .submit-btn { height: 60px; border:1px solid #3A7BEE; color: #3A7BEE; padding: 0 60px; display: block; margin: 60px auto 0; font-size: 16px;}
.publication-form .plus-btn { font-size: 16px; font-weight: 600; position: relative; padding-right: 30px; display: block; margin: 24px auto 0;}
.publication-form .plus-btn::after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(/images/ico-plus.svg) no-repeat center/auto 100%; width: 24px; height: 24px;}
.publication-form .remove-btn { display: block; margin-left: auto; font-size: 16px; color: #F62222;}
.date-input:not([value=""]),
.time-select:not([value=""]):not([value="00"]) { color: #111; }
.litepicker { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 5px;}
.litepicker .container__months { box-shadow: none; background: transparent;}
.litepicker .container__footer { box-shadow: none; background: transparent; }
.litepicker .container__months .month-item-header div> select { border: none;}
.litepicker .container__footer .button-apply { margin-right: 0;}
@media (hover: hover) and (pointer: fine) {
  .publication-form .down-group .down-area a:hover::before { opacity: 1; visibility: visible;}
  .publication-form .submit-btn:hover { color: #fff; background: #3A7BEE;}
}
@media screen and (max-width: 767px) {
  .boardListArea.visit { padding-bottom: 60px;}
  .publication-form .form-section + .form-section { margin-top: 60px;}
  .publication-form .form-title { font-size: 20px; padding-bottom: 10px; margin-bottom: 20px;}
  .publication-form .form-group label { font-size: 16px; flex: 0 0 88px;}
  .publication-form .form-group input, .publication-form .form-group select { height: 40px; padding: 10px; font-size: 14px; flex:1;}
  .publication-form .checkbox input { width: 14px; height: 14px; margin-top: -2px;}
  .publication-form .checkbox label { margin-left: 5px; font-size: 14px;}
  .publication-form .policy-content { padding: 30px 20px; margin-bottom: 10px;}
  .publication-form .policy-content th,
  .publication-form .policy-content td { font-size: 14px; padding: 10px;}
  .publication-form .policy-content li { font-size: 12px;}
  .publication-form .submit-btn { height: 40px; margin-top: 40px;}
  .publication-form .form-desc { font-size: 12px;}
  .publication-form .down-group { gap: 20px;}
  .publication-form .down-group .down-area { padding: 30px 20px;}
  .publication-form .down-group .down-area .down-title { font-size: 16px;}
  .publication-form .down-group .down-area a { font-size: 14px; width: 150px;}
}

.sustainability-safety { text-align: center; max-width: 1260px; margin: 0 auto; width: 100%; padding: 120px 0;}
.sustainability-safety .heading { font-size: 80px; margin-bottom: 40px;}
.sustainability-safety .text { font-size: 20px; font-weight: 500; margin-bottom: 80px;}
.sustainability-safety .line-boxs { position: relative; margin-bottom: 40px;}
.sustainability-safety .line-boxs::before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background: #ddd; z-index: -1;}
.sustainability-safety .line-boxs span { position: relative; padding: 0 42px; display: block; background: #fff; font-size: 20px; width: fit-content; margin: 0 auto;}
.sustainability-safety .safety-list { padding: 40px 60px; background: #f7f7f7; margin-bottom: 60px;}
.sustainability-safety .safety-list li { padding: 40px 0; display: flex; gap: 30px; font-weight: 400; font-size: 20px; text-align: left;}
.sustainability-safety .safety-list li + li { border-top: 1px solid #ddd;}
.sustainability-safety .safety-list li .num { color: #3A7BEE; font-size: 24px; font-weight: 700; line-height: 1.26;}
.sustainability-safety .safety-date { margin-bottom: 20px;}
.sustainability-safety .safety-ceo { display: flex; gap: 20px; align-items: center; justify-content: center; font-weight: 500;}
.sustainability-safety .ceo-name { display: flex; align-items: center; font-size: 24px; gap: 11px;}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 767px) {
  .sustainability-safety { padding: 60px 0;}
  .sustainability-safety .heading { font-size: 30px; margin-bottom: 20px;}
  .sustainability-safety .text { font-size: 16px; margin-bottom: 50px;}
  .sustainability-safety .line-boxs span { font-size: 18px; padding: 0 14px;}
  .sustainability-safety .safety-list { padding: 30px;}
  .sustainability-safety .safety-list li { font-size: 14px; gap: 15px; padding: 20px 0;}
  .sustainability-safety .safety-list li .num { font-size: 16px;}
  .sustainability-safety .safety-ceo { font-size: 14px; gap: 10px;}
  .sustainability-safety .ceo-name { font-size: 18px;}
}