@charset 'utf-8';

* {
  padding:0;
  margin:0;
  /* font-weight:300; */
  font-family: 'SpoqaHanSansNeo-Regular';
}
ul,li {
  list-style:none;
}
a {
  text-decoration:none;
  color:#333;
}
img {
  border:0;
  vertical-align:bottom;
  image-rendering: -webkit-optimize-contrast;

}
html {
  height:100%;
}
body {
  height:100%;
  /* background:#eeece6; */
}
.clearfix::after {
  content: '';
  display:block;
  height:0;
  clear:both;
}
.wrapper {
  width:1400px;
  margin:0 auto;
}


/* PC */

.MOBILE {
  display:none;
}
.PC {
  display: block;
  width:100%;
  height:100%;
}

.intro {
  width:98%;
  height:96%;
  position:relative;
  overflow: hidden;
  border-radius: 15px;
  margin:1%;
}
.intro > .video {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:50%;
  transform: translate(-50%,0);
  z-index: 999;
}
.intro > div:nth-child(2) {
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.4);
  position: absolute;
  top:0;
  left: 0;
  z-index: 998;
}
.navigation {
  position: relative;
  position:fixed;
  top:4%;
  left: 1%;
  z-index: 9999;
  width:98%;
  padding:10px 0;
  border-radius: 15px;
  transition: all 0.3s;
}
.navigation.fix {
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  width:1400px;
  top:2%;
  left:50%;
  transform: translate(-50%,0);
  background:#fff;
  padding:15px 0;
  transition: all 0.3s;
}
.logo {
  width:150px;
  margin-left: 30px;
}
.logo > a {
  display:block;
  width:100%;
}
.logo > a > img {
  width:100%;
}
nav {
  position: absolute;
  top:50%;
  right:30px;
  transform: translate(0, -50%);
}
nav > ul > li {
  float:left;
}
nav > ul > li:last-child {
  margin-left: 15px;
}
nav > ul > li > a {
  display: block;
  color:#fff;
  font-size: 22px;
  font-family: 'SpoqaHanSansNeo-medium';
}
nav > ul > li > a.fixed {
  color:#009aff;
}
.sub_menu {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display:none;
}
.sub_menu.block {
  display: block;
}
.sub_menu > li {
  float:left;
}
.sub_menu > li > a {
  display: block;
  padding:0 15px;
  /* color:#009aff; */
}
.bar {
  position:absolute;
  top:50%;
  right:30px;
  width:30px;
  height:25px;
  transform: translate(0,-50%);
  display: none;
  cursor: pointer;

}
.menu-button {
     position: absolute;
     top: 0px;
     left: 0px;
     cursor: pointer;
     -webkit-transition: 0.3s;
     transition: 0.3s;
   }

   .menu-button .bars:nth-of-type(1) {
     margin-top: 0px;
   }

   .menu-button .bars:nth-of-type(2) {
     width:15px;
     transform: translateX(100%);
   }

   .menu-button .bars:nth-of-type(3) {
     margin-bottom: 0px;
   }

   .bars {
     position: relative;
     display: block;

     width: 30px;
     height: 3px;
     margin-bottom: 8px;

     background-color: #000;

     border-radius: 10px;

     -webkit-transition: 0.3s;
     transition: 0.3s;
   }

   .menu-button:hover .bars:nth-of-type(1) {
     -webkit-transform: translateY(1.5px) rotate(-4.5deg);
     -ms-transform: translateY(1.5px) rotate(-4.5deg);
     transform: translateY(1.5px) rotate(-4.5deg);
   }

   .menu-button:hover .bars:nth-of-type(2) {
     opacity: 0.9;
   }

   .menu-button:hover .bars:nth-of-type(3) {
     -webkit-transform: translateY(-1.5px) rotate(4.5deg);
     -ms-transform: translateY(-1.5px) rotate(4.5deg);
     transform: translateY(-1.5px) rotate(4.5deg);
   }

   .cross .bars:nth-of-type(1) {
     -webkit-transform: translateY(11px) rotate(-45deg);
     -ms-transform: translateY(11px) rotate(-45deg);
     transform: translateY(11px) rotate(-45deg);
   }

   .cross .bars:nth-of-type(2) {
     opacity: 0;
   }

   .cross .bars:nth-of-type(3) {
     -webkit-transform: translateY(-11px) rotate(45deg);
     -ms-transform: translateY(-11px) rotate(45deg);
     transform: translateY(-11px) rotate(45deg);
   }

   .cross:hover .bars:nth-of-type(1) {
     -webkit-transform: translateY(13.5px) rotate(-40.5deg);
     -ms-transform: translateY(13.5px) rotate(-40.5deg);
     transform: translateY(13.5px) rotate(-40.5deg);
   }

   .cross:hover .bars:nth-of-type(2) {
     opacity: 0.1;
   }

   .cross:hover .bars:nth-of-type(3) {
     -webkit-transform: translateY(-13.5px) rotate(40.5deg);
     -ms-transform: translateY(-13.5px) rotate(40.5deg);
     transform: translateY(-13.5px) rotate(40.5deg);
   }
/* .bar > ul:nth-child(1) > li {
  display: block;
  width:30px;
  height:3px;
  background:#000;
  margin-bottom: 8px;
  transform: translate(0,0);
  border-radius: 5px;
}
.bar > ul:nth-child(1) > li:nth-child(2) {
  width:15px;
  transform: translate(100%,0);
}
.bar > ul:nth-child(1) > li:nth-child(3) {
  margin-bottom: 0;
}
.bar > ul:nth-child(1).x_btn {
  width:30px;
  height:25px;
  background:red;
}
.bar > ul:nth-child(1).x_btn > li {
  position: absolute;
  top:50%;
  right:0;
  transform: translate(-50%,-50%);
}
.bar > ul:nth-child(1).x_btn > li:nth-child(1) {
  transform: rotate(45deg);
}
.bar > ul:nth-child(1).x_btn > li:nth-child(2) {
  display:none;
}
.bar > ul:nth-child(1).x_btn > li:nth-child(3) {
  transform: rotate(-45deg);
} */
.bar > ul:nth-child(2) {
  position: absolute;
  bottom:-140px;
  right:-30px;
  overflow: hidden;
  cursor: auto;
}
.bar > ul:nth-child(2) > li > a {
  display: block;
  width:120px;
  height:50px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 15px;
  color:#009aff;
  transform: translate(0,-120px);
  transition: all 0.5s;
}
.bar > ul:nth-child(2) > li > a.menu_down {
  transform: translate(0,0);
  transition: all 0.5s;
}
.bar > ul:nth-child(2) > li:last-child > a {
  margin-bottom: 0;
}
.intro > span {
  position:absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
  font-size: 32px;
  text-align: center;
  z-index: 9998;
  font-family: 'SpoqaHanSansNeo-bold';
  line-height: 60px;
}
.container {
  position: absolute;
  bottom:100px;
  left:50%;
  width: 14px;
  height: 14px;
  text-align: center;
  transform: translate(-50%,0);
  z-index: 9998
}

.chevron {
  position: absolute;
  width: 14px;
  height: 4px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}


@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
.text {
  display: inline-block;
  margin-top:75px;
  margin-left: -35px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}

.about {
  padding:130px 0;
  background:#f9f9fc;
}
.PC strong {
  font-size: 43px;
  position:relative;
  font-family: 'SpoqaHanSansNeo-bold';
}
.PC strong:after {
  content:'';
  width:10px;
  height:10px;
  background:#009aff;
  position:absolute;
  top:0;
  right:-20px;
  border-radius: 100%;
}
.about > .wrapper {
  text-align: center;
}
.about > .wrapper > strong {
  font-size: 50px;
}
.about > .wrapper > strong > span:nth-child(1) {
  display: inline-block;
  transform: translate(0,100%);
  color:#009aff;
  opacity: 0;
}
.about > .wrapper > strong > span:nth-child(3) {
  display: inline-block;
  transform: translate(0,100%);
  opacity: 0;
}
.about > .wrapper > strong > span:nth-child(3) > span {
  color:#009aff;
}
.about > .wrapper > strong:after {
  display: none;
}
.about > .wrapper > p {
  display: block;
  margin-top:50px;
  font-size: 22px;
  line-height: 38px;
}
.about > .wrapper > div {
  width:150px;
  margin:70px auto 0 auto;
}
.home {
  display: block;
  position: relative;
  z-index: 8888;
  width:150px;
  height:30px;
  text-align:center;
  line-height: 30px;
}
.home > b {
  position:relative;
  z-index: 8888;
}
.home:after {
  content:'';
  position: absolute;
  top:50%;
  left: -10px;
  width:70px;
  height:70px;
  background: #009aff;
  transform: translate(0,-50%);
  z-index: 8887;
  border-radius: 100%;
  transition: all 0.5s;
}
.home:hover:after {
  left:90px;
  transition: all 0.5s;
}

/* ticket */
.ticket {
  padding:130px 0 200px;
  position:relative;
}
.ticket > .wrapper > div {
  float:left;
  width:50%;
}
.ticket > .wrapper > div:nth-child(1) > p {
  display: block;
  margin-top:50px;
  font-size: 18px;
  line-height: 34px;
}
.ticket > .wrapper > div:nth-child(2) > ul > li {
  float:left;
}
.ticket > .wrapper > div:nth-child(2) > ul >li > a {
  display: block;
  font-size: 25px;
  padding:0 10px;
  font-family: 'SpoqaHanSansNeo-bold';
  color:#aaa;
  position:relative;
}
.ticket > .wrapper > div:nth-child(2) > ul >li > a > span {
  font-size: 29px;
  font-family: 'SpoqaHanSansNeo-bold';
  color:#009aff;
}
.ticket > .wrapper > div:nth-child(2) > ul >li:first-child > a {
  margin-left: 0;
}
/* .ticket > .wrapper > div:nth-child(2) > ul >li > a.pick {
  color:#009aff;
} */
.ticket > .wrapper > div:nth-child(2) > ul >li > a:after {
  content:'';
  width:7px;
  height:7px;
  background:#009aff;
  border-radius: 100%;
  position: absolute;
  top:-10px;
  left: 50%;
  transform: translate(-50%,0);
  opacity: 0;
  transition: 0.5s;
}
.ticket > .wrapper > div:nth-child(2) > ul >li > a.pick:after {
  opacity: 1;
}
.ticket > .wrapper > div:nth-child(2) > ul >li > a:hover:after {
  opacity: 1;
  transition: 0.5s;
}
.ticket > .wrapper > div:nth-child(2) > div {
  margin:0 auto;
  text-align: center;
  margin-top:70px;
}
.ticket > .wrapper > div:nth-child(2) > div > h1 {
  color:#009aff;
  font-size: 36px;
  margin-bottom: 10px;
}
.ticket > .wrapper > div:nth-child(2) > div > h1 > span {
  font-size: 24px;
}
.ticket > .wrapper > div:nth-child(2) > div > span {
  color:#aaa;
  font-size: 18px;
  line-height: 28px;
}



/* values */
.values {
  padding:130px 0;
  background:#f9f9fc;
  overflow: hidden;
}
/* .values > .wrapper > div {
  width:50%;
  float:left;
} */
.values > .wrapper > div:nth-child(1) > p {
  display: block;
  margin-top:30px;
  font-size: 38px;
  line-height: 52px;
  font-family: 'SpoqaHanSansNeo-light';
}
.values > .wrapper > div:nth-child(2) {
  position:relative;
  margin-top: 50px;
}
/* .value-swiper {
  width:45%;
} */
.v_value {
  float:left;
  width:335px;
  height:250px;
  margin-right: 20px;
  background:#fff;
  border-radius: 15px;
  position:relative;
  display: flex;
  align-items: center;
  transform: translate(0,100%);
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.up1 {
  opacity: 1 !important;
  transform: translate(0,0) !important;
  transition: 0.7s;
}
.up2 {
  opacity: 1 !important;
  transform: translate(0,0) !important;
  transition: 0.7s;
  transition-delay: 0.3s;
}
.up3 {
  opacity: 1;
  transform: translate(0,0);
  transition: 0.7s;
  transition-delay: 0.6s;
}
.up4 {
  opacity: 1;
  transform: translate(0,0);
  transition: 0.7s;
  transition-delay: 0.9s;
}
.v_value:last-child {
  margin-right: 0;
}
.v_value > div {
  width:fit-content;
  height:fit-content;
  margin: auto;
}
.v_value > div > h2 {
  text-align: center;
  color:#009aff;
  margin-bottom: 20px;
}
.v_value > div > p {
  display: block;
  width:fit-content;
  margin: 0 auto;
  line-height: 28px;
}
.v_value > div > p > span {
  position: relative;
  padding-left: 10px;
  display: block;
}
.v_value > div > p > span:before {
  content:'';
  position:absolute;
  top:11px;
  left:0;
  width:3px;
  height:3px;
  border-radius: 100%;
  background:#333;
}


/* Business */
.business {
  padding:130px 0 90px;
  overflow: hidden;
}

.business-swiper {
  margin-top:50px;
  position:relative;
}
.b-swiper > a {
  display: block;
  width:100%;
  border-radius: 15px;
  overflow: hidden;
  position:relative;
}
.b-swiper > a > img {
  width:100%;
}
.b-swiper > a > div {
  position:absolute;
  top:50px;
  left: 60px;
  color:#fff;
}
.b-swiper > a > div > h2 {
  margin-bottom: 15px;
  font-size: 40px;
}
.b-swiper > a > div > p {
  line-height: 30px;
}
.b-swiper > a > div > span {
  display: inline-block;
  margin-top:15px;
  border-bottom: 1px solid #fff;
}
.autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: #000;
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

  /* partner */
  .partner {
    padding:70px 0;
    overflow: hidden;
    background:#f9f9fc;
  }
  .partner > .wrapper {
    overflow: hidden;
  }
  .partner > .wrapper > p {
    display: block;
    margin-top:30px;
    font-size: 38px;
    line-height: 52px;
    font-family: 'SpoqaHanSansNeo-light';
  }
  .partner-swiper {
    margin-top:50px;
  }
  .partner-swiper > .swiper-wrapper{
  	transition-timing-function: linear;
  }
  .p-swiper {
    width:auto !important;
    height:35px !important;
  }
  .p-swiper > img {
    display: block;
    height:100%;
  }

/* footer */
footer {
  background:#222;
}
footer > .wrap {
  padding:50px 0 30px;
  margin:0 70px;
}
footer > .wrap > div:nth-child(1) > a {
  display: block;
  width:150px;
}
footer > .wrap > div:nth-child(1) > a > img {
  width:100%;
}
footer > .wrap > div:nth-child(2) {
  color:#fff;
  margin-top:30px;
}
footer > .wrap > div:nth-child(2) > span {
  font-family: 'SpoqaHanSansNeo-light';
  font-size: 14px;
  margin-right: 15px;
}
footer > .wrap > div:nth-child(3) {
  color:#eee;
  margin-top:20px;
  font-family: 'SpoqaHanSansNeo-light';
  font-size: 12px;
  border-top: 0.1px solid rgba(255,255,255,0.2);
  padding-top: 20px;
}

.top {
  position:fixed;
  bottom:50px;
  right:70px;
  z-index: 9990;
}
.top > a {
  display: block;
  width:50px;
  height:50px;
  text-align: center;
  line-height: 50px;
  border-radius: 15px;
  background:#009aff;
  /* border:1px solid #009aff; */
  opacity: 0.7;
  font-size: 14px;
  font-family: 'SpoqaHanSansNeo-light';
}
.top > a > i {
  color:#fff;
}
.top > a:hover {
  opacity: 1;
}


/* MOBILE */
@media screen and (min-width:280px) and (max-width:768px) {
  * {
    font-size: 1em;
  }
  html, body {

    margin: 0;
    padding: 0;
    height:100%;
  }
  .stop-scrolling {
    height:100%;
    overflow: hidden;
  }
  .PC {
    display: none;
  }
  .MOBILE {
    display: block;
    width:100%;
    height:100%;
  }
  .MOBILE strong {
    font-size: 1.5em;
    position:relative;
    font-family: 'SpoqaHanSansNeo-bold';
  }
  .MOBILE strong:after {
    content:'';
    width:8px;
    height:8px;
    background:#009aff;
    position:absolute;
    top:0;
    right:-15px;
    border-radius: 100%;
  }
  .wrapper_m {
    margin:0 15px;
  }
  .intro_m {
    position:relative;
    overflow: hidden;
    width:100%;
    height:100%;
    background:#eee;
    box-sizing: border-box;
  }
  .intro_m > video {
    /* display:none; */
    height:100%;
    position:absolute;
    top:0;
    left: 50%;
    transform: translate(-50%,0);
    filter: brightness(0.6);
  }
  .navigation_m {
    padding:0 15px;
    box-sizing: border-box;
    width:100%;
    height:52px;
    position: fixed;
    top:0;
    left: 0;
    transition:top 0.5s;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    z-index: 9993;
  }
  .navigation_m.fix_m {
    width:100%;
    left: 50%;
    transform: translate(-50%,0);
    background:#fff;
    border-radius:0 0 15px 15px;
    height:52px;
    transition:top 0.5s;
    z-index: 9993;
    top:0;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 24px;
  }
  .navopen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /* background:#fff; */
    z-index: 9995;
    display:none;
    /* filter: brightness(0.6); */
  }
  .logo_m {
    float:left;
  }
  .logo_m > a {
    display: block;
    height:26px;
    padding:13px 0;
  }
  .logo_m > a > img {
    height:100%;
  }
  .logo_open {
    padding:13px 0 13px 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .logo_open > a {
    display: block;
    height:26px;
  }
  .logo_open > a > img {
    height:100%;
  }
  .bar_m {
    position:fixed;
    top:17px;
    right:15px;
    width:20px;
    height:18px;
    cursor: pointer;
    z-index: 9999;
  }
  .bar_m.scroll {
    top:17px;
    right:15px;
  }
  .bar_m.scroll .bars_m {
    background:#333;
  }
  .filter {
    width:40%;
    height:100%;
    float:left;
    background-color:rgba(18,18,18,0.4);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
  }
  .menu {
    /* position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    padding-right: 30px;
    padding-top:70px;
    width:60%;
    float: right;
    background:#fff;
    height:100%;
    box-sizing: border-box;
  }
  .menu > li {
    margin-bottom: 20px;
    text-align: right;
  }
  .menu > li > ul {
    margin-top:10px;
  }
  .menu > li > ul > li > a {
    display: block;
    padding:5px 0;
  }
  .navigation_m.fix_m .bar_m {
    right:10px;
  }

  .menu-button_m {
       position: absolute;
       top: 0px;
       left: 0px;
       cursor: pointer;
       -webkit-transition: 0.3s;
       transition: 0.3s;
     }

     .menu-button_m .bars_m:nth-of-type(1) {
       margin-top: 0px;
     }

     .menu-button_m .bars_m:nth-of-type(2) {
       width:10px;
       transform: translateX(100%);
     }

     .menu-button_m .bars_m:nth-of-type(3) {
       margin-bottom: 0px;
     }

     .bars_m {
       position: relative;
       display: block;
       width: 20px;
       height: 2px;
       margin-bottom: 6px;

       background-color: #fff;

       border-radius: 10px;

       -webkit-transition: 0.3s;
       transition: 0.3s;
     }

     .navigation_m.fix_m .bars_m {
       background:#000;
     }



     .cross .bars_m:nth-of-type(1) {
       -webkit-transform: translateY(8px) rotate(-45deg);
       -ms-transform: translateY(8px) rotate(-45deg);
       transform: translateY(8px) rotate(-45deg);
       background:#333;
     }

     .cross .bars_m:nth-of-type(2) {
       opacity: 0;
     }

     .cross .bars_m:nth-of-type(3) {
       -webkit-transform: translateY(-8px) rotate(45deg);
       -ms-transform: translateY(-8px) rotate(45deg);
       transform: translateY(-8px) rotate(45deg);
       background:#333;
     }
  .intro_m > span {
    width:100%;
    display: block;
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#fff;
    font-size: 1.25em;
    line-height: 1.7em;
    text-align: center;
    font-family: 'SpoqaHanSansNeo-bold';
  }

  .about_m {
    background:#f9f9fc;
    padding:70px 0;
  }
  .about_m > .wrapper_m {
    text-align: center;
  }
  .about_m > .wrapper_m > strong {
    font-size: 1.5em;
    line-height: 40px;
  }
  .about_m > .wrapper_m > strong span {
    font-family: 'SpoqaHanSansNeo-medium';
  }
  .about_m > .wrapper_m > strong:after {
    display: none;
  }
  .about_m > .wrapper_m > strong > span:nth-child(1) {
    color:#009aff;
  }
  .about_m > .wrapper_m > strong > span:nth-child(3) > span {
    color:#009aff;
  }
  .about_m > .wrapper_m > p {
    display: block;
    margin-top:20px;
    line-height: 1.7em;
  }
  .about_m > .wrapper_m > div > a {
    display: block;
    position: relative;
    width:fit-content;
    margin: 0 auto;
    margin-top: 30px;
  }
  .about_m > .wrapper_m > div > a:before {
    content: '';
    width:50px;
    height:50px;
    border-radius: 100%;
    position: absolute;
    top:50%;
    left: -25px;
    transform: translate(0,-50%);
    background:#009aff;
  }
  .about_m > .wrapper_m > div > a > b {
    position: relative;
  }

  /* ticket */
  .ticket_m {
    padding:70px 0;
    overflow: hidden;
  }
  .ticket_m > .wrapper_m > div:nth-child(1) {
    text-align:center ;
  }
  .ticket_m > .wrapper_m > div:nth-child(1) > p {
    display: block;
    margin-top:20px;
    line-height: 1.7em;
  }
  .ticket_m > .wrapper_m > div:nth-child(2) {
    margin-top:50px;
  }
  .tab {
    width:auto !important;
  }
  .tab > a {
    display: block;
    width:100%;
    text-align: center;
    font-size: 1.25em;
    font-family: 'SpoqaHanSansNeo-bold';
    position:relative;
    color:#aaa;
  }
  .tab > a:after {
    content:'';
    width:7px;
    height:7px;
    background:#009aff;
    border-radius: 100%;
    position: absolute;
    top:-10px;
    left: 50%;
    transform: translate(-50%,0);
    opacity: 0;
    transition: 0.5s;
  }
  .tab > a.pick:after {
    opacity: 1;
    transition: 0.5s;
  }
  .tab > a > span {
    font-family: 'SpoqaHanSansNeo-bold';
    color:#009aff;
  }
  .vpass_m {
    text-align: center;
    margin-top:30px;
  }
  .vpass_m > h1 {
    color:#009aff;
    margin-bottom: 15px;
    font-size: 1.5em;
    font-family: 'SpoqaHanSansNeo-bold';
  }
  .vpass_m > h1 > span {
    font-size: 0.75em;
    font-family: 'SpoqaHanSansNeo-regular';
  }
  .vpass_m > span {
    line-height: 20px;
    font-size: 1em;
  }

  /* values */
  .values_m {
    padding:70px 0;
    background:#f7f7fc;
    overflow:hidden;

  }
  .values_m > .wrapper_m > div:nth-child(1) {
    text-align: center;
  }
  .values_m > .wrapper_m > div:nth-child(1) > p {
    display: block;
    margin-top:20px;
    line-height: 1.7em;
  }
  .value-swiper {
    margin:30px 40px 0 0 !important;
    overflow: visible !important;
    padding-bottom: 30px !important;
  }
  .v_value_m {
    /* width:315px !important; */
    border-radius: 15px;
    padding:30px 0;
    background:#fff;
    /* box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; */
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 9px 0px;
  }
  .v_value_m > h2 {
    text-align: center;
    color:#009aff;
    font-size: 1.25em;
    font-family: 'SpoqaHanSansNeo-bold';
  }
  .v_value_m > p {
    width:fit-content;
    display: block;
    margin:0 auto;
    margin-top:15px;
    line-height: 24px;
  }
  .v_value_m > p > span {
    display: inline-block;
    padding-left: 10px;
    position:relative;
  }
  .v_value_m > p > span:before {
    content:'';
    position: absolute;
    top:11px;
    left:0;
    width:3px;
    height:3px;
    border-radius: 100%;
    background:#333;
  }

  /* 모바일 티켓 배경 */
  .bg_color {
    background:rgba(238,238,238,0.265) !important;
  }
  .bg_color > h2 {
    color:#aaa;
    font-family: 'SpoqaHanSansNeo-bold';
  }
  .bg_color > h2 > span:nth-child(1) {
    color:#009aff;
    font-family: 'SpoqaHanSansNeo-bold';
  }
  .bg_color > h2 > span:nth-child(2) {
    font-size: 0.75em;
    font-family: 'SpoqaHanSansNeo-light';
    color:#009aff;
  }

  /* business */
  .business_m {
    padding:70px 0;
    overflow: hidden;
  }
  .business_m > .wrapper_m {
    text-align:center;
  }
  .business-swiper_m {
    margin-top:20px;
    padding-bottom: 30px !important;
    overflow: visible !important;
  }
  .business-swiper_m > .swiper-pagination {
    margin:0;
  }
  .b-swiper_m {
    width:100%;
  }
  .b-swiper_m > a {
    display: block;
    width:100%;
    position:relative;
    border-radius: 15px;
    overflow: hidden;
  }
  .b-swiper_m > a > img {
    width:100%;
  }
  .b-swiper_m > a > div {
    position:absolute;
    top:30px;
    left: 30px;
    text-align: left;
    color:#fff;
  }
  .b-swiper_m > a > div > h2 {
    font-family: 'SpoqaHanSansNeo-bold';
    font-size: 1.25em;
    margin-bottom: 10px;
  }
  .b-swiper_m > a > div > p {
    line-height: 26px;
    font-size: 0.9em;
    font-family: 'SpoqaHanSansNeo-light';
  }
  .b-swiper_m > a > div > span {
    display: inline-block;
    margin-top:10px;
    font-size: 0.9em;
    border-bottom: 1px solid rgba(255,255,255,1);
  }



  /* partner */
  .partner_m {
    padding:70px 0;
    background:#f9f9fc;
    overflow: hidden;
  }
  .partner_m > .wrapper_m {
    text-align: center;
  }
  .partner-swiper_m {
    margin-top:20px;
  }
  .p-swiper {
    height:18px !important;
  }


  footer > .wrap {
    padding:20px 15px;
    margin:0;
  }
  footer > .wrap > div:nth-child(1) > a {
    height:26px;
    max-width: 300px;
  }
  footer > .wrap > div:nth-child(1) > a > img {
    height:100%;
    width:auto;
  }
  footer > .wrap > div:nth-child(2) {
    margin-top:15px;
  }
  footer > .wrap > div:nth-child(2) > span {
    display: block;
    margin-top: 5px;
    color:#fff !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 1);
  }


  .top {
    bottom:20px;
    right:20px;
  }
  .top > a {
    opacity: 1;
    width:40px;
    height:40px;
    line-height: 40px;
    border-radius: 10px;
  }

}























/*  */