/************************** main **************************/
.main__title{padding-top: 17rem; position: relative; padding-left: 45rem;}
.main__title::before{width: 33rem; height: 33rem; transform: scale(0); transition: transform 1s ease;}
.main__title.aos-animate::before{transform: scale(1);}
.main__title p{font-size: 48rem; font-weight: 600; line-height: 1.3;}
.main__title span{font-weight: 300; line-height: 1.25; margin-top: 7rem; display: block;}
.main__title span.sub{font-size: 32rem; margin-top: 43rem; font-weight: 400;}



div.main-area{padding-bottom: 120rem; position: relative;}
.navi > div{cursor: pointer;}
.navi > div.swiper-button-disabled{cursor: initial;}

.overF-h{overflow: hidden;}
.overF-h >*{transform: translateY(100%); transition: all 1.5s ease;}
#wrap > div.aos-animate .overF-h >*{transform: translateY(0%);}



.mainVisual{ width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #fff}
.mainVisual::after{content: ''; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background-image: url('/images/main/mainVisual-bg1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.mainVisual .area{position: absolute; width: 100%; height: calc(100% - 100rem); bottom: 0; left: 0;}
.mainVisual .area .txt1{opacity: 0; font-size: 99rem; font-weight: 300; text-transform: uppercase; position: absolute; bottom: 8vh; text-align: center; width: 100%; letter-spacing: 0rem; z-index: 10; transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1); color: #fff; transition-delay: 0.3s;}
.mainVisual .area .txt1 em{color: #fff; font-weight: 500;}
.mainVisual .area .txt1.clip{opacity: 0; color: transparent; z-index: 11; -webkit-background-clip: text; background-clip: text; background-image: url(/images/main/cliptextbg.png); background-repeat: no-repeat; background-position: left; background-size: 100%; animation: txtClipBg 2.5s ease forwards; animation-delay: 0.3s;}
.mainVisual .area .txt1.clip em{color: transparent; }
@keyframes txtClipBg {
  0%{background-size: 0% 100%;}
  100%{background-size: 100% 100%;}
}
/* txt1 인터럭션 추가 */
.mainVisual.aos-animate .area .txt1{opacity: 1;}
.mainVisual.aos-animate .area .txt1.clip{opacity: 1;}

.mainVisual.aos-animate .area .txt1{letter-spacing: 30rem; }
.mainVisual .mainImg{width: 390rem ; position: absolute; left: calc(50% + 34rem); top: 46%; transform: translate(-50%,-60%); z-index: 1; transition: transform 2s ease;}
.mainVisual.aos-animate .mainImg{transform: translate(-50%,-50%);}
.mainVisual .left,
.mainVisual .right{width: 50%; position: relative; height: 100%; z-index: 2;}
.mainVisual .left{font-size: 16rem;} /* new */
.mainVisual .right{opacity: 0; transition: all 2s ease; transition-delay: 1s; filter: blur(2rem); font-size: 25rem;}
.mainVisual.aos-animate .right{opacity: 1; filter: blur(0);}
.mainVisual .right .top{position: absolute; right: 80rem; top: 21vh; font-weight: 500; line-height: 1.25; }
/* .mainVisual .right .top em{color: #fff;} */
.mainVisual .right .top span{font-size: 55rem; font-weight: 600; position: absolute; right: 0; bottom: -75rem; padding-left: 45rem;}
.mainVisual .right .top span::before{content: 'Since'; position: absolute; left: 0; bottom: 10rem; font-size: 18rem; font-weight: 500; font-family: 'Neue Haas Display Pro';}
.mainVisual .right .top em{font-weight: 500; color: initial;}
.mainVisual .right > p{position: absolute; left: 14%; bottom: 5%; filter: blur(2rem); opacity: 0; transition: filter 2s ease, opacity 2s ease; transition-delay: 1s;}
.mainVisual.aos-animate .right  p{filter: blur(0); opacity: 1;}
.mainVisual .right span{position: absolute; bottom: 3%; right: 80rem; opacity: 0; transition: filter 1.7s ease, opacity 1.7s ease; transition-delay: 2s; filter: blur(10rem);}
.mainVisual.aos-animate .right span{opacity: 1; filter: blur(0);}




.industry{background: linear-gradient(180deg, rgba(239, 239, 239, 0) 0%, #EFEFEF 85.73%); position: relative;}
.industry .main__title{margin: 78rem 0 70rem; padding: 25rem 0 0 43rem; }
.industry .main__title p{margin-top: 0;}
/* .industry .title-box {font-weight: 300;} */
.industry .slide1{border-radius: var(--border-radius); background: linear-gradient(90deg, #F1F1F1 0%, rgba(244, 244, 244, 0) 20%, rgba(255,255,255,0) 80%, #f1f1f1 100%); padding: 43rem;}
.industry .slide1 .navi{position: relative;}
.industry .slide1 .navi::after{content: ''; position: absolute; top: 50%; left: 84rem; transform: translateY(-50%); width: 84rem; height: 1px; border-bottom: var(--border-line);}
.industry .slide1 .navi .prev::before{content: ''; position: absolute; width: 43rem; height: 79rem; border-radius: 7rem; background-color: var(--ci-color); left: 0; top: 69rem; z-index: 2; transition: all 0.3s ease;}
.industry .slide1 .navi .prev.swiper-button-disabled::before{top: 0;}
.industry .slide1 .navi .prev.swiper-button-disabled img{top: 19rem;}
.industry .slide1 .navi div.swiper-button-disabled strong{color: var(--ci-color);}
.industry .slide1 .navi .next{margin-top: -10rem;}
.industry .slide1 .navi > div{padding-left: 84rem; position: relative; height: 79rem; display: flex; align-items: center; font-size: 16rem; color: var(--sub-textColor);}
.industry .slide1 .navi > div::after{content: ''; position: absolute; width: 43rem; height: 100%; border-radius: 7rem; background-color: #DADADA; left: 0;}
.industry .slide1 .navi > div img{width: 16rem; position: absolute; left: 15rem; top: 22rem; z-index: 3; transition: top 0.3s ease;}
.industry .slide1 .navi > div strong{font-size: 18rem; font-weight: 600; color: var(--sub-textColor); transition: all 0.3s ease;}
.industry .slide1 .navi .next.swiper-button-disabled img{top: 28rem;}

.industry .slide1 .swiper-slide img{ margin: -60rem auto 0;}
.industry .slide1 .swiper-slide:nth-child(1) img{width: 1189rem;}
.industry .slide1 .swiper-slide:nth-child(2) img{width: 1052rem; margin-top: -160rem;}
.industry .slide1 > .txt{text-align: center; display: block; font-size: 14rem; color: var(--ci-color); letter-spacing: 10rem; font-weight: 500; padding-top: 19rem; background-image: url('/images/main/industry-arrow.svg'); background-size: 17rem; background-position: top left 49.75%; background-repeat: no-repeat; margin-top: 60rem;}

.industry .slide2 .pagination{display: none;}
.industry .slide2 .swiper-slide{background: linear-gradient(180deg, #EFEFEF 0%, #EFEFEF 100%); border-radius: var(--border-radius); border: var(--border-line); position: relative; box-shadow: 0rem 10rem 22rem rgba(0,0,0,0.05); width: calc(100%/4 - 31rem); margin-right: 41rem; margin-bottom: 28rem;}
.industry .slide2 .swiper-slide:nth-child(4n){margin-right: 0;}
.industry .slide2 .swiper-slide:hover{border: 1px solid var(--ci-color);}
/* .industry .slide2 .swiper-slide .img-wrap{display: flex; align-items: center; justify-content: center; width: 100%; height: calc(100% - 110rem);} */
/* .industry .slide2 .swiper-slide .img-wrap img{height: 285rem; object-fit: contain; width: auto; margin: 0 auto; mix-blend-mode: multiply;} */
.industry .slide2 .swiper-slide .text-box{border-radius:var(--border-radius); background: linear-gradient(180deg, #FFFFFF 0%, rgba(222, 222, 222, 0) 39.37%, rgba(222, 222, 222, 0) 100%); filter: drop-shadow(0px 108px 18px rgba(214, 214, 214, 0.39)); font-size: 16rem; color: #111111; padding: 0 23rem; height: 110rem; width: 100%; align-items: center; }
.industry .slide2 .swiper-slide .text-box .title{font-size: 20rem; font-weight: 500;}
.industry .slide2 .swiper-slide .text-box .moveBtn{width: 50rem; height: 50rem; border-radius: 50%; background-color: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; transform: rotate(0deg);}
.industry .slide2 .swiper-slide .text-box .moveBtn img{width: 24rem; object-fit: contain; }
.industry .slide2 .swiper-slide:hover .text-box .title{color: var(--ci-color);}
.industry .slide2 .swiper-slide:hover .text-box .moveBtn{background-color: var(--ci-color); transform: rotate(90deg);}
.industry .slide2 .swiper-slide:hover .text-box .moveBtn img{filter: contrast(10) brightness(10) invert(1) grayscale(1);}









.point{position: relative; background: linear-gradient(180deg, #efefef 0%, #efefef 0%, #FFFFFF 29.31%, rgba(235, 235, 235,0)100%);}
.point .main__title{margin-bottom: 86rem;}
.point .main__title + span{display: block; line-height: 1.25; font-size: 16rem;}
.point .top-left{margin-top: 55rem; position: absolute; top: 220rem;}
.point .top-left img{width: 187rem; transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.1s;}
.point .top-left .effect1{margin-left: -62rem;}
.point .top-left.aos-animate .effect2{transform: translateX(-118rem);}
/* .point .slide{position: relative; padding-bottom: 102rem; overflow: hidden; width: calc(100% - 450rem); margin: 0 -80rem 0 auto;} */
.point .slide{position: relative; padding-bottom: 102rem; overflow: hidden; width: 75%; margin: 0 0 0 auto;}
.point .slide .swiper-slide{border-radius: var(--border-radius); border: var(--border-line); overflow: hidden; height: 524rem; display: flex;}
.point .slide .swiper-slide .img-wrap{width: 870rem; height: 100%; border-radius: var(--border-radius); overflow: hidden;}
.point .slide .swiper-slide .img-wrap img{height: 100%; object-fit: cover;}
.point .slide .swiper-slide .text-box{padding: 40rem; width: calc(100% - 870rem); height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.point .slide .swiper-slide .text-box span{font-size: 15rem; color: var(--sub-textColor); text-transform: uppercase; font-weight: 400;}
.point .slide .swiper-slide .text-box .title{font-size: 30rem; margin: 5rem 0 6rem;}
.point .slide .swiper-slide .text-box .sub{font-size: 16rem; line-height: 1.15; opacity: 0.9;}
.point .slide .swiper-slide:hover .text-box .title{color: var(--ci-color);}
.point .scrollbar{width: 75%; height: 3rem; position: relative; margin: 0 0 0 auto;}
.point .scrollbar::after{content: ''; position: absolute; width: 100%; height: 1px; border-bottom: var(--border-line); left: 0; bottom: 1rem;}
.point .scrollbar .swiper-scrollbar-drag{background: var(--ci-color); height: 100%; z-index: 3;}









.global{padding-bottom: 95rem; position: relative;}
.global .map-area{width: 100%; position: relative;}
.global .img-wrap{margin: 80rem 0 0 auto; width: 1379rem; height: 721rem; position: relative;}
.global .img-wrap svg{position: absolute; left: 50%; transform: translateX(-50%); }
.global .img-wrap svg path:nth-child(1){stroke-dasharray: 650; stroke-dashoffset: 650;}
.global .img-wrap svg path:nth-child(2){stroke-dasharray: 30; stroke-dashoffset: 30;}
.global .img-wrap.aos-animate svg path:nth-child(1){animation: globalSvg 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.global .img-wrap.aos-animate svg path:nth-child(2){animation: globalSvg2 0.5s ease-in-out 1.6s forwards;}
.global .img-wrap .line1{width: 411rem; top: 80rem; left: calc(50% - 283rem); }
.global .img-wrap .line2{width: 487rem; top: 95rem; left: calc(50% - 322rem);}
.global .img-wrap .line3{width: 185rem; top: 167rem; left: calc(50% - 168rem);}
.global .img-wrap .line4{width: 403rem; top: 108rem; left: calc(50% + 125rem);}
.global .img-wrap .line5{width: 542rem; top: 66rem; left: calc(50% + 195rem);}
.global .img-wrap .line6{width: 51rem; top: 220rem; left: calc(50% - 113rem);}
.global .img-wrap .line6 path:nth-child(1){stroke-dasharray: 110; stroke-dashoffset: 110;}
.global .img-wrap.aos-animate .line6 path:nth-child(1){animation: globalSvg3 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes globalSvg {
  0%{stroke-dashoffset: 650;}
  100%{stroke-dashoffset: 0;}
}
@keyframes globalSvg2 {
  0%{stroke-dashoffset: 30;}
  100%{stroke-dashoffset: 0;}
}
@keyframes globalSvg3 {
  0%{stroke-dashoffset: 110;}
  100%{stroke-dashoffset: 0;}
}
.global .list{font-size: 20rem; position: absolute; top: 0;}
.global .list li{position: relative; padding-left: 61rem; line-height: 40rem;}
.global .list li:not(:last-child){margin-bottom: 20rem;}
.global .list span{border-radius: 50%; display: block; position: absolute; font-size: 20rem; font-weight: 500; color: #fff; width: 40rem; height: 40rem; display: flex; align-items: center; justify-content: center; left: 0; top: 50%; transform: translateY(-50%);}
.global .list li:nth-child(1) span{background-color: #00B0F0;}
.global .list li:nth-child(2) span{background-color: #002060;}
.global .list li:nth-child(3) span{background-color: #1676CA;}
.global .list li:nth-child(4) span{background-color: #B0B0B0;}








.customers{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50% ,rgba(255, 255, 255, 0.99) 72.71%, #FFFFFF 100%); position: relative; }
.customers .main__title{border-bottom: var(--border-line); padding-bottom: 20rem; }
.customers .navi > div{width: 47rem; height: 47rem; border: 1px solid #111; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease;}
.customers .navi > div.swiper-button-disabled{opacity: 0.5;}
.customers .navi > div img{width: 8rem;}
.customers .navi .next{margin-left: 10rem;}
.customers .slide{padding: 80rem 0 125rem; overflow: hidden;}
.customers .slide .swiper-slide img{width: auto; height: 70rem; object-fit: contain; margin: 0 auto; max-width: 350rem;}
.customers .slide .swiper-notification{display: none;}








.video-area {width: 100%; position: relative; z-index: 20;}
.video-area .area{width: 100%; height: 900rem; overflow: hidden; border-radius: var(--border-radius); }
.video-area .title{color: #fff; position: absolute; top: 64rem; left: 53rem; padding-left: 39rem; font-size: 25rem;}
.video-area .title strong{font-weight: 600;}
.video-area .title::before{width: 25rem; height: 25rem; background: #fff; top: 50%; transform: translateY(-50%);}







.main-bottom{padding-top: 210rem; padding-bottom: 220rem; position: relative; }
.main-bottom > img{position: absolute; top: 0; left: 0; height: 100%; object-fit: cover;}
.main-bottom > p{font-size: 100rem; font-weight: 200; width: 100%; text-align: center; letter-spacing: -10rem; transition: letter-spacing 2.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.3s; position: relative; z-index: 2;}
.main-bottom > p em{font-weight: 400;}
.main-bottom.aos-animate > p{letter-spacing: 16rem;}







.news {background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.99) 22.71%, #ffffff 50% ,rgba(255, 255, 255, 0) 100%); padding-bottom: 230rem; z-index: 5; position: relative; font-size: 20rem;}
.news .slide{width: calc(100% - 317rem); margin: 90rem 0 0 auto; overflow: hidden;}
.news .slide .navi{position: absolute; left: 292rem; top: 157rem;}
.news .slide .navi > div{width: 42rem; height: 79rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; background-color: var(--ci-color); transition: all 0.3s ease;}
.news .slide .navi > div img{width: 8rem; object-fit: contain;}
.news .slide .navi > div.swiper-button-disabled{background-color: #DADADA; }
.news .slide .navi .prev{margin-bottom: 3rem;}
.news .slide .swiper-slide{font-weight: 300;}
.news .slide .swiper-slide .subject{font-size: 30rem; font-weight: 500; height: 80rem; line-height: 1.35; margin-bottom: 40rem;}
.news .slide .swiper-slide:hover .subject{text-decoration: underline; }
.news .slide .swiper-slide .content{line-height: 1.2; height: 50rem;}
.news .slide .swiper-slide .content *{text-align: left !important; padding: 0 !important;}
.news .slide .swiper-slide .content img{display: none;}








@media (max-width: 1200px) {
  div.main-area{padding-bottom: 70rem; }
  .main__title{padding-top: 15rem; padding-left: 25rem;}
  .main__title p{font-size: 25rem;}
  .main__title p br{display: none;}
  .main__title span{margin-top: 6rem;}
  .main__title span.sub{font-size: 20rem; margin-top: 14rem;}

  .main__title::before{width: 20rem; height: 20rem;}



  .mainVisual{height: 100vh;}
  /* .mainVisual .left{background-image: url('/images/main/mainVisual-bg1-m.png');} */
  .mainVisual .area{height: calc(100% - 60rem);}
  .mainVisual .area .txt1{font-size: 40rem; line-height: 1.05; bottom: 7vh;}
  .mainVisual.aos-animate .area .txt1{letter-spacing: 11rem;}
  .mainVisual .mainImg{width: 230rem; left: calc(50% + 19rem); top: 52%;}
  .mainVisual .circleSvg1{width: calc(100vw - 40rem); height: calc(100vw - 40rem); top: 44%;}
  .mainVisual .circleSvg2{width: 181vw; height: 181vw; bottom: 17vw; right: -29vw;}
  .mainVisual .right{font-size: 13rem;}
  .mainVisual .right .top{font-size: 12rem; right: 20rem; top: 78rem; }
  .mainVisual .right .top span{font-size: 30rem; right: 0; bottom: -30rem; padding-left: 35rem;}
  .mainVisual .right .top span::before{font-size: 12rem; bottom: 9rem;}
  .mainVisual .right > span{font-size: 13rem; width: 100%; text-align: right; right: 20rem; bottom: 5rem;}
  .mainVisual > .m{font-size: 13rem; position: absolute; bottom: 6.5vh; width: 100%; padding: 0 20rem; line-height: 1.25; z-index: 3;}



  .industry{background: linear-gradient(180deg, rgba(239, 239, 239, 0) 0%, #EFEFEF 44.5%, rgba(239, 239, 239, 0.7) 98.44%); padding-bottom: 50rem !important;}
  .industry .main__title{padding: 18rem 0 0 27rem; margin: 45rem 0 30rem;}
  .industry .main__title::before{width: 20rem; height: 20rem;}
  .industry .main__title br{display: none;}

  .industry .slide1{padding: 25rem 20rem 0;}
  .industry .slide1 .swiper-slide img{min-width: 260rem; height: auto; margin-top: 50rem;}
  .industry .slide1 .swiper-slide:nth-child(1) img,
  .industry .slide1 .swiper-slide:nth-child(2) img{width: 100%; margin-top: 50rem;}
  .industry .slide1 .swiper-slide:nth-child(1) img{margin-bottom: 65rem;}
  .industry .slide1 > .txt{font-size: 13rem; margin: 20rem 0 15rem;}
  .industry .slide1 .navi > div{font-size: 12rem; height: 53rem; padding-left: 49rem; align-items: flex-start;}
  .industry .slide1 .navi > div strong{font-size: 14rem;}
  .industry .slide1 .navi > div::after{width: 29rem;}
  .industry .slide1 .navi .prev::before{width: 29rem; height: 53rem; top: 44rem;}
  .industry .slide1 .navi .prev.swiper-button-disabled::before{top: 0;}
  .industry .slide1 .navi > div img{width: 11rem; left: 9rem; top: 16rem;}
  .industry .slide1 .navi > div .txt{width: 100%;}
  .industry .slide1 .navi .prev.swiper-button-disabled img{top: 13rem;}
  .industry .slide1 .navi .next.swiper-button-disabled img{top: 20rem;}
  .industry .slide1 .navi .next .txt{padding-top: 13rem;}
  .industry .slide1 .navi::after{width: 49rem; left: 49rem;}

  .industry .slide2{position: relative; padding-bottom: 0;} 
  .industry .slide2 .pagination{display: block; text-align: center; width: 100%; position: absolute; bottom: 0;}
  .industry .slide2 .pagination span{width: 10rem; height: 10rem; opacity: 1; background: transparent; margin: 0 7.5rem; transition: all 0.3s ease; border: 1px solid var(--sub-textColor);}
  .industry .slide2 .pagination span.swiper-pagination-bullet-active{background: var(--sub-textColor)}
  .industry .slide2 .swiper-slide {height: 87rem; width: 100%; margin: 0 0 16px;}
  .industry .slide2 .swiper-slide.swiper-slide-active{border: 1px solid var(--ci-color);}
  .industry .slide2 .swiper-slide.swiper-slide-active .text-box .moveBtn{background-color: var(--ci-color);}
  .industry .slide2 .swiper-slide.swiper-slide-active .text-box .moveBtn img{filter: contrast(10) brightness(10) invert(1) grayscale(1);}
  .industry .slide2 .swiper-slide.swiper-slide-active .text-box .title{color: var(--ci-color);}
  .industry .slide2 .swiper-slide .img-wrap{height: calc(100% - 88rem);}
  .industry .slide2 .swiper-slide .img-wrap img{max-height: 210rem;}
  .industry .slide2 .swiper-slide .text-box{padding: 0 20rem; font-size: 14rem; height: 88rem;}
  .industry .slide2 .swiper-slide .text-box .title{font-size: 15rem;}
  .industry .slide2 .swiper-slide .text-box .moveBtn{width: 38rem; height: 38rem;}
  .industry .slide2 .swiper-slide .text-box .moveBtn img{width: 19rem;}









  .global{padding-top: 0; padding-bottom: 0;}
/*  .global .main__title span.sub{width: 89%;}*/
/*  .global .main__title span.sub br{display: none;}*/
  .global .list{position: static; font-size: 15rem; margin-top: 30rem;}
  .global .list li{padding-left: 40rem; line-height: 30rem;}
  .global .list li:not(:last-child){margin-bottom: 10rem;}
  .global .list span{width: 30rem; height: 30rem; font-size: 15rem;}
  .global .img-wrap{margin-top: 35rem; width: 100%; height: 41.6667vw;}
  .global .img-wrap .country{display: none;}





  .point{padding-top: 58rem;}
  .point .main__title{margin-bottom: 50rem;}
  .point .main__title span{margin-top: 13rem;}
  .point .main__title .sub{margin-top: 24rem;}
  .point .top-left{position: absolute; top: 60rem; right: -47rem; margin-top: 0;}
  .point .top-left img{width: 70rem;}
  .point .top-left .effect1{margin-left: 0;}
  .point .top-left.aos-animate .effect2{transform: translateX(-45rem);}
  .point .slide{padding-left: 0; width: 100%; padding-bottom: 53rem; margin: 50rem 0 0 0;}
  .point .slide::after{display: none;}
  .point .slide .swiper-slide{height: auto; flex-direction: column;}
  .point .slide .swiper-slide .img-wrap{height: 60vw; width: 100%;}
  .point .slide .swiper-slide .text-box{padding: 20rem 20rem 30rem; width: 100%; height: auto;}
  .point .slide .swiper-slide .text-box span{display: block; line-height: 1.25; height: 35rem;}
  .point .slide .swiper-slide .text-box .title{font-size: 20rem; margin-top: 10rem; margin-bottom: 10rem;}
  .point .slide .swiper-slide .text-box .sub{font-size: 15rem; opacity: 0.9;}
  .point .slide .swiper-slide.swiper-slide-active .text-box .title{color: var(--ci-color);}
  .point .scrollbar{width: 100%;}








  .video-area.main-area{padding-bottom: 0;}
  .video-area .area{height: 45.5556vw;}
  .video-area .title{font-size: 15rem; padding-left: 25rem; top: 17rem; left: 15rem;}
  .video-area .title::before{width: 15rem; height: 15rem;}
  








  .aboutUs .top-title{font-size: 50rem; width: 69%; font-weight: 200; line-height: 1.2; margin: 50rem 0 10rem;}
  .aboutUs .top-title + span{display: block; width: 70%;}

  .aboutUs .top-left{margin-top: 40rem;}
  .aboutUs .top-left img{width: 18.0556vw;}
  .aboutUs .top-left .effect1{margin-left: -5.5556vw;}
  .aboutUs .top-left.aos-animate .effect2{transform: translateX(-11.1111vw);}

  .aboutUs .top-right{width: 33.3333vw; height: 33.3333vw;}
  .aboutUs .top-right img{width: 65%;}

  .aboutUs > .bg{width: 100%;}
  .aboutUs > .bg .bgImg{width: 75vw; margin: 0 auto;}
  .aboutUs > .bg .line1{width: 72.2222vw; left: 0; top: 30vw;}
  .aboutUs > .bg .line2{left: 0; top: -13vw; width: 46.1111vw; transform: none;}
  .aboutUs > .bg .list{position: static; transform: none;}
  .aboutUs > .bg .graphic{position: relative; width: 13.8889vw; height: 13.8889vw; transform: none; border-radius: 10rem; right: auto; bottom: auto; margin: 15rem 0 0 auto;}

  .aboutUs > .bg .list{width: 100%; margin: 28rem 0 0;}
  .aboutUs > .bg .list > li a{font-size: 18rem; padding-bottom: 9rem;}
  .aboutUs > .bg .list > li a img{width: 25rem;}
  .aboutUs > .bg .list > li:last-child{font-size: 15rem; font-weight: 400; padding-top: 0;}









  .news{padding-top: 0; padding-bottom: 100rem;}
  .news > .title{font-size: 25rem;}
  .news .slide{width: calc(100% - 61rem); margin: 25rem 0 0 61rem; }
  .news .slide .navi{left: 20rem; top: 60rem;}
  .news .slide .navi > div{width: 31rem; height: 59rem; border-radius: 4rem;}
  .news .slide .swiper-slide .subject{font-size: 20rem; height: 55rem; margin-bottom: 20rem;}
  .news .slide .swiper-slide .content{height: 50rem; -webkit-line-clamp: 3; line-clamp: 3; line-height: 1.1; font-size: 15rem;}







  .main-bottom{width: 100vw; height: 415rem; padding: 0; margin-top: 0;}
  .main-bottom > img{width: 100%; height: 100%; object-fit: cover;}
  .main-bottom > p{font-size: 27rem; letter-spacing: -3rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 7; line-height: 1.2;}
  .main-bottom.aos-animate > p{letter-spacing: 4rem;}







  .customers{margin-top: 27rem; padding-top: 0;}
  .customers .main__title{padding-bottom: 10rem;}
  .customers .navi > div{width: 31rem; height: 31rem;}
  .customers .navi .next{margin-left: 7rem;}
  .customers .navi .next img{margin-left: 3rem;}
  .customers .navi .prev img{margin-left: -3rem;}
  .customers .slide{padding: 30rem 0 70rem;}
  .customers .slide .swiper-slide{width: calc(100%/3);}
  .customers .slide .swiper-slide img{height: 30rem; max-width: 94rem;}
  
  

}