.main .section .cont {position:relative;}
section {position:relative; padding:5.5rem 0}
@media screen and ( max-width:1000px ) {
section {  padding:3.85rem 0 4rem}
}


/*  bxslider */
.spotzone{ z-index:29; position:relative; width:100%;height:800px;overflow:hidden}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important; min-height:800px; position:relative; background-color:#121b39;background-repeat:no-repeat; background-size:cover; background-position:center center;  }
.spotzone li a {display:block; width:100%; height:100%;}
.spotzone li.n01 {background-image:url('/images/main/visual_01.jpg')}
.spotzone li.n02 {background-image:url('/images/main/visual_02.jpg')}
.spotzone li.n03 {background-image:url('/images/main/visual_03.jpg')}
.spotzone li .txtbox{ width:1000px; position:relative;  min-width:960px; margin:0 auto; padding-top:18rem;  position:relative; text-align:left;}
.spotzone li .txtbox .tit1 { display:block; color:#fff; font-size:1.85rem; line-height:2rem; text-transform:uppercase; font-weight:300; font-family: 'Spoca'; letter-spacing:-.08em;}
.spotzone li .txtbox .tit2 { display:block; color:#fff; font-size:5.35rem; line-height:6.0rem;margin-top:2.5rem; text-transform:uppercase; font-weight:600; font-family:'OneMobile'; letter-spacing:0;}

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .tit2{ opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.4s; text-shadow:5px 5px 12px rgba(0, 0, 0, 0.1);}

.spotzone li .txtbox .tit1{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .tit2{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}

/* active */
.spotzone li.active .txtbox .tit1{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay: .2s;}
.spotzone li.active .txtbox .tit2{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay: .4s;}


.spotzone .bx-pager {z-index:3333;position:absolute; bottom:10px; left:0; width:100%;  text-align:center; opacity:1;}
.spotzone .bx-pager div {display:inline-block;}
.spotzone .bx-pager a {opacity:1;display:inline-block; position:relative; width:15px; height:15px; margin:0 4px; border-radius:13px;  color:transparent; border:1px solid #ff9558;}
.spotzone .bx-pager a.active { background:#ff9558; border-color:#ff9558; width:50px;height:15px;border-radius:13px; }

.bx-controls-direction a {position:absolute; top:50%; margin-top:-30px; width:60px; height:60px;  line-height:60px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; z-index:50;color:transparent; background:transparent;color:#fff;text-align:center;font-size:0; transition: all 0.3s ease-in; }
.bx-controls-direction a:after {display:inline-block; font-family:'xeicon'; font-weight:bold; font-size:25px !important; }
.bx-controls-direction a:hover {background-color:#153aaf; border-color:#153aaf}
.bx-controls-direction a.bx-prev {left:50px; }
.bx-controls-direction a.bx-prev:after {content:'\e93d'; }
.bx-controls-direction a.bx-next {right:50px; }
.bx-controls-direction a.bx-next:after {content:'\e940'; }


@media screen and ( max-width:1000px ) {
	.spotzone{ height:40rem;overflow:hidden}
	.spotzone li{ min-height:40rem; }
	.spotzone li.n01 {background-position:60% center;}
    .spotzone li .txtbox{ width:100%; padding:0 1rem; padding-top:13rem;  }
	.spotzone li .txtbox .tit1 { font-size:1.185rem; line-height:1.3em; }
	.spotzone li .txtbox .tit2 { font-size:3.125rem; line-height:1.4em;margin-top:1.5rem; }


}


/* title */
@media screen and (max-width: 800px) {
	.spotzone{ height:600px;overflow:hidden}
	.spotzone li{  min-height:600px; }
	.spotzone li .txtbox{ padding-top:16rem;  }
	.spotzone li .txtbox .tit1 { font-size:1.05rem;}
	.spotzone li .txtbox .tit2 { font-size:2.85rem;  margin-top:1.0rem; }


    .main .title_wrap {text-align:left; }
}

@media screen and (max-width: 500px) {
	.spotzone li .txtbox .tit1 { font-size:1rem;}
	.spotzone li .txtbox .tit2 { font-size:2.65rem;  margin-top:0.5rem; }
}

/* swiper */
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; /*transition-timing-function: linear;*/}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform;}

.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}



.main-visual {  position: relative;  left: 0;  right: 0;  top: 0;  width:100%;height:900px;  overflow: hidden;  z-index: 10;  background-color: #111;}
.main-visual .arr-down {  position: absolute;  left: 50%;  bottom: 30px;  margin-left: -23px;  width: 46px;  height: 36px;  z-index: 10;}
.main-visual .arr-down a {  display: block;  width: 46px;  height: 36px;  background: url(../images/main/ic_scroll_down.svg) center no-repeat;  text-indent: -9999px;  text-align: left;  overflow: hidden;}
.main-visual .swiper-slide {  width: 100%;  height: 100%;  position: relative;  display: flex;  align-items: center;  background-color:#111;}
.main-visual .swiper-slide video {  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: 0;  opacity: 0.6;}

.visual-copy {  width: 100%;  max-width: 1000px;  margin: 0px auto 0 auto;  text-align: left;  padding: 0 30px;  position: relative;  z-index: 10;}
.visual-copy .main-copy {  font-size: 32px;  font-weight: 400;  line-height: 1.19em;  color: #fff;  transform: translateY(30px);  opacity: 0;  transition: all 0.8s 0.4s;}
.visual-copy .main-copy-title {  font-size: 80px;  font-weight: 800;  line-height: 1.4em;  color: #fff;  transform: translateY(30px);  opacity: 0;  transition: all 0.8s 0.6s;}
.main-visual .swiper-slide.swiper-slide-active .main-copy {  transform: translateY(0);  opacity: 1;}
.main-visual .swiper-slide.swiper-slide-active .main-copy-title {  transform: translateY(0);  opacity: 1;}

/* 2023-05-02 Ãß°¡ */

.visual-swiper-control {  position: absolute;  left: 50%;  margin-left: -480px;  bottom: 80px;  color: #fff;  display: flex;  align-items: center;  z-index: 100;}
.visual-progressbar {  width: 80px;  height: 3px;  position: relative;  background-color: rgba(255, 255, 255, 0.3);  transition: .3s opacity;  text-align: center;  position: relative;  overflow: hidden;  margin: 0 14px;}
.visual-progressbar .bar {  display: block;  content: '';  background-color: #fff;  position: absolute;  left: 0;  top: 0;  width: 0;  height: 100%;}
.visual-progressbar.play .bar {  animation: barMotion 5s forwards linear;}

@keyframes barMotion {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.visual-swiper-paging.swiper-pagination-progressbar {  width: 80px;  height: 3px;  position: relative;  background-color: rgba(255, 255, 255, 0.3);  transition: .3s opacity;  text-align: center;  position: relative;  overflow: hidden;  margin: 0 14px;}
.visual-swiper-paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background-color: #fff;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.visual-swiper-control .swiper-pagination {  display: flex;  align-items: center;  margin-right: 30px;  font-size: 18px;  color: #fff;  font-weight: 700;}

.visual-swiper-control .swiper-pagination .current-page,
.visual-swiper-control .swiper-pagination .total-page {  width: 24px;  text-align: center; color:#fff;}

.visual-swiper-control .btn-swiper-prev,
.visual-swiper-control .btn-swiper-next,
.visual-swiper-control .btn-swiper-stop {  width: 20px;  height: 20px;  text-align: left;  text-indent: -9999px;  overflow: hidden;  margin: 0 5px;}

.visual-swiper-control .btn-swiper-prev {  background: url(../images/main/i_slider_prev_next.svg) 0 0 no-repeat;}
.visual-swiper-control .btn-swiper-next {  background: url(../images/main/i_slider_prev_next.svg) -30px 0 no-repeat;}
.visual-swiper-control .btn-swiper-stop {  background: url(../images/main/i_slider_stop.svg) center 0 no-repeat;}
.visual-swiper-control .btn-swiper-stop.on {  opacity: 0.3;}
.main-visual .arr-down {  opacity: 1;  animation: arrMotion 1.5s infinite;}

@keyframes arrMotion {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(0, -10px);
    opacity: 0.5;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.main-section .main-inner {  max-width: 1000px;  margin: 0 auto;  padding: 120px 0;}
.main-title {  font-size: 48px;  line-height: 1.3em;  font-weight: 800;  letter-spacing: -0.02em;}
.main-title-sub {  font-size: 18px;  line-height: 1.44em;  margin-top: 16px;  color: var(--color-gray3);}
.main-section .go-more {  display: inline-flex;  align-items: center;  font-size: 18px;  line-height: 1.45em;  font-weight: 600;}
.main-section .go-more .i-go {  display: block;  content: '';  width: 30px;  height: 30px;  box-sizing: border-box;  border: 2px solid #212126;  position: relative;  overflow: hidden;  border-radius: 50%;  margin-left: 12px;}
.main-section .go-more .i-go:before,
.main-section .go-more .i-go:after {  display: block;  content: '';  width: 16px;  height: 16px;  position: absolute;  top: 50%;  left: 50%;  margin: -8px 0 0 -8px;}
.main-section .go-more .i-go:before {  background: url(../images/main/i_go_arr.svg) center -36px no-repeat;  transform: translateX(-30px);  transition: transform 0.2s 0.1s;}
.main-section .go-more .i-go:after {
  background: url(../images/main/i_go_arr.svg) center 0 no-repeat;
  transition: transform 0.2s;
}

.main-section .go-more:hover .i-go {  background-color: var(--color-blue1);  border: 0;}
.main-section .go-more:hover .i-go:before {  transform: translateX(0);}
.main-section .go-more:hover .i-go:after {  transform: translateX(36px);}
.fp-scroller {  transition-duration: 500ms !important;}

.sec-intro {  background-color: #fff;}
.sec-intro .main-inner {  max-width: 100%;}
.intro-title {  position: relative;  margin: 0 auto 42px auto;  max-width: 1000px;}

.intro-title .go-more {  position: absolute;  right: 0;  bottom: 0;}
.main-intro-slider {  position: relative;  overflow: hidden;  margin: 0 -80px;}
.main-intro-slider img {  border-radius: 10px;  position: absolute;  width: auto;}
.sec-service .main-inner {  position: relative;}

.service-title .go-more {  margin-top: 32px;}

@media screen and ( max-width:1000px ) {
	.main-section .main-inner,
	.intro-title,
	.visual-copy { max-width:100%; }
	.visual-swiper-control {  position: absolute;  left: 10px;  margin-left: 0; }
	.visual-copy {padding:0 20px;}
	.visual-copy .main-copy {  font-size: 21px; }
	.visual-copy .main-copy-title {  font-size: 46px; }


}

@media screen and ( max-width:500px ) {
	.main-visual {   height:650px;  }

}




/* main-content */
.mainSec1 {padding:7.5rem 0}
.mainSec1 .list {margin-top:3rem; padding:0 2rem;}
.mainSec1 .list li { position:relative; text-align:center; }
.mainSec1 .list li img  {display:inline-block;}
.mainSec1 .list li p {display:block; margin-top:1rem; font-size:1.25rem; line-height:1.3em; color:#313d4e; font-weight:500; font-family:'NotoSans'; letter-spacing:-.05em; }


.section_content  {align-items: center; display: flex;  justify-content: space-between;   margin: 0 auto;    max-width: 800px;    padding: 0;    width: 100%;}
.section_txt .title_wrap { text-align:left;}
.section_txt,
.section_img {transition: all 0.2s ease-in;  }

.mainSec3 .list {margin-top:1.8rem; padding-left:0.5rem;}
.mainSec3 .list li {position:relative; font-size:1.6rem; line-height:1.6rem; font-weight:500; font-family:'NotoSans'; margin-bottom:1.5rem; padding-left:35px; }
.mainSec3 .list li:before {content:''; position:absolute; left:0; top:50%; margin-top:-15px; width:30px; height:30px; background:url('/images/main/check_blue.png') no-repeat left ; }

.mainSec4 .title_wrap h2,
.mainSec4 .title_wrap p {color:#fff;}
.mainSec5 .title_wrap h2,
.mainSec5 .title_wrap p {color:#fff;}

.mainSec6 .list {margin-top:2.5rem;}
.mainSec6 .list li {padding:0 1rem 1.3rem;   text-align:center;  }
.mainSec6 .list li .img_box {width:100%; padding:3.5rem 0; border-radius:0.85rem; text-align:center; box-shadow:5px 5px 20px -5px rgba(0,0,0,0.15) }
.mainSec6 .list li .img_box img {display:inline-block;}
.mainSec6 .list li p {font-size:1.313rem; color:#fff; line-height:1.3em; font-weight:bold; font-family:'NotoSans'; margin-top:0.5rem; }
.mainSec6 .list li:nth-child(1) .img_box{background-color:#202a40}
.mainSec6 .list li:nth-child(2) .img_box{background-color:#9dadcf}
.mainSec6 .list li:nth-child(3) .img_box{background-color:#dfe8f7}
.mainSec6 .list li:nth-child(3) p {color:#202a40}

.mainSec2 { background-color:#dbe2f1}
.mainSec4 { background-color:#1543db}
.mainSec5 { background:url('/images/main/bg_sec5.jpg') no-repeat center ; background-size:cover; }

/* ¾Û´Ù¿î */
.app_down {background:url('/images/main/bg_appdown.jpg') no-repeat center ; background-size:cover; padding:3.5rem 0 }
.app_down .column {display:flex; margin:0 auto; justify-content: space-between; align-items: center;  }
.app_down dl dt {font-family:'NotoSans'; font-size:1.875rem; line-height:1.5em; font-weight:bold; color:#fff;}
.app_down dl dt strong {color:#00ccff; font-family:inherit; font-weight:inherit; font-size:inherit;}
.app_down dl dd {font-size:1.05rem; line-height:1.3em; color:#fff; margin-top:1rem;}
.app_down .app_btn {display:flex; gap:1rem; }
.app_down .app_btn a {border:1px solid rgba(255,255,255,0.6); border-radius:5rem; padding:0.65rem 2rem;}


@media screen and ( max-width:1000px ) {
    .mainSec1 { padding:3.85rem 0 4rem; }
	.mainSec1 .title_wrap {padding:0 1rem;}
	.mainSec1 .column {padding:0;}
	.mainSec1 .list {margin-top:2rem; padding:0 1rem;}
	.mainSec1 .list li p {font-size:1.05rem;}
}

@media screen and ( max-width:800px ) {
.mainSec1,
.mainSec2
.mainSec3,
.mainSec4,
.mainSec5 .title_wrap {padding-left:1.3rem;}
	.section_content {max-width: 100%; flex-direction: column;   }
	.section_txt {width:100%; }
	.section_img { margin:0 auto; } 
	.mainSec3 .list {margin-top:1rem;}
	.mainSec3 .list li { font-size:1.185rem; line-height:1.3em; margin-bottom:1rem; padding-left:25px; }
	.mainSec3 .list li:before { margin-top:-10px; width:20px; height:20px; background-size:auto 20px; }
	
	.mainSec6 .list {margin-top:1.85rem; margin-left: 0; margin-right: 0;padding: 0 30px;}
	.mainSec6 .list .slick-list {overflow: visible;}
	.mainSec6 .list li {margin:0 10px; padding:0}
	.mainSec6 .list li .img_box { padding:2.5rem 0; }
	.mainSec6 .list li .img_box img {height:5rem;}
	.mainSec6 .list li p {font-size:1rem; }

	.app_down .column { justify-content: flex-start; flex-direction: column; }
	.app_down dl,
	.app_down .app_btn{width:100%;}
	.app_down dl dt { font-size:1.25rem; line-height:1.4em; }
	.app_down dl dd {font-size:1rem; margin-top:0.65rem;}
    .app_down .app_btn {margin-top:1rem; gap:0.35rem;}
	.app_down .app_btn a img {height:20px;}

}

@media screen and ( max-width:677px ) {
    .mainSec1 .list li p {font-size:0.9rem;}

    .app_down .app_btn {display:block; width:100%; gap:0; font-size:0; }
	.app_down .app_btn a {margin-right:5px;}
	.app_down .app_btn a img {display:none;}
	.app_down .app_btn a {display:inline-block;  height:36px; background-repeat:no-repeat; background-position:center ; background-size:auto 20px; }
	.app_down .app_btn a.apple {width:120px; background-image:url('/images/main/store_apple_mb.png'); }
	.app_down .app_btn a.google {width:130px;background-image:url('/images/main/store_google_mb.png'); }

}