@-webkit-keyframes float {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

@keyframes float {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .why .container {
    max-width: 765px;
  }
}

@media (min-width: 1200px) {
  .why .container.ad {
    max-width: 1054px;
  }
}

.gn-slider-zone {
  width: 100%;
  position: relative;
  background-color: #f4f4f4;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 20px;
}

.gn-slider-zone img {
  max-width: 100%;
  display: block;
  height: auto;
}

.gn-slider-zone .arrs {
  width: 28px;
  position: absolute;
  top: 85px;
  z-index: 1;
  cursor: pointer;
}

.gn-slider-zone .arr-prev {
  left: 0;
}

.gn-slider-zone .arr-next {
  right: 0;
}

@media (min-width: 992px) {
  .gn-slider-zone .arrs {
    width: auto;
    top: 79px;
  }

  .gn-slider-zone .arr-prev {
    left: calc((100% / 3) - 32px);
  }

  .gn-slider-zone .arr-next {
    right: calc((100% / 3) - 32px);
  }

  .gn-slider-zone .slide {
    padding: 0 3px;
  }
}

.why .tit {
  width: 210px;
  display: block;
  margin: 10px auto 20px auto;
}

.why .type-zone .m-tab {
  position: relative;
}

.why .type-zone .type1,
.why .type-zone .type2 {
  width: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}

.why .type-zone .type1 img,
.why .type-zone .type2 img {
  width: 100%;
  display: block;
}

.why .type-zone .type1 .another,
.why .type-zone .type2 .another {
  display: none;
}

.why .type-zone.active .default {
  display: none;
}

.why .type-zone.active .another {
  display: block;
}

.why .type-contents {
  position: relative;
  display: block;
  margin: 0 auto;
}

.why .type-contents .blocks {
  padding: 0 14px;
}

.why .type-contents .blocks .tabs {
  position: relative;
  padding: 15px 10px 10px;
}

.why .type-contents .blocks .tabs .tab {
  width: 100%;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.why .type-contents .blocks .tabs .arr-white {
  width: 17px;
  position: absolute;
  right: 25px;
  bottom: 30px;
}

.why .type-contents .blocks.active .tabs {
  background-color: #f4f4f4;
}

.why .type-contents .blocks.active .tabs .arr {
  display: block;
}

.why .type-contents .blocks.active .tabs .arr-white {
  display: none;
}

.why .type-contents .blocks .arr {
  width: 17px;
  display: block;
  margin: 10px auto 0;
  display: none;
}

.why .type-contents .block-contents {
  display: none;
}

.why .type-contents .block-contents .info {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.why .type-contents .block-contents .closebar-wrap {
  padding: 0 15px;
}

.why .type-contents .block-contents .closebar {
  width: 100%;
  padding: 12px 0;
  background-color: #27509b;
  text-align: center;
  cursor: pointer;
}

.why .type-contents .block-contents .closebar .arr-close {
  width: 15px;
}

.why .type1-content .intro {
  color: #27509b;
  text-align: center;
  font-size: 19px;
  margin-bottom: 20px;
  font-weight: 700;
}

.why .type2-content {
  display: none;
}

.why .type2-content .block-contents .txt {
  width: calc(100% - 30px);
  margin: 0 auto;
  background-color: #f4f4f4;
  font-size: 15px;
  text-align: center;
  color: #666;
}

.why .type2-content .block-contents.block-content6 .tit {
  width: calc(100% - 30px);
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .why .tit {
    width: 257px;
  }

  .why .type-zone {
    margin-bottom: 30px;
  }

  .why .type-contents .blocks {
    width: 100%;
    max-width: 100%;
  }

  .why .type-contents .blocks .arr {
    width: 25px;
    margin: 20px auto 0;
  }

  .why .type-contents .blocks .tabs {
    padding: 25px 10px 15px;
  }

  .why .type-contents .blocks .tabs .tab-wrapper {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
  }

  .why .type-contents .blocks .tabs .tab {
    max-width: 1024px;
  }

  .why .type-contents .blocks .tabs:hover .tab {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
  }

  .why .type-contents .blocks .tabs:hover .arr-white {
    -webkit-animation: float infinite .5s alternate ease-out;
    animation: float infinite .5s alternate ease-out;
  }

  .why .type-contents .block-contents .info.pc {
    width: auto;
    max-width: 1024px;
  }

  .why .type-contents .block-contents .block-inner {
    padding-bottom: 40px;
  }

  .why .type-contents .block-contents.active .block-inner {
    background-color: #f4f4f4;
  }

  .why .type-contents .block-contents .closebar-wrap {
    max-width: 1024px;
    margin: 40px auto;
  }

  .why .type-contents .block-contents .closebar .arr-close {
    width: 25px;
  }

  .why .type2-content .block-wrapper {
    max-width: 1024px;
    margin: 0 auto;
  }

  .why .type2-content .block-contents .tit {
    width: auto;
  }

  .why .type2-content .block-contents.block-content5 .pc {
    margin-top: -30px;
  }

  .why .type2-content .block-contents.block-content6 .pc {
    margin-top: -30px;
  }

  .why .type2-content .block-contents.block-content6 .tit {
    width: 400px;
  }
}

@media(min-width:1200px) {
  .why .slider-container {
    max-width: 1300px;

  }
}