@charset "utf-8";

html, body, #wrap, #main, #fullpage {width: 100%; height: 100%;}

#header.bgblack {background: unset !important;}

.slide-sect .swiper-container {width: 100%; height: 100%;}
.slide-sect .slide-item {width: 100%; height: 100vh; }

.slide-container {width: 100%; height: 100vh; }
.slide-container .slide-wrapper {width: 100%; height: 100%; position: relative;}
.slide-container .slide-wrapper .slide-item {width: 100%; height: 100%; position: absolute; opacity: 0; pointer-events: none; transition: opacity 0.6s;}
.slide-container .slide-wrapper .slide-item.active {opacity: 1; pointer-events: auto;}

/*  */
.section {overflow: hidden;}
.section .sec-desc {font-weight: 700; font-size: calc(var(--font24)*2); text-align: center; letter-spacing: -0.02em; line-height: 1.55;}

.section .text-split {overflow: hidden; }
.section .text-split span {display: inline-block; transform: translateY(100%); transition-duration: 0.6s; }

@media screen and (max-width:1600px){
  .section .sec-desc {font-size: calc(var(--font24)*1.5);}
}
@media screen and (max-width:1260px) {
 .section .sec-desc {font-size: 32px;}

 .slide-container {height: unset;}
 .slide-container .slide-wrapper {height: unset;}
 .slide-container .slide-wrapper .slide-item {height: auto; opacity: 1; pointer-events: auto; transition: unset; position: relative;}
}
@media screen and (max-width:1024px) {
  .section .sec-desc {}
}
@media screen and (max-width:768px) {
  .section .sec-desc {font-size: 24px;}
}
@media screen and (max-width:480px) {
  .section .sec-desc {font-size: 20px;}
}



/*  */
.sect01 {background: url(/img/main/hero_bg.jpg) center no-repeat; background-size: cover;}
.sect01 .sect-wrap .hero-act {text-align: center;}
.sect01 .sect-wrap .hero-act .line-box {display: inline-block; color: #161616; font-size: 80px; line-height: 1.5; font-weight: 800; overflow: hidden;}
.sect01 .sect-wrap .hero-act .line-box .inbox {transform: translateY(100%); transition: 0.6s 0.2s;}
.sect01 .sect-wrap .hero-act .line-box em {color: #fff; font-weight: inherit; display: inline-flex; align-items: center;}
.sect01 .sect-wrap .hero-act .line-box .bar {display: inline-block; height: 8px; background: #fff; width: 1.8em; transition: width 0.8s 0.9s; }
.sect01 .sect-wrap .btn-box {margin-top: var(--gap40); text-align: center; overflow: hidden;}
.sect01 .sect-wrap .btn-box a {transform: translateY(100%); transition: 0.6s 0.2s;}

/* ani */
.sect01.animated .sect-wrap .hero-act .line-box .inbox {transform: translateY(0);}
.sect01.animated .sect-wrap .hero-act .line-box .bar {width: 0;}
.sect01.animated .sect-wrap .btn-box a {transform: translateY(0);}
@media screen and (max-width:1600px){
  .sect01 .sect-wrap .hero-act .line-box {font-size: 65px;}
}
@media screen and (max-width:1260px) {
  .sect01 .sect-wrap .hero-act .line-box {font-size: 52px; display: block;}
}
@media screen and (max-width:1024px) {
  
}
@media screen and (max-width:768px) {
  .sect01 .sect-wrap .hero-act .line-box {color: #fff; font-size: 46px;}
  .sect01 .sect-wrap .hero-act .line-box em {color: #00E0BA;}
  .sect01 .sect-wrap .hero-act .line-box .bar {background: #00E0BA;}

  .sect01.animated .sect-wrap .btn-box a.btn-dark.black {border-color: #fff; color: #fff; background: unset; transition: transform 0.6s 0.2s;}
  .sect01.animated .sect-wrap .btn-box a.btn-dark.black::before {display: none;}
}
@media screen and (max-width:480px) {
  .sect01 .sect-wrap .hero-act .line-box {font-size: 40px;}
  .sect01 .sect-wrap .btn-box {margin-top: 57px;}
  .sect01 .sect-wrap .hero-act .line-box .bar {height: 5px; width: 1em;}
}


/*  */
.sect02 {position: relative; }
.sect02 .bg {width: 95%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 0; }
.sect02 .bg .img-box {opacity: 1; transform: scale(0.5); transition: 0.8s;}
.sect02 .bg img {width: 100%;}
.sect02 .sec-desc {}
.sect02 .sect-cont {position: relative; z-index: 1; max-width: 1600px; width: 85%; margin: auto; padding-top: var(--headerH);}
.sect02 .count-number {margin-top: 190px; line-height: 1;}
.sect02 .count-number > ul {display: flex; justify-content: space-between; opacity: 0; transition: 0.6s 0.8s; gap: 16px;}
.sect02 .count-number .num {font-weight: 900; font-size: 60px; color: #111; display: flex; gap: 0.1em; overflow: hidden;}
.sect02 .count-number .num .color,
.sect02 .count-number .num .plus {color: var(--mainC);}
.sect02 .count-number .txt {margin-top: var(--font20); font-size: var(--font24); line-height: 1; font-weight: 600;}

.sect02 .count-number .count-num-item-box {display: flex;}
.sect02 .count-number .count-num-item-box .num-item {height: 1em; }


@keyframes countUpAni {
  0% {transform: translateY(0);}
  100% {transform: translateY(-90%);}
}
@keyframes countDownAni {
  0% {transform: translateY(-90%);}
  100% {transform: translateY(0%);}
}

/* ani */
.sect02.animated .bg .img-box {opacity: 0.03; transform: scale(1);}
.sect02.animated .count-number ul {opacity: 1;}
.sect02.animated .text-split span {transition-delay: 0.8s; transform: translateY(0);}

.sect02.animated .count-number .count-num-item-box .num-item.ani-up ul {animation: countUpAni 3s 1s forwards;}
.sect02.animated .count-number .count-num-item-box .num-item.ani-down ul {animation: countDownAni 3s 1s forwards;}
@media screen and (max-width:1600px){
  
  .sect02 .count-number > ul > li {flex: 1 1 0;}
  .sect02 .count-number .num {font-size: 50px;}
  .sect02 .count-number .txt {font-size: 20px;}
}
@media screen and (max-width:1260px) {
  .sect02 .sect-cont {padding: 180px 0;}
  .sect02 .count-number > ul {gap: 24px;}
  .sect02 .count-number .num {font-size: 42px;}
  .sect02 .count-number .txt {font-size: 16px;}
}
@media screen and (max-width:1024px) {
  .sect02 .sect-cont {padding: 120px 0;}
  .sect02 .count-number {margin-top: 100px;}
  .sect02 .count-number > ul {flex-wrap: wrap; gap: 40px;}
  .sect02 .count-number > ul > li {width: calc(50% - 20px); flex: unset; text-align: center;}
  .sect02 .count-number .num {justify-content: center;}
}
@media screen and (max-width:768px) {
  .sect02 .sect-cont {padding: 80px 0 60px; width: 90%;}
  .sect02 .count-number {margin-top: 80px;}
  .sect02 .count-number > ul {gap: 28px;}
  .sect02 .count-number > ul > li {width: 100%;}
}
@media screen and (max-width:480px){

}
@media screen and (max-width:480px) {
  .sect02 .count-number {margin-top: 40px;}
  .sect02 .count-number .num {font-size: 30px;}
}


/*  */
.sect03 {}
.sect03 .slide-item {}

.sect03 .slide01 {}
.sect03 .slide01 .item-wrap {text-align: center; padding-bottom: 5%; position: relative; background: url(/img/main/service_bg.jpg) center bottom no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; clip-path: inset(var(--gap80) var(--gap80) var(--gap80) var(--gap80) round var(--gap80)); transition: 0.6s; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center;}
.sect03 .slide01 .item-wrap .tit {font-weight: 900; font-size: 80px; line-height: 1;}
.sect03 .slide01 .item-wrap .txt {line-height: 1.6; font-size: var(--font24); font-weight: 600; margin-top: var(--font16); }
.sect03 .slide01 .item-wrap .txt .line {max-width: 510px; margin: auto; }
.sect03 .slide01 .item-wrap .txt .line.text-split span {transform: none; }
.sect03 .slide01 .item-wrap .txt .line .mo-lines {overflow: hidden;}
.sect03 .slide01 .item-wrap .txt .line .mo-lines > div {transform: translateY(100%); transition: 0.6s 0.6s;}

.sect03 .item-wrap .deco {font-size: 0; position: absolute; }
.sect03 .item-wrap .deco img {transform: scale(0.2); opacity: 0; }
.sect03 .item-wrap .deco.deco01 {left: 48%; top: calc(var(--headerH) + 20px);}
.sect03 .item-wrap .deco.deco01 img {transition: transform 0.6s 0.2s, opacity 0.3s 0.2s;}
.sect03 .item-wrap .deco.deco02 {left: 40%; bottom: 25px;}
.sect03 .item-wrap .deco.deco02 img {transition: transform 0.6s, opacity 0.3s;}
.sect03 .item-wrap .deco.deco03 {right: -10%; bottom: -20%;}
.sect03 .item-wrap .deco.deco03 img {transition: transform 0.6s 0.4s, opacity 0.3s 0.4s;}
.sect03 .item-wrap .deco.deco04 {left: 40%; bottom: -20%;}
.sect03 .item-wrap .deco.deco04 img {transition: transform 0.6s 0.2s, opacity 0.3s 0.2s;}
.sect03 .item-wrap .deco.deco05 {right: -10%; top: -15%;}
.sect03 .item-wrap .deco.deco05 img {transition: transform 0.6s 0.4s, opacity 0.3s 0.4s;}
.sect03 .item-wrap .deco.deco06 {left: 50%; top: 20%;}
.sect03 .item-wrap .deco.deco06 img {transition: transform 0.6s 0.4s, opacity 0.3s 0.4s;}
.sect03 .item-wrap .deco.deco07 {right: 5%; top: 10%;}
.sect03 .item-wrap .deco.deco07 img {transition: transform 0.6s 0.6s, opacity 0.3s 0.6s;}
.sect03 .item-wrap .deco.deco08 {left: 30%; bottom: -25%;}
.sect03 .item-wrap .deco.deco08 img {transition: transform 0.6s 0.1s, opacity 0.3s 0.1s;}

.sect03 .slide-item:not(.slide01) .item-wrap {width: 100%; background: #fff; height: 100%;}
.sect03 .service-box {height: 100%; display: flex; justify-content: space-between; align-items: center; gap: var(--gap40); max-width: 1600px; width: 85%; margin: auto; padding: var(--headerH) 0; position: relative;}

.sect03 .service-box .left {padding-left: calc(var(--gap8)*8); line-height: 1.5;}
.sect03 .service-box .left .tit {font-size: 60px; font-weight: 800; }
.sect03 .service-box .left .btn-box {margin-top: 50px; overflow: hidden; }
.sect03 .service-box .left .btn-box a {transform: translateY(100%); transition: 0.6s 0.8s;}
.sect03 .service-box .left .info { margin-top: var(--gap80); }
.sect03 .service-box .left .info p {font-weight: 600; font-size: var(--font22); margin-bottom: 15px;}
.sect03 .service-box .left .info ul {font-size: var(--font20); font-weight: 500;}
.sect03 .service-box .left .info ul li {padding-left: 1em; position: relative; color: #111;}
.sect03 .service-box .left .info ul li::before {content:""; width: 0.25em; height: 0.25em; border-radius: 50%; background: #111; position: absolute; left: 0; top: 0.7em;  }

.sect03 .service-box .right {padding-right: 5%; max-width: 620px;}
.sect03 .service-box .right .img-box {border-radius: 50%; font-size: 0; transform: rotate(11.15deg); border-radius: var(--gap40); overflow: hidden; opacity: 0; transition: 0.6s 0.6s;}
.sect03 .service-box .right .img-box img {width: 100%;}
.sect03 .service-box .right .mo {display: none;}
.sect03 .slide03 .service-box .right .img-box {transform: rotate(-11.15deg);}

/* ani */
.sect03.animated .slide01 .item-wrap {clip-path: inset(0 0 0 0 round 0);}
.sect03.animated .slide01 .text-split span {transition-delay: 0.6s; transform: translateY(0);}
.sect03.animated .slide01 .item-wrap .txt .line .mo-lines > div {transform: translateY(0);}

.sect03 .slide-item.animated .item-wrap .deco img {transform: scale(1); opacity: 1;}
.sect03 .slide-item.animated .tit .text-split span {transition-delay: 0.6s; transform: translateY(0);}
.sect03 .slide-item.animated .service-box .left .btn-box a {transform: translateY(0); }
.sect03 .slide-item.animated .info .text-split span {transition-delay: 1s; transform: translateY(0);}
.sect03 .slide-item.animated .service-box .right .img-box {opacity: 1;}
@media screen and (max-width:1600px){
  .sect03 .slide01 .item-wrap .tit {font-size: 70px;}
  .sect03 .service-box .left .tit {font-size: 40px;}
  .sect03 .service-box .right {width: 40%;}
}
@media screen and (max-width:1260px) {
  .sect03 .service-box {padding: 120px 0; width: 70%;}
  .sect03 .slide01 {height: 100vh;}
  .sect03 .service-slide .slide-item:not(.slide01) {height: auto; }

  .sect03 .service-box .left {padding: 0;}
  .sect03 .service-box .right {width: 40%;}
  .sect03 .slide01 .item-wrap .tit {font-size: 64px;}

  .sect03 .service-box .left .tit {font-size: 36px;}
  .sect03 .service-box .left .btn-box {margin-top: 30px;}
  .sect03 .service-box .left .info {margin-top: 40px;}
  .sect03 .service-box .left .info ul {font-size: 16px;}

  .sect03 .item-wrap .deco {display: none;}

  /* .sect03 .item-wrap .deco.deco02 {width: 260px;}
  .sect03 .item-wrap .deco.deco03 {width: 420px;}
  .sect03 .item-wrap .deco.deco04 {width: 460px;}
  .sect03 .item-wrap .deco.deco05 {width: 400px;}
  .sect03 .item-wrap .deco.deco08 {width: 420px; bottom: -15%;} */
}
@media screen and (max-width:1024px) {
  .sect03 .service-box {padding: var(--headerH) 0;}
  .sect03 .service-box .left .tit {font-size: 24px;}
  .sect03 .service-box .left .btn-box {margin-top: 24px;}
}
@media screen and (max-width:768px) {

  .sect03 .slide01 .item-wrap .tit {font-size: 40px;}

  .sect03 .slide-item.animated .tit .text-split span {transition-delay: 0s;}
  .sect03 .service-box .left .btn-box a {transition: 0.6s 0.2s;}
  .sect03 .slide-item.animated .info .text-split span {transition-delay: 0.4s;}

  /* .sect03.section .text-split span {transform: none; }
  .sect03 .service-box .left .btn-box a {transform: none;}
  .sect03 .service-box .right .img-box {opacity: 1;} */

  .sect03 .service-box {flex-direction: column; gap: 60px; align-items: start; justify-content: center; width: 90%;}
  .sect03 .service-box .right {width: 100%; padding-right: 0;}
  .sect03 .service-box .right .img-box,
  .sect03 .slide03 .service-box .right .img-box {transform: rotate(0); border-radius: 20px; max-width: 420px;}
  .sect03 .service-box .right .img-box img {width: 100%;}

  .sect03 .service-box .right .pc {display: none;}
  .sect03 .service-box .right .mo {display: block;}

}
@media screen and (max-width:480px) {
  .sect03 .slide01 .item-wrap .txt {width: 295px; margin: var(--font16) auto 0;}
  .sect03 .slide01 .item-wrap .tit {font-size: 30px;}

  .sect03 .service-box {gap: 40px; }
  .sect03 .service-box .left .tit {font-size: 26px;}
  .sect03 .service-box .left .info ul {font-size: 14px;}
}


/*  */
.sect04 {}

.sect04 .sect-cont {max-width: 1600px; width: 90%; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: var(--gap40); padding-top: var(--headerH);}
.sect04 .sect-cont .item {width: calc((100% - 120px)/2); max-width: 700px;}
.sect04 .sect-cont .mockup {width: 100%; position: relative; overflow: hidden; border-radius: var(--gap40); }
.sect04 .sect-cont .mockup.pc {padding-top: 105.4%; }
.sect04 .sect-cont .mockup::before {content:""; opacity: 0.62; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(135deg, #00DEB8, #0051FF); background-size: 200%; animation: backgroundAni 8s ease-in-out infinite;}
.sect04 .sect-cont .mockup.pc .img-box {position: absolute; left: 50%; top: 0%; transform: translateX(-50%); font-size: 0; z-index: 1; perspective: 100px; height: 100%; display: flex; align-items: center; justify-content: center;}
.sect04 .sect-cont .mockup.pc .img-box img {max-width: 312px; max-height: 85%; transform: translateY(5%) rotateY(-1.5deg);}

.sect04 .sect-cont .mockup.mo {height: 94vw; display: none;}
.sect04 .sect-cont .mockup.mo .img-box {position: absolute; left: 0; top: 0; height: 85%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.sect04 .sect-cont .mockup.mo .img-box img {height: 100%;}

/* .sect04 .sect-cont .mockup .mo {display: none;} */

@keyframes backgroundAni {
  0% {background-position: 0% 0%;}
  50% {background-position: 100% 100%;}
  100% {background-position: 0% 0%;}
}

.sect04 .sect-cont .text-area {padding-left: var(--gap24); }
.sect04 .sect-cont .text-area .tag {color: #7E7E7E; font-size: var(--font18); font-weight: 600; line-height: 1.7; display: flex; flex-wrap: wrap; gap: 5px 2em; margin-bottom: 15px;}
.sect04 .sect-cont .text-area .tit {font-weight: 800; font-size: 58px; line-height: 1.5; letter-spacing: -0.02em; }
.sect04 .sect-cont .text-area .tit em {color: #009279; font-weight: inherit; }
.sect04 .sect-cont .text-area .btn-box {margin-top: 30px; overflow: hidden;}
.sect04 .sect-cont .text-area .btn-box a {transform: translateY(100%); transition: 0.6s 0.2s;}
.sect04 .sect-cont .text-area .link-box {margin-top: 110px; }
.sect04 .sect-cont .text-area .link-box ul {display: flex; gap: 20px; }
.sect04 .sect-cont .text-area .link-box .link-item { text-align: center; background: #fff; box-shadow: 0 0 11px rgba(0,0,0,0.14); border-radius: 20px; overflow: hidden; width: 163px;}
.sect04 .sect-cont .text-area .link-box .link-item a {display: block; padding: 30px 16px;}
.sect04 .sect-cont .text-area .link-box .link-item .qr {font-size: 0; height: 70px; display: flex; align-items: center; justify-content: center;}
.sect04 .sect-cont .text-area .link-box .link-item .icon {margin: 15px 0 10px; font-size: 0; height: 32px; display: flex; align-items: center; justify-content: center;}
.sect04 .sect-cont .text-area .link-box .link-item .text {font-size: var(--font18); font-weight: 700; line-height: 1.5; letter-spacing: 0; }
.sect04 .sect-cont .text-area .link-box .link-item.web {background: #2779FF; color: #fff; }

.sect04 .sect-cont .text-area .link-box ul li {transform: translateX(30%); opacity: 0; transition-duration: 0.4s;}
.sect04 .sect-cont .text-area .link-box ul li:nth-child(1) {transition-delay: 0.2s;}
.sect04 .sect-cont .text-area .link-box ul li:nth-child(2) {transition-delay: 0.4s;}
.sect04 .sect-cont .text-area .link-box ul li:nth-child(3) {transition-delay: 0.6s;}

/* ani */
.sect04.animated .text-split span {transition: 0.6s; transform: translateY(0); }
.sect04.animated .sect-cont .text-area .btn-box a {transform: translateY(0);}
.sect04.animated .sect-cont .mockup.pc .img-box img {transform: translateY(0) rotateY(0deg); transition: 0.8s; }
.sect04.animated .sect-cont .text-area .link-box ul li {transform: translateX(0); opacity: 1;}
@media screen and (max-width:1600px) {
  .sect04 .sect-cont .item {width: calc((100% - 100px)/2);}
  .sect04 .sect-cont .text-area {padding-left: 0;}
  .sect04 .sect-cont .text-area .tit {font-size: 40px;}
}
@media screen and (max-width:1260px) {
  .sect04 .sect-cont {padding: 120px 0;}
  .sect04 .sect-cont .item {width: calc((100% - var(--gap40))/2);}
  .sect04 .sect-cont .text-area {padding-left: 0;}
  .sect04 .sect-cont .text-area .tit {font-size: 40px;}

  .sect04 .sect-cont .text-area .link-box {margin-top: 80px;}
  .sect04 .sect-cont .text-area .link-box .link-item {width: 130px;}
  .sect04 .sect-cont .text-area .link-box .link-item .text {font-size: 14px;}
  .sect04 .sect-cont .text-area .link-box .link-item a {padding: 30px 8px;}
}
@media screen and (max-width:1024px) {
  .sect04 .sect-cont .item {width: calc(50% - 20px);}
  .sect04 .sect-cont .text-area .tit {font-size: 30px;}
  .sect04 .sect-cont .text-area .link-box {margin-top: 60px;}
  .sect04 .sect-cont .text-area .link-box ul {flex-wrap: wrap; }
  .sect04 .sect-cont .text-area .link-box ul li {width: calc(50% - 10px);}
  .sect04 .sect-cont .text-area .link-box ul li:last-child {width: 100%;}
  .sect04 .sect-cont .text-area .link-box .link-item {width: 100%;}
  .sect04 .sect-cont .text-area .link-box .link-item a {padding: 24px 8px;}
  .sect04 .sect-cont .text-area .link-box .link-item .qr:not(.logo) {display: none;}
  .sect04 .sect-cont .text-area .link-box .link-item .text::after {content:""; display: block; height: 30px; width: 100%; background: url(/img/com/icon_go_black.svg) center no-repeat; background-size: auto 100%; margin-top: 10px; }

  .sect04 .sect-cont .text-area .link-box .link-item:not(.web) .icon {margin-top: 0;}

  .sect04 .sect-cont .text-area .link-box .link-item.web a {display: flex; align-items: center;}
  .sect04 .sect-cont .text-area .link-box .link-item.web a > div {width: 50%;}
  .sect04 .sect-cont .text-area .link-box .link-item.web .icon {display: none;}
  .sect04 .sect-cont .text-area .link-box .link-item.web .text::after {background: url(/img/com/icon_go.svg) center no-repeat; background-size: auto 100%; }
}
@media screen and (max-width:768px) {
  .sect04 .sect-cont {flex-wrap: wrap; padding: 80px 0 0px; position: relative;}
 
  .sect04 .sect-cont .item {width: 100%; height: 100%;}
  .sect04 .sect-cont .item:first-child {position: absolute; width: 50%; height: auto; right: 0; top: 200px; z-index: 1;}

  .sect04 .sect-cont .text-area {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
  .sect04 .sect-cont .text-area .tag {font-size: 14px; margin-bottom: 8px;}
  .sect04 .sect-cont .text-area .btn-box {margin-top: 20px;}

  .sect04 .sect-cont .text-area .link-box {margin-top: 40px; position: relative;}

  .sect04 .sect-cont .mockup.pc {width: 100%; padding: 0; display: none;}
  .sect04 .sect-cont .mockup.mo {display: block; margin-top: 40px;}
  /* .sect04 .sect-cont .mockup .img-box img {height: 85%; width: auto; display: block; max-width:unset; max-height: unset;} */
  
}
@media screen and (max-width:480px) {
  .sect04 .sect-cont .text-area .tit {font-size: 26px;}

  .sect04 .sect-cont .text-area .link-box {margin-top: 25px;}
  .sect04 .sect-cont .text-area .link-box ul {gap: 16px;  }
  .sect04 .sect-cont .text-area .link-box ul li {width: calc(50% - 8px); }
  .sect04 .sect-cont .text-area .link-box .link-item {border-radius: 12px;}
  .sect04 .sect-cont .text-area .link-box .link-item a {padding: 16px 14px;}
  .sect04 .sect-cont .text-area .link-box .link-item .text::after {height: 24px; margin-top: 6px;}
}


/*  */
.sect05 {}
.sect05 .sect-cont {max-width: 1600px; margin: auto; width: 90%; padding-top: var(--headerH);}
.sect05 .sect-cont .line-box {margin-bottom: 120px; display: flex; gap: 100px; align-items: center;}
.sect05 .sect-cont .line-box:last-child {margin-bottom: 0;}
.sect05 .sect-cont .line-box .text {color: #00CEAA; font-weight: 900; font-size: 130px; line-height: 1.2; overflow: hidden; opacity: 0; transform: translateY(80%);}
/* .sect05 .sect-cont .line-box .text span {display: inline-block; transform: translateY(100%); } */
.sect05 .sect-cont .line-box .line {padding: 0 149px; display: flex; align-items: center; font-size: calc(var(--font24)*1.8); height: 3em; font-weight: 700;}
.sect05 .sect-cont .line-box:nth-child(1) .line {opacity: 0; transform: translateX(50%);}
.sect05 .sect-cont .line-box:nth-child(2) .line {opacity: 0; transform: translateX(-50%);}
.sect05 .sect-cont .line-box:nth-child(3) .line {opacity: 0; transform: translateX(50%);}

.sect05 .sect-cont .line-box.left .line {background-image: linear-gradient(to right, rgba(1,141,255,0.6), rgba(0,222,184,0.6),rgba(0,222,184,0)); border-radius: 1.5em 0 0 1.5em;}
.sect05 .sect-cont .line-box.right {justify-content: center;}
.sect05 .sect-cont .line-box.right .line {background-image: linear-gradient(to left, rgba(1,141,255,0.6), rgba(0,222,184,0.6),rgba(0,222,184,0)); border-radius: 0 1.5em 1.5em 0;}

.sect05 .sect-cont .line-box.left:last-child {justify-content: space-between;}
.sect05 .sect-cont .line-box.left:last-child .line {padding: 0 94px;}

/* ani */
.sect05.animated .sect-cont .line-box .text {opacity: 1; transform: translateY(0); transition-duration: 0.5s;}
.sect05.animated .sect-cont .line-box:nth-child(1) .text {transition-delay: 0s;}
.sect05.animated .sect-cont .line-box:nth-child(2) .text {transition-delay: 0.3s;}
.sect05.animated .sect-cont .line-box:nth-child(3) .text {transition-delay: 0.6s;}
.sect05.animated .sect-cont .line-box .line {transform: translateX(0); opacity: 1; transition-duration: 0.7s;}
.sect05.animated .sect-cont .line-box:nth-child(1) .line {transition-delay: 0s;}
.sect05.animated .sect-cont .line-box:nth-child(2) .line {transition-delay: 0.3s;}
.sect05.animated .sect-cont .line-box:nth-child(3) .line {transition-delay: 0.6s;}
@media screen and (max-width:1600px){
  .sect05 .sect-cont .line-box {gap: 85px;}
  .sect05 .sect-cont .line-box .text {font-size: 90px;}
  .sect05 .sect-cont .line-box .line {font-size: calc(var(--font24)*1.5); padding: 0 120px;}
  .sect05 .sect-cont .line-box.left:last-child .line {padding: 0 80px;}
}
@media screen and (max-width:1260px) {
  .sect05 .sect-cont {padding: 120px 0;}
  .sect05 .sect-cont .line-box {gap: 24px 60px; margin-bottom: 80px;}
  .sect05 .sect-cont .line-box .text {font-size: 80px;}
  .sect05 .sect-cont .line-box .line {padding: 0 60px; font-size: 30px;}
  .sect05 .sect-cont .line-box.left:last-child .line {padding: 0 40px; }
}
@media screen and (max-width:1024px) {
  .sect05 .sect-cont .line-box {flex-direction: column; align-items: start; margin-bottom: 60px;}
  .sect05 .sect-cont .line-box.right {flex-direction: column-reverse; align-items: end;}
  .sect05 .sect-cont .line-box .line {font-size: 24px;}
  
}
@media screen and (max-width:768px) {
  .sect05 .sect-cont {padding: 80px 0 60px;}
}
@media screen and (max-width:480px) {
  
  .sect05 .sect-cont .line-box {gap: 14px; margin-bottom: 40px;}
  .sect05 .sect-cont .line-box .text {font-size: 60px;}
  .sect05 .sect-cont .line-box .line {font-size: 16px; justify-content: center; padding: 0 !important; width: 100%;}
}


/*  */
.sect06 .slide02 {background: linear-gradient(to right, #BDFCF4, #67BEFC); }

.sect06 .slide-item .item-wrap {width: 100%; height: 100%;  background-color: rgba(255,255,255,1); background-image: url(/img/main/partner_bg01.svg); background-position: left center; background-repeat: no-repeat; background-size: cover; position: relative; padding-top: var(--headerH); padding-bottom: 85px; overflow-y: auto; transition: 0.6s;}
.sect06 .item-wrap .sec-desc {padding: 220px 0; }
.sect06 .item-wrap .sec-desc .text-split span {transition: 0.6s;}
.sect06 .item-wrap .logo-box {background: #fff; }
.sect06 .item-wrap .logo-slide {width: 100%; padding: var(--gap80) 0; background: linear-gradient(to right, rgba(0,222,184,0.4),rgba(1,141,255,0.4)); height: calc(var(--gap80)*2 + 46px); overflow: hidden;}
.sect06 .item-wrap .logo-slide .swiper-wrapper {transition-timing-function: linear; }
.sect06 .item-wrap .logo-slide .swiper-slide {width: fit-content; height: 46px;}
.sect06 .item-wrap .logo-slide .img-box {height: 46px; display: flex; align-items: end; justify-content: center; padding: 0 var(--gap40);}
.sect06 .item-wrap .logo-slide .img-box img {max-height: 100%; width: auto;}

.sect06 .item-wrap .bnr-box {max-width: 1600px; margin: 85px auto 0; width: 90%; overflow: hidden; }
.sect06 .item-wrap .bnr-box a { display: flex; align-items: center; border-radius: 20px; line-height: 1; height: 170px; padding: var(--gap24) 78px;  font-weight: 700; font-size: calc(var(--font18)*2); gap: 20px; box-sizing: border-box; transform: translateY(100%); transition: transform 0.6s 0.4s, backgroundColor 0.4s, color 0.4s;}
.sect06 .item-wrap .bnr-box a::after {content:""; width: 50px; height: 50px;  }

.sect06 .partner-slide:has(.slide02) .slide01 .bnr-box {display: none;}

/* ani */
.sect06.animated .slide01 .text-split span {transform: translateY(0); }
.sect06.animated .slide01 .item-wrap .bnr-box a {transform: translate(0); }

.sect06 .slide02.animated .item-wrap {background-color: rgba(255,255,255,0); background-image: url(/img/main/partner_bg02.svg);}
.sect06 .slide02.animated .text-split span {transform: translateY(0); }
.sect06 .slide02.animated .item-wrap .bnr-box a {transform: translate(0); }


@media screen and (max-width:1260px) {
  .sect06 .item-wrap .sec-desc {}
  .sect06 .item-wrap .bnr-box a {height: 140px; font-size: 28px;}

  .sect06 .slide-item .item-wrap {height: auto;}
}
@media screen and (max-width:1024px) {
  .sect06 .slide-item .item-wrap {padding-bottom: var(--headerH); }
  .sect06 .item-wrap .sec-desc {width: 480px; margin: auto; padding: 0; height: calc(100vh - (var(--gap80)*2 + 40px) - var(--headerH)*2 - 100px - var(--gap80)); display: flex; flex-direction: column; justify-content: center;}

  .sect06.section .item-wrap .text-split {overflow: visible;}
  .sect06 .item-wrap .sec-desc .line > span {display: block; transform: none; }
  .sect06 .item-wrap .sec-desc .mo-lines {overflow: hidden; }
  .sect06 .item-wrap .sec-desc .mo-lines > div {transform: translateY(100%); transition: 0.6s;}
  .sect06.animated .slide01 .item-wrap .sec-desc .mo-lines > div {transform: translateY(0);}
  .sect06 .slide02.animated .item-wrap .sec-desc .mo-lines > div {transform: translateY(0);}

  .sect06 .item-wrap .bnr-box {margin: var(--gap80) auto 0;}
  .sect06 .item-wrap .bnr-box a {height: 100px; font-size: 24px; padding: var(--gap24) var(--gap40);}
  .sect06 .item-wrap .bnr-box a::after {width: 32px; height: 32px;}
}
@media screen and (max-width:768px) {
  .sect06 .item-wrap .bnr-box a {font-size: 16px; padding: 24px 20px; height: auto;}
  .sect06 .item-wrap .bnr-box a::after {width: 20px; height: 20px;}

  .sect06 .partner-slide.slide-sect .slide-item {height: 100vh;}
  .sect06 .slide-item .item-wrap {overflow: hidden;}

  .sect06 .slide-sect .slide-item {height: 100vh;}
}
@media screen and (max-width:480px) {
  .sect06 .item-wrap .sec-desc {width: 310px;  height: calc(100vh - 188px - var(--headerH)*2 - var(--gap80));} 
  .sect06 .item-wrap .logo-slide {height: 120px;}
  .sect06 .item-wrap .logo-slide .swiper-wrapper {align-items: center;}
  .sect06 .item-wrap .logo-slide .slide-item {height: 24px;}
  .sect06 .item-wrap .logo-slide .img-box {height: 24px;}
}

/* none pc */
#main.nonepc .sect03 .slide-item.animated .tit .text-split span {transition-delay: 0.3s;}
#main.nonepc .sect03 .service-box .left .btn-box a {transition: 0.6s 0.5s;}
#main.nonepc .sect03 .slide-item.animated .info .text-split span {transition-delay: 0.6s;}

/* 1260 이상 fullpage */
@media screen and (min-width:1261px){
  .sect06.active .slide-item .item-wrap {pointer-events: none;}
  .sect06.active .slide-item.active .item-wrap {pointer-events: auto; -webkit-overflow-scrolling:auto; overscroll-behavior: none;}
}
/* 1260 이상 + none pc */
@media screen and (min-width:1261px) {
  #main.nonepc .sect02 .sect-cont {padding: 200px 0; }

  #main.nonepc .slide-container {height: unset;}
  #main.nonepc .slide-container .slide-wrapper {height: unset;}
  #main.nonepc .slide-container .slide-wrapper .slide-item {height: auto; opacity: 1; pointer-events: auto; transition: unset; position: relative;}

  #main.nonepc .sect03.slide-sect .slide-item.slide01 {min-height:800px; height: 100vh;}
  #main.nonepc .sect03.slide-sect .slide-item.slide01 .item-wrap {height: 100%;}
  #main.nonepc .sect03 .item-wrap .deco {display: none;}
  #main.nonepc .sect03 .service-box {height: auto; padding: 160px 0;}

  #main.nonepc .sect04 .sect-cont {padding: 160px 0;}
  #main.nonepc .sect05 .sect-cont {padding: 160px 0;}

  #main.nonepc .sect06.slide-sect .slide-item {height: auto;}
  #main.nonepc .sect06 .slide-item .item-wrap {pointer-events: auto !important; }
}