@charset "utf-8";

.gap--0 {gap: 0 !important;}
.margin-0-auto {display: block;margin: 0 auto;}
i {font-style: normal;}
.bg-gray {background: #F5F5F5;}


.prod-intro {background: black; width: 100%; height: 1080px; position: relative;overflow: hidden;}
.prod-intro .container { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;}
.prod-intro .prod-intro-visual {display: flex; align-items: center; justify-content: center; padding-bottom: 50px;} 
.prod-intro .prod-intro-visual .prod-intro-bg {position: absolute; z-index: 1;} 
.prod-intro .prod-intro-visual .prod-intro-img {position: absolute; z-index: 3; transform: translate(-8% , 6%);} 
.prod-intro .text-cont {position: relative;z-index: 2;} 
.prod-intro .text-cont .prod-intro-tit {font-size: 315px; font-family: var(--font-secondary); color:#fff; font-weight: 700; line-height: 1; letter-spacing: 0.025em; display: flex; gap: .1em;}  
.prod-intro .text-cont .prod-intro-tit span {display: inline-block;}
.prod-intro .text-cont .prod-intro-sml {font-size: 26px; color:var(--primary); font-weight: 600; margin-left: 20px; display: block;} 
.prod-intro .prod-intro-cert-ls {position: absolute; left:-45px; bottom:130px; z-index: 4; display: flex; flex-direction: column; gap: 20px; }
.prod-intro .prod-intro-cert-ls .cert-ls {display: flex; gap: 10px; }
.prod-intro .prod-intro-cert-ls .cert-text {font-size: 13px; color:var(--gray4); display: flex; flex-direction: column; gap: .3em;}
.prod-intro .prod-intro-cert-ls .cert-text span {font-weight: 600;}
.prod-intro .scroll-cont {position: absolute; bottom:80px; display: flex; align-items: center; justify-content: center;  flex-direction: column;z-index: 4; animation: scrollAni 1s ease alternate infinite; left:50%;}
.prod-intro .scroll-cont span {font-size: 26px; font-family: var(--font-secondary); color:#fff;}

.prod-intro.type2 .text-cont .prod-intro-tit {gap: 0; font-size: 240px;}
.prod-intro.type3 .text-cont .prod-intro-tit { font-size: 160px; display: flex; gap: 50px;}
.prod-intro.type3 .text-cont .prod-intro-tit div {display: flex; gap: 0;}
.prod-intro.type3 .container {align-items: flex-start;}

.pg-sensor .prod-intro .prod-intro-visual .prod-intro-img {right:-10%;}
.pg-sensor .prod-intro .prod-intro-visual .prod-intro-bg {left:49%; right:auto;}

.pg-red-block .prod-intro .prod-intro-visual .prod-intro-img {transform: translate(35%, 6%);}
.pg-red-block .prod-intro .prod-intro-visual .prod-intro-bg {left: 16%;}

.pg-ant .prod-intro .prod-intro-visual {width: 100%; justify-content: flex-start;}
.pg-ant .prod-intro .prod-intro-visual .prod-intro-bg {right: 0; bottom:0;}
.pg-ant .prod-intro .prod-intro-visual .prod-intro-img {top:30%; right:0;}

.pg-big-stick .prod-intro.type2 .text-cont .prod-intro-tit {gap: .1em;}
.pg-big-stick .prod-intro .prod-intro-visual .prod-intro-img {left:8%; bottom:0; transform: none;}
.pg-big-stick .prod-intro .prod-intro-visual .prod-intro-bg {left:-10%; top:30%;}
.pg-big-stick .prod-intro .text-cont .prod-intro-sml {text-align: right;;}


@keyframes scrollAni {
  0% {transform: translate(-50%, 0px);}
  100% {transform: translate(-50%, 30px)}
}


.prod-banner {position: relative; height: 656px ;overflow: hidden; display: flex;}
.prod-banner .container {height: 100%; display: flex; align-items: flex-end;}
.prod-banner .banner-typo {width: 100%; }
.prod-banner .typo { font-size: 156px; font-weight: 600; font-family: var(--font-secondary);   background: linear-gradient(90deg, #E1E1E1 0%, #F4F4F4 19.57%, #E8E8E8 38%, #FFFFFF 67.5%, #A0A0A0 100%); line-height: 1;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; mix-blend-mode: luminosity; opacity: 0.8;  text-align: center;transform: translateY(21px);  display: flex; justify-content: center;}
.banner-typo-bg {position: absolute;top:0; left:0; width: 100%;height: 100%; object-fit: cover;}


.bread-crumb {width: 100%; height: 130px; background: linear-gradient(0deg, #FFFFFF 0%, #F1F1F1 100%); display: flex; position: relative;z-index: 1;}
.bread-crumb .container {display: flex; align-items: center; gap: 1em; }
.bread-crumb .btn {font-size: 17px;color:var(--gray2); font-weight: 700;}
.bread-crumb .depth1 {}
.bread-crumb .depth2 {color:#333; text-transform: capitalize;  line-height: 1; border-bottom: 1px solid #333; }



@media screen and (max-width: 1399px) {
  .prod-intro {height: auto; overflow: hidden;}
  .prod-intro .container {padding-block:200px;}
  .prod-intro .text-cont .prod-intro-tit {font-size: 150px;}
  .prod-intro .text-cont .prod-intro-sml {font-size: 18px; margin-left: 10px;}
  .prod-intro .prod-intro-cert-ls {position: absolute; bottom:50px; left:0;; gap: 14px;}
  .prod-intro .prod-intro-visual {width: 100%; }
  .prod-intro .prod-intro-visual .prod-intro-img {width: 200px;}
  .prod-intro .scroll-cont span {font-size: 14px;}
  .prod-intro .prod-intro-cert-ls .cert-ls > img {width: 30px;}

  .prod-banner  {height:200px;}
  .prod-banner .typo {font-size: 60px; transform: translateY(8px); }

  .bread-crumb { height: 80px;}
  .bread-crumb .btn {font-size: 14px;}

  .prod-intro.type2 .text-cont .prod-intro-tit {font-size: 100px;}
  .prod-intro.type3 .text-cont .prod-intro-tit {font-size: 70px;; gap: 20px;}

  .pg-sensor .prod-intro .prod-intro-visual {justify-content: flex-start; width: 84%;}
  .pg-sensor .prod-intro .prod-intro-visual .prod-intro-bg {left: 23%; right: auto;}
  .pg-sensor .prod-intro .prod-intro-visual .prod-intro-img {right: 3%; width: 150px;}

  .pg-red-block .prod-intro .prod-intro-visual .prod-intro-img {width: 80px; transform: translate(38%, 6%);}
  .pg-red-block .prod-intro .prod-intro-visual .prod-intro-bg {left: 4%;}

  .pg-ant .prod-intro .text-cont {margin-left: 50px;}
  .pg-ant .prod-intro .prod-intro-visual .prod-intro-img {width: 50%;}

  .pg-big-stick .prod-intro .container {padding-block: 200px 130px;}
  .pg-big-stick .prod-intro .prod-intro-visual .prod-intro-img {width: 100px;left: 15%}
  .pg-big-stick .prod-intro .prod-intro-visual .prod-intro-bg {top:50%; transform: translate(0,-50%); left: -21%;}

}
@media screen and (max-width: 767px) {
  .prod-intro .text-cont .prod-intro-tit {font-size: 100px;gap: 2px; }
  .prod-intro .text-cont .prod-intro-sml {margin-left: 6px; font-size: 16px;}
  .prod-intro .prod-intro-visual .prod-intro-img {width: 110px;}
  .prod-intro .prod-intro-cert-ls .cert-ls {gap: 5px;}
  .prod-intro .scroll-cont {left:auto; right:0; bottom: 50px;}

  .prod-banner {height: 150px;}
  .prod-banner .typo {font-size: 40px;}

  .bread-crumb {height: 60px;}
  .bread-crumb .container {gap: .5em;}
  .bread-crumb .home {width: 20px;}

  .prod-intro.type2 .text-cont .prod-intro-tit {font-size: 50px;}
  .prod-intro.type3 .text-cont .prod-intro-tit {font-size: 50px;; flex-direction: column; gap: 0;}

  .pg-sensor .prod-intro .prod-intro-visual {width: 100%;}
  .pg-sensor .prod-intro .prod-intro-visual .prod-intro-img {width: 86px; right: 0;}

  .pg-red-block .prod-intro.type2 .text-cont .prod-intro-tit {font-size: 57px;}
  .pg-red-block .prod-intro .prod-intro-visual .prod-intro-img {width: 44px; transform: translate(40% ,10%);}

  .pg-big-stick .prod-intro.type2 .text-cont .prod-intro-tit {font-size: 60px; gap: 3px;}
  .pg-big-stick .prod-intro .container {padding-block: 200px 75px;}
  .pg-big-stick .prod-intro .prod-intro-visual .prod-intro-img {width: 62px; left: 5%;}
  .pg-big-stick .prod-intro .prod-intro-visual .prod-intro-bg {left: -23%; top:54%;}
  .pg-big-stick .prod-intro .text-cont {width: 100%;}

  .pg-ant .prod-intro .prod-intro-visual .prod-intro-img {width: 200px;top:50%;}
  .pg-ant .prod-intro .container {padding-block: 170px;}
  .pg-ant .prod-intro .text-cont {margin-left: 25px;}



  
}







/* prod content */
.prod-feature {padding-block: 100px;}
.prod-tit-sml {font-size: 27px; font-weight: 600; color:var(--primary-dark); padding-bottom: 1em; display: block; font-family: var(--font-secondary); text-transform: uppercase;}
.prod-tit { font-size: 66px; font-weight: 600; color:#a5a5a5; line-height: 1.28; font-family: var(--font-secondary)}

.prod-feature .head {padding-bottom: 136px;;}
.prod-feature .feature-ls {display: flex; flex-direction: column;gap: 120px;}
.prod-feature .feature-ls .item {position: relative; display: flex;}
.prod-feature .feature-ls .item.flex-col {flex-direction: column;}

.prod-feature .feature-ls .item .text-cont {position: relative; z-index: 1; flex-shrink: 0;width: 100%; }
.prod-feature .feature-ls .item .text-cont {width: auto;}
.prod-feature .feature-ls .item .text-cont .item-tag {font-size: 17px; font-weight: 600; font-family: var(--font-secondary); color: var(--primary-dark); display: block; padding-bottom: .8em; text-transform: uppercase;}
.prod-feature .feature-ls .item .text-cont .item-tit {font-size: 32px; font-family: var(--font-secondary); font-weight: 600; line-height: 1.3;}
.prod-feature .feature-ls .item .text-cont .item-desc {font-size: 17px; padding-top: 1.1em;}

.prod-feature .feature-ls .item .visual {position: absolute; }
.prod-feature .feature-ls .item .visual img {mix-blend-mode: multiply;}

.prod-feature .feature-ls .item .visual-1 {right:0; top:50%; transform: translate(0,-60%);}
.prod-feature .feature-ls .item .visual-2 {right: auto; top: 0; transform: none;}
.prod-feature .feature-ls .item .visual-3 {position: relative; transform: none;;}




.prod-feature .feature-ls .item:nth-child(1) .text-cont {padding-bottom: 150px;}
.prod-feature .feature-ls .item:nth-child(2) .text-cont {width: 50%; margin-left: auto;}
.prod-feature .feature-ls .item:nth-child(3) {align-items: center; justify-content: space-between;}
.prod-feature .feature-ls .item:nth-child(3) .text-cont {width: 500px;}



.feat-desc {display: flex; gap: 16px; width: 100%; padding-top: 87px;}
.feat-desc .ls {display: flex;flex-direction: column; border-top:3px solid var(--primary); width: 100%;}
.feat-desc .ls .top {padding: 20px 10px 20px 5px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--light-gray1); align-items: center; width: 100%;}
.feat-desc .ls .top .tit {font-size: 20px; font-weight: 700; color:#515151; line-height: 1.4;}
.feat-desc .ls .top .icon {height: 56px;display: flex; align-items: center; justify-content: center;}
.feat-desc .ls .desc {padding: 12px 0px 12px 5px; font-size: 17px; width: 100%;}

.prod-feature .feature-ls .item:nth-child(3) .feat-desc .ls {width: 54%;}

.prod-spec {padding-block: 100px 150px; background: linear-gradient(to bottom, #F9F9F9, transparent);}
.prod-spec .prod-tit {font-size: 50px; padding-top: 50px;}
.prod-spec .head {display: flex; justify-content: space-between; min-height: 400px; position: relative;}

.prod-spec .spec-cont {display: flex;  gap: 20px; position: relative;}
.prod-spec .spec-cont .tit {font-size: 22px; font-weight: 700; width: 270px;flex-shrink: 0;}
.prod-spec .head .spec-img {position: absolute; right: 0; bottom: 0;}
.prod-spec .spec-cont .noti {position: absolute;right:0; top:100%; text-align: right; padding-top: 1em;}

.table-container {width: 1188px;}
.table-container table { width: 100%; border-bottom: 2px solid var(--gray3); table-layout: fixed;}
.table-container table .col-1 {width: 182px;}
.table-container table .col-2 {width: 215px;}
.table-container thead {font-size: 17px; border-top: 2px solid var(--primary);}
.table-container thead th {padding: .7em .2em .5em ; border-bottom: 1px solid var(--gray4);line-height: 1.2;}
.table-container tbody {}
.table-container tbody tr {}
.table-container tbody th {border-bottom:1px solid var(--light-gray1); color: var(--primary-dark); background: #F3F3F3; padding: 10px;}
.table-container tbody td {border-bottom:1px solid var(--light-gray1);  padding: 10px; text-align: center;  position: relative; white-space: nowrap;}
.table-container tbody td::before {content:""; position: absolute; left:0; width:10px;height: 100%; display: block; background: #fff; bottom: 3px;}
.table-container tbody tr:last-child td {}
.table-container .noti {font-size: 17px; color:#a5a5a5; padding: .5em 0; margin: .5em; display: block;}


.prod-app {background: #F6F6F6; padding-block: 83px 134px;}
.prod-app .app-ls {display: grid;grid-template-columns: repeat(3,1fr); gap: 25px 20px;}
.prod-app .app-ls .item {position: relative;}
.prod-app .app-ls .item .img {width: 100%; height: 100%; object-fit: cover;} 
.prod-app .app-ls .item .tit {font-size: 22px; font-weight: 700; color:#fff; position: absolute;bottom: 13px; left:50%; transform: translate(-50% , 0); z-index: 1;white-space: nowrap;}

.pg-ant .prod-app .app-ls {display: grid;grid-template-columns: repeat(4,1fr);}
.pg-ant .prod-app .app-ls .item:nth-child(1) {grid-column: 2; }
.pg-ant .prod-app .app-ls .item img {min-height: 294px;}
.pg-ant .prod-app .prod-tit-sml {position: absolute;}


.type-cont {width: 877px; display: flex; padding-top: 166px; margin-left: auto; align-items: center;}
.type-cont .txt-cont {display: flex; flex-direction: column; gap: 20px; width: 543px;}
.type-cont .txt-cont .wrap {display: flex; gap: 30px; align-items: flex-start;}
.type-cont .txt-cont .wrap:last-child {align-items: center;}
.type-cont .txt-cont .sbj {font-size: 15px; padding: .5em 1.5em; background: var(--primary-dark); color:#fff; flex-shrink: 0;}
.type-cont .txt-cont .desc {font-size: 15px; width: 393px;}
.type-cont .thumb {}


.pg-stick .feat-desc {padding-top: 116px;}
.pg-stick .prod-feature .feature-ls .item .visual-1 {transform: translate(0, -76%);}
.pg-stick .prod-feature .feature-ls .item:nth-child(1) .text-cont {padding-bottom: 50px;}
.pg-stick .prod-spec .head .spec-img { transform: translate(0,-50px); }

.pg-red-block .prod-feature .feature-ls .item .visual-1 {transform: translate(0, -90%);}
.pg-red-block .prod-feature .feature-ls .item:nth-child(1) .text-cont {width: 100%; padding-bottom: 20px;}

.pg-sensor .prod-feature .feature-ls .item .text-cont {width: 40%;}
.pg-red-block .prod-feature .feature-ls .item .text-cont {width: 40%;}


@media screen and (max-width: 1399px) {
  .prod-tit-sml {font-size: 20px;}
  .prod-tit {font-size: 40px;}

  
  .prod-feature {padding-block: 80px;} 
  .prod-feature .head {padding-bottom: 100px;}
 
  .prod-feature .feature-ls {gap: 80px;}
  .prod-feature .feature-ls .item:nth-child(1) {margin-bottom: 60px;}
  .prod-feature .feature-ls .item .visual {width: 50%;}
  .prod-feature .feature-ls .item .text-cont .item-tag {font-size: 17px;}
  .prod-feature .feature-ls .item .text-cont .item-tit {font-size: 22px;}
  .prod-feature .feature-ls .item .text-cont .item-desc {font-size: 15px; word-break: keep-all; line-height: 1.6;}
  .prod-feature .feature-ls .item .text-cont .item-bullet {font-size: 15px; word-break: keep-all; line-height: 1.6;}
  .prod-feature .feature-ls .item .text-cont {width: 50% !important;}
  .prod-feature .feature-ls .item .visual-1 {position: static; transform: none;}


  .feat-desc {gap: 10px; padding-top: 40px !important;}
  .feat-desc .ls .top {padding: 15px 5px 10px; flex-direction: column; gap: 5px; flex-direction: row;}
  .feat-desc .ls .top .tit {font-size: 15px;}
  .feat-desc .ls .top .icon {width: 35px; height: 35px;}
  .feat-desc .ls .desc {font-size: 14px; word-break: keep-all;}

  .prod-feature .feature-ls .item:nth-child(3) {padding-bottom: 0px;}

  .prod-spec {padding-block: 80px;}
  .prod-spec .prod-tit {font-size: 30px;}

  .prod-spec .head {min-height: 300px;}
  .prod-spec .head .spec-img {width: 50%;}
  .prod-spec .head .spec-img {transform: translate(0,-50px);}
  .prod-spec .spec-cont {flex-direction: column;}
  .prod-spec .spec-cont .tit {font-size: 18px; width: 100%;}
  .prod-spec .spec-cont .noti {position: relative;font-size: 14px;}

  .table-container {width: 100%;}
  .table-container table .col-1 {width: auto;}
  .table-container table .col-2 {width: 144px;}
  .table-container thead {font-size: 15px;}
  .table-container tbody th {font-size: 15px;}
  .table-container tbody td {font-size: 14px; white-space: initial;}
  .table-container .noti {font-size: 14px;}


  .prod-app {padding-block: 80px ;}
  .prod-app .app-ls {gap:5px;}
  .prod-app .app-ls .item .tit {font-size: 17px; width: 100%; text-align: center; bottom: 7px; white-space: initial;}

  .pg-ant .prod-app .app-ls .item img { min-height: 157px;} 

  .type-cont {width: 100%; padding-top: 50px; gap: 26px;}
  .type-cont .txt-cont {width: 100%;}
  .type-cont .txt-cont .desc {width: 100%; font-size: 14px;}
  .type-cont .txt-cont .wrap {gap: 17px;}

  .item:has(.type-cont) {flex-direction: column;}
  .prod-feature .feature-ls .item:nth-child(1) .text-cont {padding-bottom: 0px ;}
  .pg-stick .prod-feature .feature-ls .item .visual-1 {transform: translate(0, 0%);}
  .pg-stick .prod-feature .feature-ls .item:nth-child(1) .text-cont {padding-bottom: 0;}
  .pg-stick .feat-desc .ls .top {min-height: 70px;}


  .pg-red-block .prod-feature .feature-ls .item:nth-child(1) .text-cont {width: 100% !important;}
  .pg-red-block .prod-feature .feature-ls .item .visual-1 {top:30%; position: absolute;}

  .pg-ant .prod-feature .feature-ls {gap: 40px;}

  .pg-sensor .prod-feature .feature-ls .item .visual-1 {transform: none ;}


}
@media screen and (max-width: 767px) {
  .prod-tit {font-size: 27px;}
  .prod-tit-sml {font-size: 18px; padding-bottom: .4em;}
  .prod-feature {padding-block: 60px;}
  .prod-feature .head {padding-bottom: 60px;}
  .prod-feature .feature-ls .item {flex-direction: column; gap: 30px;}
  .prod-feature .feature-ls .item .text-cont {width: 100% !important;}
  .prod-feature .feature-ls .item .visual {position: static; width: 100%;}
  .prod-feature .feature-ls .item:nth-child(1) {margin-bottom: 0;}

  .prod-feature .feature-ls .item .text-cont .item-tag {font-size: 16px;}
  .prod-feature .feature-ls .item .text-cont .item-tit {font-size: 19px;}

  .feat-desc {flex-wrap: wrap; gap: 20px 10px; padding-top: 7px;}
  .feat-desc .ls {width: calc(50% - 5px);}
  .feat-desc .ls .top {flex-direction: row;}

  .prod-spec {padding-block: 60px;}
  .prod-spec .head {flex-direction: column; padding-bottom: 50px; gap: 15px; min-height: 0;}
  .prod-spec .head .spec-img {transform: none; width: 100%;} 
  .prod-spec .prod-tit {font-size: 23px; line-height: 1.4; padding-top: 0;}
  .prod-spec .spec-cont {gap: 10px;}
  .prod-spec .spec-cont .tit {font-size: 16px;}
  .prod-spec .spec-cont .noti {text-align: left;}

  .table-container {overflow: auto hidden;}
  .table-container table {min-width: 800px; table-layout: auto;}
  .table-container.not-overflow {overflow: initial;}
  .table-container.not-overflow table {min-width: 0;}

  .prod-app {padding-block: 60px;}
  .prod-app .app-ls {grid-template-columns: repeat(2,1fr);}
  .prod-app .app-ls .item .tit {font-size: 15px;}
  .pg-stick .feat-desc .ls .top {min-height: 0;}

  
  .pg-stick .prod-feature .feature-ls .item .visual-1 {transform: none;}
  .prod-spec .head .spec-img {transform: none !important; position: static;}

  .prod-feature .feature-ls .item:nth-child(3) .feat-desc .ls {width: 100%;}
  
  .type-cont {flex-direction: column;gap: 7px;}
  .type-cont .txt-cont .wrap {flex-direction: column;gap: 14px;}
  .type-cont .txt-cont .wrap:last-child {align-items: flex-start;}
  
  .pg-red-block .prod-feature .feature-ls .item .visual-1 {position: static; transform: none;}
  .pg-red-block .prod-feature .feature-ls .item:nth-child(1) .text-cont {padding-bottom: 0;}
  .pg-stick .feat-desc {padding-top: 0 !important;}
  .pg-ant .prod-app .app-ls {grid-template-columns: repeat(2,1fr);}
  .pg-ant .prod-app .app-ls .item img { min-height: 144px;} 
}


/* product : feature */

.feature-intro {position: relative;}
.feature-intro .feature-bg {position: absolute;width: 100%; height: 100%;position: absolute; top:0; left:0; z-index: -1; object-fit: cover;}
.feature-intro .container {padding-block: 300px 234px; position: relative;}
.feature-intro .content {display: flex;align-items: center; justify-content: center; text-align: center; flex-direction: column;}
.feature-intro .content .title {font-family: var(--font-secondary); color:var(--primary); font-size: 50px; font-weight: 600; line-height: 1.28;}
.feature-intro .content .desc {font-size: 22px; color:#fff; padding-top: 1.1em; line-height: 1.95;}

.feature-nav {width: 1160px; background: var(--secondary);border-radius: 20px; display: flex; position: absolute; bottom: -38px;left:50%; transform: translate(-50%, 0);}
.feature-nav .nav-btn {font-size: 25px; color:#fff; font-weight: 600; font-family: var(--font-secondary); padding:.8em 0; text-align: center;}
.feature-nav .nav-btn .text {padding-inline:2.2em ; border-right: 1px solid #fff; display: block; line-height: 1; text-transform: uppercase;}
.feature-nav .nav-btn:last-child .text {border:none;}


.why-firekim {background: #000;padding-block: 230px;}
.why-firekim .head {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 54px; margin-bottom: 72px;}
.why-firekim .head .section-tit {font-size: 60px; color: #fff; text-align: center; font-family: var(--font-secondary); font-weight: 700;}
.why-firekim .head .bar {width: 1px; height: 68px; background: #a5a5a5; display: block;position: relative;}
.why-firekim .head .bar .inner {width: 3px; height: 20px; display: block;position: absolute; left:-1px;  z-index: 1; background: #fff; animation: scroll 3s ease infinite;}
.why-firekim .why-ls {display: flex; flex-direction: column; gap: 24px; width: 1162px; margin: 0 auto; position: relative;}
.why-firekim .why-ls .item {width: 100%; display: flex; gap: 24px;}
.why-firekim .why-ls .item .wrap {width: 50%; display: flex;align-items: center; justify-content: center;}
.why-firekim .why-ls .item .text-cont {width: 450px;}
.why-firekim .why-ls .item .text-cont .num {font-size: 24px; font-weight: 500; color:var(--primary); line-height: 1.6; padding-bottom: 0.9em; display: block;}
.why-firekim .why-ls .item .text-cont .tit {font-size: 32px; font-weight: 700; color:#fff; line-height: 1.43; padding-bottom: 1.2em; word-break: keep-all;}
.why-firekim .why-ls .item .text-cont .desc {font-size: 17px; color:#ebebeb; line-height: 1.7; word-break: keep-all;}
.why-firekim .why-ls .item .text-cont .why-logo {margin-bottom: 36px;}
.why-firekim .why-ls .item .why-thumb {}

.why-firekim .why-ls .item:nth-child(even) {flex-direction: row-reverse;}
.why-firekim .container {position: relative;}


.why-typo {position: absolute; display: flex; flex-direction: column;left:-158px; pointer-events: none;;z-index: 0;}
.why-typo.uinique {}
.why-typo.easy {top:56%;}
.why-typo span {font-size: 270px; color :rgba(255, 255, 255,0.1); font-family: var(--font-secondary); font-weight: 700; line-height: 1; display: block;}


@keyframes scroll {
  0% {transform: translate(0, 0%);}
  100% {transform: translate(0, 48px);}
}


.feature-spec {padding-block: 184px; overflow: hidden;}
.feature-spec .section-tit {font-size: 50px; font-weight: 600; color:var(--primary-dark); text-align: center; padding-bottom: 124px;}

.feature-spec .spec-btn {width: 305px; display: flex; flex-direction: column;   position: absolute; padding-top: 8px;}
.feature-spec .spec-btn .btn {font-size: 20px; border-top: 1px solid #e6e6e6; padding: 0.8em 0; width: 100%; text-align: left; color:#797979;}
.feature-spec .spec-btn .btn.active {font-size: 27px; color:#000; border-top:2px solid var(--primary); font-weight: 700;}

.feature-spec .spec-container {}
.feature-spec .spec-content {width: 100%; display: none;}
.feature-spec .spec-content.active {display: block;}
.feature-spec .spec-content .head-title {width: 1044px; margin-left: auto; padding-bottom: 84px;}
.feature-spec .spec-content .head-title .sbj {font-size: 32px; font-weight: 600; color:#a5a5a5; line-height: 1.43; padding-bottom: 1.4em;}
/* .feature-spec .spec-content .head-title .head-thumb {max-width: none;} */
.feature-spec .spec-content .content {display: flex; flex-direction: column; gap: 84px;}
.feature-spec .spec-content .content .wrap {display: flex; gap: 50px; justify-content: space-between;}
.feature-spec .spec-content .content .app-title {font-size: 22px; line-height: 1.54; font-weight: 700;}
.feature-spec .spec-content .content .app-title i {font-weight: 400;}
.feature-spec .spec-content .content .app-ls {display: grid; gap:25px 24px;width: 1044px; grid-template-columns: repeat(3,1fr); flex-shrink: 0;}
.feature-spec .spec-content .content .app-ls.col-2 {grid-template-columns: repeat(2,1fr);}
.feature-spec .spec-content .content .app-ls .ls {display: flex; align-items: center; justify-content: center; width: 100%; position: relative;}
.feature-spec .spec-content .content .app-ls .ls img {width: 100%; height: 100%;}
.feature-spec .spec-content .content .app-ls .ls .txt {position: absolute;bottom: 20px; width: 100%; text-align: center; color:#fff; z-index: 2; font-size: 17px; font-weight: 700;}
.feature-spec .spec-content .content .app-ls .ls .txt  i {font-weight: 400;}





@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .feature-intro .container {padding-block: 250px 100px;}
  .feature-intro .content .title {font-size: 35px;}
  .feature-intro .content .desc {font-size: 18px;}
  .feature-nav {width: 100%; justify-content: center;}
  .feature-nav .nav-btn {font-size: 21px;}
  .feature-nav .nav-btn .text {padding-inline: .5em;}
  .why-firekim {padding-block: 130px;}
  .why-firekim .head {gap: 36px;}
  .why-firekim .head .section-tit {font-size: 42px;}
  .why-firekim .why-ls {width: 100%;}
  .why-firekim .why-ls .item .text-cont {width: 100%;}
  .why-firekim .why-ls .item .text-cont .tit {font-size: 22px;}
  .why-firekim .why-ls .item .text-cont .num {font-size: 17px;}
  .why-firekim .why-ls .item .text-cont .desc {font-size: 15px;}
  .why-typo {left: -50px;}
  .why-typo span {font-size: 170px;}
  .why-typo.easy {top: 58.5%;}

  .feature-spec {padding-block: 100px;}
  .feature-spec .spec-btn {width: 100%;position: static; flex-direction: row; margin-bottom: 50px;}
  .feature-spec .spec-btn .btn {font-size: 18px; text-align: center; padding: .6em 0 ;}
  .feature-spec .spec-btn .btn.active {font-size: 20px;}

  .feature-spec .section-tit {font-size: 32px; padding-bottom:32px;}
  .feature-spec .spec-content .head-title {width: 100%; padding-bottom: 60px;}
  .feature-spec .spec-content .head-title .sbj {font-size: 23px;}
  .feature-spec .spec-content .head-title .head-thumb {width: 100%;}
  .feature-spec .spec-content .content {gap: 46px;}
  .feature-spec .spec-content .content .wrap {flex-direction: column; gap: 15px;}
  .feature-spec .spec-content .content .app-ls {grid-template-columns: repeat(3,1fr); gap: 10px; width: 100%;}
  .feature-spec .spec-content .content .app-title {font-size: 18px;}
  .feature-spec .spec-content .content .app-ls .ls .txt {font-size: 15px; bottom: 12px;}

}
@media screen and (max-width: 767px) {
  .feature-intro .container {padding-block: 150px 100px;}
  .feature-intro .content .title {font-size: 23px; line-height: 1.4; }
  .feature-intro .content .desc {font-size: 16px; line-height: 1.5; word-break: keep-all;}

  .feature-nav {display: grid; grid-template-columns: repeat( 2,1fr); bottom: -65px; padding: 10px;gap: 5px;}
  .feature-nav .nav-btn {font-size: 16px; padding: 0; }
  .feature-nav .nav-btn .text {border-right: none; padding: .5em; border-radius: 10px;background: rgba(255, 255, 255,0.1);}
  .why-firekim .head {gap: 20px; margin-bottom: 50px;}
  .why-firekim .head .section-tit {font-size: 30px;}
  .why-firekim .head .bar {height: 50px;}

  .why-typo {left:auto; right:0;}
  .why-typo span {font-size: 86px;}
  .why-typo.easy {top: 52%;}

  .why-firekim .why-ls {gap: 42px;}
  .why-firekim .why-ls .item {flex-direction: column;}
  .why-firekim .why-ls .item .wrap {width: 100%;}
  .why-firekim .why-ls .item:nth-child(even) {flex-direction: column;}
  .why-firekim .why-ls .item .text-cont .tit {font-size: 18px; padding-bottom: 1em;}
  .why-firekim .why-ls .item .text-cont .num {font-size: 15px; padding-bottom: 0.5em;}
  .why-firekim .why-ls .item .text-cont .desc {line-height: 1.5;}
  .why-firekim .why-ls .item .text-cont .why-logo {margin-bottom: 20px;}

  .feature-spec {padding-block: 60px;}
  .feature-spec .section-tit {font-size: 22px;}
  .feature-spec .spec-btn {margin-bottom: 30px; justify-content: space-between;}
  .feature-spec .spec-btn .btn {font-size: 14px; width: auto; padding: .5em;}
  .feature-spec .spec-btn .btn.active {font-size: 16px;}
  .feature-spec .spec-content .head-title .sbj {font-size: 18px; word-break: keep-all;}
  .feature-spec .spec-content .content .app-title {font-size: 17px;}

  .feature-spec .spec-content .content .app-ls {grid-template-columns: repeat(2,1fr);}
  .feature-spec .spec-content .content .app-ls .ls .txt {font-size: 13px; bottom: 9px;}


  @keyframes scroll {
    0% {transform: translate(0, 0%);}
    100% {transform: translate(0, 30px);}
  }
  
}
@media screen and (max-width: 499px) {}


/* Base */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 499px) {}


/* Intro-hero */
.intro-hero {position: relative; overflow: hidden; padding-block: 100px; height: 450px; color: #fff; word-break: keep-all;}
.intro-hero-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.intro-hero-container {display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
.intro-hero-content {display: flex; flex-direction: column; gap: 20px;}
.intro-hero-title {font-weight: 600; font-size: 65px; text-transform: capitalize; line-height: 0.9; font-family: var(--font-secondary);}
.intro-hero-desc {font-size: 16px; opacity: 0.6;}

@media screen and (max-width: 1399px) {
  .intro-hero {height: 350px; padding-block: 80px 40px;}
  .intro-hero-content {flex-direction: column; align-items: flex-start; gap: 15px;}
  .intro-hero-title {font-size: 52px;}
  .intro-hero-desc {font-size: 16px;}
}
@media screen and (max-width: 767px) {
  .intro-hero {height: 280px; padding-top: 100px;}
  .intro-hero-container {align-items: center; justify-content: center; text-align: center;}
  .intro-hero-title {font-size: 32px;}
  .intro-hero-desc {font-size: 14px; display: none;}
}


/* LNB */
.lnb-bar {--theme: #bdbdbd; --active-theme: var(--primary); border-block: 1px solid var(--theme);}
.lnb-bar-container {padding-block: 15px;}
.lnb-bar-pages {display: flex; justify-content: center;}
.lnb-bar-pages a {display: flex; align-items: center; gap: .5em; color: var(--theme); padding-block: 10px; position: relative; padding-inline: 2em;}
.lnb-bar-pages a:not(:last-child)::before {display: block; content: ''; width: 0.375em; height: 0.375em; border-radius: 50%; background: var(--theme); flex-shrink: 0; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);}
.lnb-bar-pages a.active {color: var(--active-theme); font-weight: 700; pointer-events: none;}
@media (hover: hover) {
  .lnb-bar-pages a:hover {color: #333;}
}
@media screen and (max-width: 1399px) {
  .lnb-bar {font-size: 15px;}
}
@media screen and (max-width: 767px) {
  .lnb-bar {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 4444; background: #fff;}
  .lnb-bar-container {width: 100%; padding-block: 5px; padding-inline: 15px; overflow: auto hidden;}
  .lnb-bar-pages {gap: 1em;}
  .lnb-bar-pages a {flex-shrink: 0; padding-inline: 0.6em;}
  .lnb-bar-pages a::before {display: none;}
}


/* Layouts */
.sp-document {padding-block: 50px 180px; font-size: 17px; color: var(--color); word-break: keep-all;}
.sp-document-head {margin-bottom: 80px;}
.sp-document-head-content-wrap {flex-shrink: 0;}

.sp-document-head .sp-tag {font-size: 35px; color: var(--primary); display: block; margin-bottom: 1em; font-weight: 900; text-transform: uppercase; font-family: var(--font-secondary);background: linear-gradient(92.98deg, #00E626 3.62%, #008015 99.55%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.sp-document-head .sp-title {font-size: 45px; font-weight: 600; line-height: 1.3; margin-bottom: 0.5em; font-family: var(--font-secondary); color:#A5A5A5;}
.sp-document-head .sp-description {font-size: 22px;}
.sp-document-head .product-categories {margin-top: 50px;}

/* .sp-document-head .sp-tag {font-size: 90px;}
.sp-document-head .sp-title {font-size: 66px;}
.sp-document-head .sp-description {font-size: 22px;} */

@media screen and (max-width: 1399px) {
  .sp-document {font-size: 16px; padding-block: 90px 130px;}
  .sp-document-head {margin-bottom: 50px;}
  .sp-document-head .sp-tag {font-size: 20px; margin-bottom: .5em;}
  .sp-document-head .sp-title {font-size: 26px;}
  .sp-document-head .sp-description {font-size: 16px;}
}
@media screen and (max-width: 767px) {
  .sp-document {font-size: 15px; padding-block: 70px 100px;}
  .sp-document-head .sp-title {font-size: 21px;}
  .sp-document-head .sp-tag {font-size: 18px;}
}


/* Location */
.location-map {height: 460px;}
.location-info {padding-inline: 37px; margin-top: -50px; position: relative; z-index: 10;}
.location-info-table {width: 100%; background: #fff; box-shadow: 0 0 11px rgb(0,0,0,.15);}
.location-info-table tr {border-bottom: 1px solid #D1D1D1;}
.location-info-table :where(th, td) {padding: 20px 24px;}
.location-info-table th {background: #f8f7f7; width: 100px;}
.location-info-table .company-name {color: var(--primary); display: inline-block; margin-right: 0.5em;}
@media screen and (max-width: 1399px) {
  .location-info-table {display: block; font-size: 15px;}
  .location-info-table tbody {display: block; width: 100%;}
  .location-info-table tr {display: grid; grid-template-columns: 100px 1fr; width: 100%; border: none;}
  .location-info-table :where(th, td) {padding: 15px 15px; border-bottom: 1px solid #d1d1d1;}
  .location-info-table tr th {text-align: left!important; width: 100%;}
}
@media screen and (max-width: 767px) {
  .location-map {height: 360px;}
  .location-info {padding-inline: 0; margin-top: 0;}
  .location-info-table {font-size: 14px;}
  .location-info-table tr {grid-template-columns: 80px 1fr;}
  .location-info-table :where(th, td) {padding: 10px; line-height: 1.5;}
  .location-info-table .company-name {display: block;}
}


.pg-company .intro-hero-container {align-items: flex-end;}
.pg-overview .sp-document-head {position: relative; margin-bottom: 0; top:-130px;}
.pg-overview .sp-document-head .overview-intro {padding-block: 380px;}
.pg-overview .bread-crumb {background: transparent}
.overview-bg {position: absolute;z-index: -1; width: 100%; height: 100%; object-fit: cover;}


.overview-content {padding-block:100px; position: relative; overflow: hidden;}
.overview-content .txt-cont {display: flex; gap: 19px;}
.overview-content .txt-cont .tit {width: 450px; flex-shrink: 0; font-size: 26px; font-weight: 700;  line-height: 1.65;}
.overview-content .txt-cont .desc {font-size: 22px; line-height: 1.95;}

.overview-card {padding-top: 256px;display: flex; gap: 23px;}
.overview-card .card {display: flex; align-items: center; justify-content: flex-end; width: 100%; flex-direction: column;position: relative;}
.overview-card .card:nth-child(1) {transform: translateY(-97px)}
.overview-card .card:nth-child(3) {transform: translateY(-153px)}
.overview-card .card .card-img {position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; z-index: -1; border-radius: 10px;}
.overview-card .card .text-box {display: flex; align-items: center; justify-content: center;  flex-direction: column; padding-bottom: 40px; padding-top: 370px;}
.overview-card .card .text-box .sbj {font-size: 32px; color:#47ff66; font-weight: 700;  text-align: center; text-transform: capitalize; line-height: 1.4; font-family: var(--font-secondary);}  
.overview-card .card .text-box .desc {font-size: 17px; font-weight: 500;color:#f3f3f3;margin-top: 1.1em; display: block;}

.overview-line {position: absolute;bottom:463px; z-index: -1; left:50%;transform: translate(-50%,0); }

.company-profile {background: #f5f5f5; padding-block: 120px 170px;}
.company-profile .container {display: flex; gap: 100px;align-items: flex-start;}
.company-profile .title {font-size: 27px; font-family: var(--font-secondary); color:var(--primary-dark); text-transform: uppercase; font-weight: 600; }
.company-profile .profile-box {border-top:2px solid var(--primary); border-bottom: 2px solid #BEBEBE; width: 1007px;}
.company-profile .profile-box .item {display: flex; align-items: center; gap: 20px;}
.company-profile .profile-box .item .sbj {width: 198px;background: #f3f3f3; font-size: 17px; font-weight: 600;display: flex; align-items: center; justify-content: center; padding: 1.1em ;border-bottom: 1px solid #E8E8E8;;text-align: center;}
.company-profile .profile-box .item .desc {border-bottom: 1px solid #E8E8E8;padding: 1.1em ; width: 100%; font-size: 17px;display: flex; gap: 30px;}




/* Temp */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .pg-overview .sp-document-head {top:0;}
  .pg-overview .sp-document-head .overview-intro {padding-block: 100px;}
  .overview-content {padding-block: 80px;}
  .overview-content .txt-cont {flex-direction: column; padding-top: 100px;}
  .overview-content .txt-cont .tit {font-size: 20px; width: 100%;}
  .overview-content .txt-cont .desc {font-size: 17px;}
  .overview-card {gap: 7px; padding-top: 150px;}
  .overview-card .card .text-box {padding-bottom: 20px; padding-top: 210px;}
  .overview-card .card .text-box .sbj {font-size: 19px; line-height: 1.2;}
  .overview-card .card .text-box .desc {font-size: 15px; margin-top: .8em;}
  .overview-card .card:nth-child(1) {transform: translateY(-50px);}
  .overview-card .card:nth-child(3) {transform: translateY(-87px);}
  .overview-line {bottom: 263px;}
  .company-profile {padding-block: 90px;}
  .company-profile .title {font-size: 20px; margin-top: -5px; }
  .company-profile .container {gap: 20px;}
  .company-profile .profile-box {width: 100%;}
  .company-profile .profile-box .item .sbj {width: 120px;font-size: 15px; padding: .8em;}
  .company-profile .profile-box .item .desc {font-size: 15px; padding: .8em;}
}
@media screen and (max-width: 767px) {
  .pg-company .intro-hero-container {align-items: center;}
  .pg-overview .sp-document-head .overview-intro {padding-block: 64px; }
  .overview-content {padding-block: 60px;}
  .overview-content .txt-cont {padding-top: 40px;}
  .overview-content .txt-cont .tit {font-size: 17px;}
  .overview-content .txt-cont .desc {font-size: 15px;}
  .overview-bg {border-radius: 10px; left:50%; transform: translate(-50%,0); width: calc(100% - 30px);}
  .overview-card {flex-direction: column; padding-top: 50px;}
  .overview-card .card {transform: none !important;;}
  .overview-card .card .text-box {padding-top: 185px;}

  .company-profile {padding-block: 60px;}
  .company-profile .container {flex-direction: column;}
  .overview-line {display: none;}
  .company-profile .profile-box .item {align-items: initial; gap: 5px;}
  .company-profile .profile-box .item .desc {flex-direction: column; gap: 0; justify-content: center; }
}
@media screen and (max-width: 499px) {}


.bi-content {padding-top: 80px;}
.bi-content .container {display: flex; flex-direction: column; gap: 170px;}
.bi-content .content {display: flex; gap: 32px; flex-direction: column;}
.bi-content .content .tit {font-size: 32px; font-weight: 600; font-family: var(--font-secondary);}
.bi-content .content .wrapper {display: flex; justify-content: space-between;}
.bi-content .content .color-type-bi {display: flex; flex-direction: column; width: 266px;}
.bi-content .content .color-type-bi .box {display: flex; align-items: center; justify-content: center; background: #fff; border:1px solid var(--light-gray1);width: 100%; height: 151px;}
.bi-content .content .color-type-bi .box.green {background: #00a551; border-color:#00a551;} 
.bi-content .content .color-type-bi .box.black {background: #000; border-color:#000;} 
.bi-content .content.verti .color-type-bi .box img {width: 98px;}
.bi-content .content.hori .color-type-bi .box img {width: 200px;}
.bi-content .content .full-bi {width: 1084px;position: relative; display: flex; align-items: center; justify-content: center; border:1px solid #ececec;}
.bi-content .content .bi-bg {position: absolute; top:0; left:0; object-fit: cover; z-index: -1; width: 100%; height: 100%;}


.color-box {display: flex;width: 100%; height: 490px;}
.color-box .box {color:#fff; padding:38px 33px; width: 100%;}
.color-box .box.green {background: #00a551;}
.color-box .box.black {background: #404041;}
.color-box .box .sbj {font-size: 30px; font-weight: 600; font-family: var(--font-secondary);  text-transform: uppercase; padding-bottom: 47px; display: block;}
.color-box .box .cont {width: 100%; display: flex; flex-direction: column; gap: 10px;}
.color-box .box .cont .type {display: flex; gap:20px;}
.color-box .box .cont .type span {font-size: 22px; width: 70px; }




@media screen and (max-width: 1399px) {
  .bi-content {padding-top: 30px;}
  .bi-content .content {gap: 18px;}
  .bi-content .content .wrapper {gap: 18px;}
  .bi-content .content .tit {font-size: 22px;}
  .bi-content .content .full-bi {width: 100%; padding: 40px;}
  .bi-content .content .color-type-bi .box {height: 118px;}
  .bi-content .content.verti .color-type-bi .box img {width: 60px;}
  .bi-content .container {gap: 80px}
  .bi-content .content.hori .color-type-bi .box img {width: 150px;}
  .color-box {height: 244px;}
  .color-box .box .sbj {font-size: 21px; padding-bottom: 30px;}
  .color-box .box .cont .type {gap: 10px;}
  .color-box .box .cont .type span {font-size: 17px; width: 60px;}
}
@media screen and (max-width: 767px) {
  .bi-content .content .wrapper {flex-direction: column;}
  .bi-content .content .tit {font-size: 18px;}
  .bi-content .content .color-type-bi {width: 100%; display: grid;grid-template-columns: repeat(2,1fr);}
  .bi-content .content .color-type-bi .box.black {order: 3;}
  .bi-content .content .full-bi .bi {width: 60%;}
  .bi-content .content.hori .full-bi .bi {width: 100%;}
  .bi-content .content.hori .color-type-bi .box img {width: 130px;}
  .color-box {flex-direction: column;}
  .color-box .box {padding: 20px;}
  .color-box .box .sbj {font-size: 18px;}
  .color-box .box .cont .type span {font-size: 14px;}
}


.pg-global .bread-crumb {background: #f5f5f5;}
.global-map .container {display: flex; align-items: center;}
.global-map .world-wide {width: 400px;}
.global-map .world-wide .top {display: flex;flex-direction: column; padding-bottom: 34px;}
.global-map .world-wide .top .num {  font-weight: 700; font-size: 280px;width: 314px; background: linear-gradient(158.25deg, #00E626 42.63%, #008015 90.26%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; line-height: 1;}
.global-map .world-wide .top .txt {font-size: 30px;font-family: var(--font-secondary); color:var(--primary-dark);}
.global-map .world-wide .bot {border-top: 1px solid #D0D2D3; padding-top:34px ;}
.global-map .world-wide .bot .tit {font-size: 17px; font-weight: 600;font-family: var(--font-secondary); padding-bottom: 12px; display: block;}
.global-map .world-wide .bot .areas {display: grid; grid-template-columns: repeat(3,1fr); gap: 10px 0px;}
.global-map .world-wide .bot .areas .ls {color:#797979;}
.global-map .world-wide .bot .areas .ls:nth-child(3) ,
.global-map .world-wide .bot .areas .ls:nth-child(6) ,
.global-map .world-wide .bot .areas .ls:nth-child(9) ,
.global-map .world-wide .bot .areas .ls:nth-child(12) {margin-left: 20px;}
.global-map .map-img {padding-top: 50px;}

.global-container {padding-block: 143px;}
.global-container .tit {font-size: 32px; font-weight: 600; display: block;padding-bottom: 54px;} 
.global-swiper {position: relative;}
.global-swiper .global-carousel {display: flex; gap: 21px; padding-bottom: 150px;width: 1092px;}
.global-swiper .global-carousel .item {display: flex; flex-direction: column; gap: 10px; width: 100%;}
.global-swiper .global-carousel .item .global-carousal-img {}
.global-swiper .global-carousel .item .tit-box {display: flex; gap: 10px; align-items: center;}
.global-swiper .global-carousel .item .tit-box .txt {font-size:16px;}

.global-swiper .controll .navi { width: 100%; position: absolute; top:27%; left:50%; transform: translate(-50%,0);}
.global-swiper .swiper-button-next:after, 
.global-swiper .swiper-rtl .swiper-button-prev:after {display: none;}
.global-swiper .swiper-button-prev:after, 
.global-swiper .swiper-rtl .swiper-button-next:after {display: none;}

.global-swiper .controll .btn {width: 69px; height: 69px; border-radius: 50%; border:6px solid #00A551;}
.global-swiper .controll .btn.swiper-button-prev {left:0}
.global-swiper .controll .btn.swiper-button-next {right:0;}
.global-swiper .controll .swiper-pagination {font-size: 24px;}
.global-swiper .controll .swiper-pagination  .swiper-pagination-total {color:var(--gray4)}
.global-swiper .controll .btn.swiper-button-disabled {border-color: var(--gray3);}
.global-swiper .controll .btn.swiper-button-disabled .icon svg path {stroke: var(--gray3);}



.client-content {color:#fff; position: relative; }
.client-content .client-desc {position: relative; padding-block: 124px 165px;}
.client-content .client-desc .container {position: relative;}
.client-content .client-desc .client-bg  {position: absolute;top:0; left:0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.client-content .client-desc .head {}
.client-content .client-desc .head .tit {font-size: 56px; font-weight: 700; font-family: var(--font-secondary);}
.client-content .client-desc .head .desc {font-size: 20px; font-weight: 500; padding-top: 0.7em; display: block;}
.client-content .client-desc .client-ls {display: flex; gap: 23px; margin-top: 30px;}
.client-content .client-desc .client-ls .ls {width: 100%; border:2px solid #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 84px 40px; backdrop-filter :blur(10px); background: rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px);}
.client-content .client-desc .client-ls .ls .tit {font-size: 24px; font-weight: 700; }
.client-content .client-desc .client-ls .ls .num {font-size: 80px; font-weight: 600; }
.client-content .client-desc .client-ls .ls .desc {font-size: 17px; line-height: 1.76; text-align: center; padding-top: 1em;}

.main-client {padding: 20px 50px; width: 100%; display: flex;  background: #fff; border-radius: 16px; box-shadow: 0px 10px 34px 0 rgba(0, 0, 0, 0.1); position: absolute; bottom:-270px;}
.main-client span { position: relative;width: 400px; display: flex; align-items: center; justify-content: center;}
.main-client .divide { width: 1px; height: 100px; background: var(--light-gray4); margin:0 40px ;}
.main-client span img {height: 68px; object-fit: contain;width: 100%;}



.partners-ls {display: flex; padding-top: 237px; flex-direction: column; align-items: center; gap: 14px; padding-bottom: 180px; overflow: hidden;}
.partners-ls .wrap {display: flex; gap: 14px;}
.partners-ls .wrap.left {animation: anileft 60s linear infinite;}
.partners-ls .wrap.right {animation: aniright 60s linear infinite;}
.partners-ls .wrap .ls {border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: ; width: 310px; height: 130px; }
.partners-ls .wrap img {filter: drop-shadow(20px 20px 34px rgba(0, 0, 0, 0.1)); max-width: none;}

@keyframes anileft {
  0% {transform:translate(0%,0)}
  100% {transform:translate(-20%,0)}
}

@keyframes aniright {
  0% {transform:translate(0%,0)}
  100% {transform:translate(20%,0)}
}


@media screen and (max-width: 1399px) {
  .global-map .world-wide {width: 400px;}
  .global-map .world-wide .top {align-items: center; padding-bottom: 20px;}
  .global-map .world-wide .top .num {font-size: 120px; width: 150px;}
  .global-map .world-wide .top .txt {font-size: 20px;}
  .global-map .world-wide .bot {padding-top: 20px;}
  .global-map .world-wide .bot .areas {font-size: 14px;}
  .global-map .map-img {width: 60%;}
  
  .global-container {padding-block: 80px;}
  .global-swiper .controll .navi {width: 100%; top: 34%;}
  .global-swiper .global-carousel {padding-bottom: 80px;}
  .global-swiper .global-carousel {width: calc(100% - 100px);}
  .global-swiper .global-carousel .item .tit-box .txt {font-size: 13px;}
  .global-swiper .global-carousel .item .tit-box img {width: 30px ;}
  .global-container .tit {font-size: 22px; padding-bottom: 40px;}

  .global-swiper .controll .btn {width: 35px; height: 35px; border-width: 3px;}
  .global-swiper .controll .btn .icon svg {width: 20px;}
  .global-swiper .controll .btn .icon svg path {stroke-width: 4px;}
  .global-swiper .controll .swiper-pagination {font-size: 15px;}

  .client-content .client-desc {padding-block: 80px 120px;}
  .client-content .client-desc .head .tit {font-size: 32px;}
  .client-content .client-desc .head .desc {font-size: 16px;}
  .client-content .client-desc .client-ls {margin-top: 42px;}
  .client-content .client-desc .client-ls .ls {padding: 30px 20px;}
  .client-content .client-desc .client-ls .ls .tit {font-size: 18px;}
  .client-content .client-desc .client-ls .ls .num {font-size: 40px;}
  .client-content .client-desc .client-ls .ls .desc {font-size: 15px;}
  .main-client {padding: 20px ; bottom: -230px;}
  .partners-ls {padding-top: 200px; overflow: hidden;}
  .partners-ls .wrap img {height: 80px;}
  .main-client span img {height: auto;}
}
@media screen and (max-width: 767px) {
  .global-map .container {flex-direction: column;}
  .global-map .world-wide {width: 100%;}
  .global-map .map-img {width: 100%;}
  .global-container {padding-block: 60px;}
  .global-container .tit {font-size: 19px;}
  .global-swiper .controll .btn {width: 25px;height: 25px; border-width: 2px;}
  .global-swiper .controll .btn .icon svg {width: 14px;}
  .client-content .client-desc {padding-block: 60px 80px;}
  .client-content .client-desc .head .tit {font-size: 24px;}
  .client-content .client-desc .client-ls {flex-direction: column;}
  .main-client .divide {height: auto; margin: 0 10px;}
  .main-client span {width: 100%;}
  .main-client {padding: 20px 12px;bottom: -114px;}
  .partners-ls {padding-block: 100px 60px; gap: 6px;}
  .partners-ls .wrap {gap: 6px;}
  .partners-ls .wrap img {height: 40px;}
  .pg-global .sp-document {padding-bottom: 0;}
}



/* history */
.pg-history .board-categories {display: flex; gap: 16px;}
.pg-history .dd-button {font-size: 25px; padding:.5em 2.2em; height: 2em;}
.hist-container {}
.hist-container .hist-block {position: relative;}
.hist-container .hist-block:before {content:"";position: absolute; top:0px; left:50%; transform: translate(-50%,0); width: 1px; height: 100%; background: #DEDEDE;z-index: -1;}
.hist-container .hist-block:nth-child(1):before {top: 180px;} 
.hist-container .hist-block:last-child:before {height: 54%;}
.hist-container .hist-block .container {padding: 180px 0 ; display: grid; grid-template-columns: repeat(2,1fr);  position: relative;}
.hist-container .hist-block .hist-block-thumb {display: flex; flex-direction: column;align-items: flex-start; justify-content: space-between;  padding: 0 120px; gap: 50px;}
.hist-container .hist-block .period {font-size: 66px; font-weight: 700; color:#B3B3B3; line-height: 1.4; transform: translateY(-20px); display: block;width: 100%;}
.hist-container .hist-block .period .sml {font-size: 28px; font-weight: 300; display: block;}
.hist-container .hist-block .year-ls {padding: 0px 0 0px 50px;}
.hist-container .hist-block .year-ls .year-ls-item {display: flex; gap: 40px; padding-bottom: 40px;align-items: flex-start;}
.hist-container .hist-block .year-ls .year-ls-item:last-child {padding-bottom: 0;}
.hist-container .hist-block .year-ls .year-ls-item .year {font-size: 32px; line-height: 1; width: 100px; flex-shrink: 0; font-weight: 700; display: flex;position: relative; align-items: center;}

.hist-container .hist-block .year-ls .year-ls-item .year .bullet {width: 25px; height: 25px; background: rgba(217, 217, 217,0.2); border-radius: 50%; display: block; flex-shrink: 0;  padding:6px ; display: flex; align-items: center; justify-content: center; position: absolute; left: -63px;}
.hist-container .hist-block .year-ls .year-ls-item .year .bullet .inner {background: #D9D9D9; width: 100%; height: 100%;   border-radius: 50%;}

.hist-container .hist-block .year-ls .year-ls-item .ls {display: flex; flex-direction: column; gap: 1em;}
.hist-container .hist-block .year-ls .year-ls-item .ls .ls-item {display: flex; gap: 20px;}
.hist-container .hist-block .year-ls .year-ls-item .ls .ls-item .month {font-size: 17px; color:#A5A5A5; font-weight: 700;width: 35px ;flex-shrink: 0; display: flex; justify-content: end;}
.hist-container .hist-block .year-ls .year-ls-item .ls .ls-item .val {font-size: 17px; line-height: 1.7;     transform: translateY(-1px);}

.hist-container .hist-block:first-child {border-top:none;}
.hist-container .hist-block:first-child .year-ls {transform: translateY(-10px);}

.hist-container .hist-block:nth-child(even) .hist-block-thumb {order:1;}
.hist-container .hist-block:nth-child(even) .hist-block-thumb img {margin-left: auto;}
.hist-container .hist-block:nth-child(even) .period {text-align: right;}
.hist-container .hist-block:nth-child(even) .year-ls {padding: 0px 50px 0px 0;}
.hist-container .hist-block:nth-child(even) .year-ls .year-ls-item {flex-direction: row-reverse;}
.hist-container .hist-block:nth-child(even) .year-ls .year-ls-item .year .bullet {left:auto; right:-63px}
.hist-container .hist-block:nth-child(even) .year-ls .year-ls-item .ls .ls-item {flex-direction: row-reverse; text-align: right;}

@media screen and (max-width: 1399px) {
  .hist-container .hist-block .container {padding: 80px 0;}
  .hist-container .hist-block .period {transform:translateY(-15px);font-size: 28px;}
  .hist-container .hist-block .period .sml {font-size: 16px;}
  .hist-container .hist-block .hist-block-thumb {padding: 0 20px;}
  .hist-container .hist-block .hist-block-thumb img {width: 150px;}
  .hist-container .hist-block .year-ls {padding: 0 0 0 20px;}
  .hist-container .hist-block .year-ls .year-ls-item {gap: 17px; padding-bottom: 30px;}
  .hist-container .hist-block .year-ls .year-ls-item .year {font-size: 24px; width: 65px;}
  .hist-container .hist-block .year-ls .year-ls-item .ls .ls-item {gap: 10px;}
  .hist-container .hist-block .year-ls .year-ls-item .ls .ls-item .val {font-size: 15px;}
  .hist-container .hist-block .year-ls .year-ls-item .ls {margin-top: -2px;}
  .hist-container .hist-block .year-ls .year-ls-item .ls .ls-item .month {font-size: 15px; width: 28px;}
  .hist-container .hist-block .year-ls .year-ls-item .year {font-size: 18px; width: 45px;}
  .hist-container .hist-block .year-ls .year-ls-item .year .bullet {width: 15px; height: 15px; padding: 4px; left: -27px;}
  .hist-container .hist-block:nth-child(even) .year-ls {padding: 0 20px 0 0;}
  .hist-container .hist-block:nth-child(1):before {top: 80px; }
  .hist-container .hist-block:first-child .container .year-ls {padding: 0px 0 0 20px;}
  .hist-container .hist-block:nth-child(even) .year-ls .year-ls-item .year .bullet {right: -27px;}
  .hist-container .hist-block:last-child:before {height: 92%;}
  .pg-history .dd-button {font-size: 15px;}
}
@media screen and (max-width: 767px) {
  .hist-container .hist-block:before {left: 15px;}
  .hist-container .hist-block .container {grid-template-columns: repeat(1,1fr); padding-block: 50px 0; gap: 20px;}
  .hist-container .hist-block .container .period {font-size: 22px; transform: none;}
  .hist-container .hist-block:nth-child(1):before {top: 160px;}
  .hist-container .hist-block .hist-block-thumb {padding: 0 13px;}
  .hist-container .hist-block .hist-block-thumb img {position: absolute; right: 0; width: 50px;}
  .hist-container .hist-block .year-ls {padding: 0 0 0 13px;}
  .hist-container .hist-block .year-ls .year-ls-item .year {font-size: 16px; width: 38px;}
  .hist-container .hist-block .year-ls .year-ls-item .year .bullet {left: -20px;}
  .hist-container .hist-block .year-ls .year-ls-item .ls .ls-item {gap: 10px;} 
  .hist-container .hist-block:first-child .container {gap: 30px;}
  .hist-container .hist-block:first-child .container .year-ls {padding: 30px 0 0 13px;}
  .hist-container .hist-block:not(:first-child) .container {gap: 50px; padding-top: 70px !important;}
  .hist-container .hist-block:not(:first-child) .container .period {width: 100%;}

  .hist-container .hist-block:last-child:before {height: 97%;}
  .hist-container .hist-block:nth-child(even) .period {text-align: left;}
  .hist-container .hist-block:nth-child(even) .year-ls {padding: 0 0 0 13px;}
  .hist-container .hist-block:nth-child(even) .year-ls .year-ls-item {flex-direction: row;}
  .hist-container .hist-block:nth-child(even) .year-ls .year-ls-item .ls .ls-item {flex-direction: row; text-align: left;}
  .hist-container .hist-block:nth-child(even) .hist-block-thumb {order: 0;}
  .hist-container .hist-block:nth-child(even) .year-ls .year-ls-item .year .bullet {right: auto; left: -20px;}

  .pg-history .board-ls-navbar {margin-bottom: 0; padding-top: 0;}
  .pg-history .board-categories {display: grid; grid-template-columns: repeat(2,1fr); width: 100%;  gap: 5px;}
  .pg-history .dd-button {padding: 0 1.3em; ;}

  .pg-pr-center .board-ls-navbar {flex-direction: column;}
}

#feature {overflow: hidden;}