@charset "utf-8";

.wrap {width:100% }
.pc {display:none}
/* 메인 */
.main {position:relative; min-height:725px}
.mov {position:relative; width:100%; }
.mov:before {position:absolute; display:block; width:100%; height:100%; background:#222; opacity:0.4; content:''}
.mov video { width: 100%;}
.main_title {position: absolute;  top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%);  background: url(../images/main.png) no-repeat 50% 50%;  background-size: contain;
    width: 100%;  height: 100%;}
.logo1 {position:absolute; top:0; left:0; z-index:1}
.logo2 {position:absolute; top:10px; right:10px; z-index:1}
.logo2 img {height:50px}

.lang {position:absolute;top:70px; right:0px; z-index:1}
.lang li img {height:40px}


/* 패키지 */
.pack {position:absolute; bottom:0; left:0; width:100%; height:212px; z-index:1}
.pack:before {position:absolute; left:0; bottom:0; width:100%; height:150px; display:block; background:#2a4f83; content:""}
.pp {position:absolute;bottom:-8px; left:50%; width:868px; margin-left:-434px}

/* 레이아웃 */
.full { scroll-snap-type: y mandatory; min-height:1080px; background:url(../images/bg.jpg) no-repeat center top; background-size:cover; background-attachment: fixed;}        
.section {scroll-snap-align: start;}
.contents {position:relative; width:1000px; margin:0 auto 0}

/* 유튜브 */
.bg_sec1 {position:relative; width:100%; min-height:620px; padding-top:100px;}
.move_p {position:absolute; top:360px; left:30px; width:459px; height:279px; padding:3px 3px 0 3px; background:url(../images/bg_mov.png) no-repeat}
.link_slider {width:453px; height:249px}
.link_slider .bx-wrapper .bx-pager {display:none}
.link_slider .bx-wrapper {border:none; background:transparent; box-shadow: 0 0 0 transparent;}

.link_slider .slick-prev:before, .link_slider .slick-next:before {color:#222; font-size:40px}
.link_slider .slick-prev {left:-45px}
.link_slider .slick-next {right:-45px}
.link_slider .slick-prev,  .link_slider .slick-next {width:40px; height:40px}


/* 운동특징 */
.bg_sec2 {position:relative; padding:100px 0 50px; }


/* 게임모드 */
.bg_sec3_1 {width:100%; min-height:610px; padding:100px 0 30px;  background:url(../images/sec3_1.png) no-repeat center top; background-size:auto 95%}
.bg_sec3_2 {width:100%; min-height:530px; padding:30px 0 ; background:url(../images/sec3_2.png) no-repeat center top; background-size:auto 80%}
.bg_sec3_3 {width:100%; min-height:530px; padding:30px 0 100px; background:url(../images/sec3_3.png) no-repeat center top; background-size:auto 80%}
.title_1 {margin-bottom:40px;}
.title_2 {margin-bottom:40px;}
.title_3 {margin-bottom:40px;}

.align_right {width:640px; position:absolute; right:0; padding-right:100px}


.fit_slider {width:640px; height:360px; background:#fff; border:2px solid #fff}
.fit_slider .slick-prev:before, .fit_slider .slick-next:before {color:#ff3f75; font-size:50px}
.fit_slider .slick-prev {left:-60px}
.fit_slider .slick-next {right:-60px}

/* 트레이너 소개*/
.title { text-align:center; vertical-align:top; margin:100px 0 50px}

.slidert {position:relative}
.slidert:before {position:absolute; z-index:5; display:block; width:100%; height:100%; background:#fff; opacity:0.4; content:''}

.tt_block {position:relative}
.bg_sec4 {position:relative; margin-top:-50px; z-index:5; width:1000px;height:550px; padding:100px 0 0; background:url(../images/bg_sec4.png) no-repeat 50% 0 }


.voice1 {position:absolute; top:385px; left:50px; z-index:5 }
.btn_v1 {display:block; width:226px; height:37px; background:url(../images/btn_s1.png) no-repeat 0 100%; cursor:pointer}
.btn_v1:hover {background-position:0 0}

.voice2 {position:absolute; top:385px; left:300px; z-index:5 }
.btn_v2  { width:205px; height:37px; background:url(../images/btn_s2.png) no-repeat 0 100%; cursor:pointer }
.btn_v2:hover {background-position:0 0} 

.voice3 {position:absolute; top:385px; right:280px; z-index:5 }
.btn_v3  {width:205px; height:37px; background:url(../images/btn_s3.png) no-repeat 0 100%; cursor:pointer}
.btn_v3:hover {background-position:0 0} 

.voice4 {position:absolute; top:385px; right:80px; width:191px; height:31px;z-index:5 }
.btn_v4 {width:226px; height:37px; background:url(../images/btn_s4.png) no-repeat 0 100%; cursor:pointer }
.btn_v4:hover {background-position:0 0}

.t_info {position:absolute; z-index:6; left:50%; bottom:80px; transform: translate(-50%, -50%); text-align:center;}

/* 게임정보 */
.information {margin:100px auto 100px; width:980px}
.sns_list {overflow:hidden; margin:60px auto; width:235px;}
.sns_list li {float:left; width:65px; margin-left:20px}
.sns_list li:first-child {margin-left:0}

/* 푸터 */
.footer {width:100%;  padding:40px 0 ; box-sizing:border-box; background:#55b7db; text-align:center}
.footer img {vertical-align:top}
.footer img:first-child {margin-bottom:30px}

/* 샵팝업 */
.go_shop {position:fixed; bottom:30px; right:30px;  z-index:9999;/* transform: translate(-50%, -50%);*/ }
.go_shop span {display:block; width:167px; height:125px; background:url(../images/btn_shop.png) no-repeat 0 0; border:0; cursor:pointer}
.go_shop span:hover {background-position:0 100%}


.bounce { 
      position: relative;
      /* 파폭 */
      -moz-animation: bounce 0.5s infinite linear;
      /* 크롬 */
      -webkit-animation: bounce 0.5s infinite linear;
      -o-animation: bounce 0.5s infinite linear;
      animation: bounce 0.5s infinite linear;
    }

 @-webkit-keyframes bounce {
      0% {
        top: 0;
      }

      50% {
        top: -5px;
      }

      70% {
        top: -10px;
      }

      100% {
        top: 0;
      }
    }

    @-moz-keyframes bounce {
      0% {
        top: 0;
      }

      50% {
        top: -5px;
      }

      70% {
        top: -10px;
      }

      100% {
        top: 0;
      }
    }

    @-o-keyframes bounce {
      0% {
        top: 0;
      }

      50% {
        top: -5px;
      }

      70% {
        top: -10px;
      }

      100% {
        top: 0;
      }
    }

    @-ms-keyframes bounce {
      0% {
        top: 0;
      }

      50% {
        top: -5px;
      }

      70% {
        top: -10px;
      }

      100% {
        top: 0;
      }
    }

    @keyframes bounce {
      0% {
        top: 0;
      }

      50% {
        top: -5px;
      }

      70% {
        top: -10px;
      }

      100% {
        top: 0;
      }
    }

.b-modal  {z-index:9999 !important }
.popup { opacity: 0; display: none; position: relative; width: auto; background-color: #fff;}
.b-close { position: absolute; right: 5px; top: 5px;  display: inline-block; cursor: pointer; z-index:1}

.popup_block {position:relative; width:600px; height:800px; background:url(../images/bg_shop.jpg) no-repeat 0 0}
.shop_link {position:absolute; top:122px; left:55px}
.shop_link li:first-child {margin-bottom:20px}