.mi-text-hidden {
  overflow: hidden;
  border: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

#index-wrap {
  min-width: 1200px;
  padding-top: 90px;
}
#index-wrap * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.index-visual {
  position: relative;
  overflow: hidden;
  font-weight: 300;
}
.index-visual .inner {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  background: url("/dev-img/mibank-index-new/index_travel_banner.png") no-repeat right center/auto 500px;
}
.index-visual .copy {
  display: block;
  font-family: "Spoqa Han Sans";
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
.index-visual .copy .copy_sm {
  font-size: 30px;
}
.index-visual .link-button {
  display: inline-block;
  position: relative;
  width: 195px;
  height: 60px;
  margin-top: 70px;
  padding-top: 19px;
  padding-left: 9px;
  background: #fff;
  -moz-border-radius: 30px;
       border-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #262626;
  text-align: center;
}
.index-visual .link-button:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 9px;
  width: 100%;
  height: 100%;
  border: 1px solid #77bce2;
  -moz-border-radius: 30px;
       border-radius: 30px;
}
.index-visual .slide_travel {
  background-color: #2e99d3;
}
.index-visual .slide_travel .link-button {
  margin-top: 50px;
}
.index-visual .slide_travel .inner {
  padding-top: 171px;
}
.index-visual .slide_travel .first_line {
  position: relative;
}
.index-visual .slide_travel .add_cmt {
  position: absolute;
  top: -75px;
  right: -87px;
}
.index-visual .slide_travel .top_dot {
  color: #fff;
}
.index-visual .slide_travel .top_dot::after {
  background-color: #fff;
}
.index-visual .slide_travelj {
  background-color: #3681d8;
}
.index-visual .slide_travelj .link-button {
  margin-top: 62px;
}
.index-visual .slide_travelj .inner {
  padding-top: 141px;
  background-image: url("/dev-img/mibank-index-new/index-travelj-banner.png");
}
.index-visual .slide_travelj .first_line {
  position: relative;
}
.index-visual .slide_travelj .add_cmt {
  position: absolute;
  top: -75px;
  right: -87px;
}
.index-visual .slide_travelj .top_dot {
  color: #fff;
}
.index-visual .slide_travelj .top_dot::after {
  background-color: #fff;
}
.index-visual .slide_pet {
  background-color: #5551cf;
}
.index-visual .slide_pet .inner {
  padding-top: 110px;
  background-image: url("/dev-img/mibank-index-new/index-pet-banner.gif");
  -moz-background-size: 453px auto;
       background-size: 453px auto;
}
.index-visual .slide_pet .link-button {
  margin-top: 40px;
}
.index-visual .slide_pet .link-button:before {
  border-color: #c7c5ff;
}
.index-visual .slide_airport {
  background-color: #00a8a2;
}
.index-visual .slide_airport .inner {
  padding-top: 130px;
  background-image: url("/dev-img/mibank-index-new/index_airport_banner.png");
}
.index-visual .slide_airport .link-button:before {
  border-color: #37d1cc;
}
.index-visual .slide_golf {
  background-color: #04764d;
}
.index-visual .slide_golf .inner {
  padding-top: 130px;
  background-image: url("/dev-img/mibank-index-new/index_golf_banner.png");
}
.index-visual .slide_golf .link-button:before {
  border-color: #66be9d;
}
.index-visual .slide_mountain {
  background: #034321 url("/dev-img/mibank-index-new/index_mountain_banner.png") no-repeat center/auto 500px;
}
.index-visual .slide_mountain .inner {
  background: none;
}
.index-visual .slide_mountain .copy {
  padding-top: 44px;
  color: #007637;
}
.index-visual .slide_mountain .added {
  margin-bottom: 42px;
  padding: 18px 14px 0;
  background: url("/dev-img/mibank-index-new/bg_mountain_added.png") no-repeat left top/37px auto;
  font-size: 18px;
  line-height: 27px;
  color: #007637;
}
.index-visual .slide_mountain .top_dot {
  color: #007637;
}
.index-visual .slide_mountain .top_dot::after {
  background-color: #007637;
}
.index-visual .slide_mountain .link-button:before {
  border-color: #63e552;
}
.index-visual .c__yellow {
  color: #fff017;
}
.index-visual .top_dot {
  position: relative;
  color: #fff017;
}
.index-visual .top_dot::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #fff017;
  -moz-border-radius: 50%;
       border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -moz-calc(50% - 3px);
  left: calc(50% - 3px);
}
.index-visual .swiper-button-next,
.index-visual .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: transparent;
}
.index-visual .swiper-button-next::before, .index-visual .swiper-button-next::after,
.index-visual .swiper-button-prev::before,
.index-visual .swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}
.index-visual .swiper-button-next::before,
.index-visual .swiper-button-prev::before {
  width: 100%;
  height: 2px;
}
.index-visual .swiper-button-next::after,
.index-visual .swiper-button-prev::after {
  width: 2px;
  height: 100%;
}
.index-visual .swiper-button-next {
  right: 50px;
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media (max-width: 1360px) {
  .index-visual .swiper-button-next {
    right: -30px;
  }
}
.index-visual .swiper-button-prev {
  left: 50px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 1360px) {
  .index-visual .swiper-button-prev {
    left: -30px;
  }
}

.index-contents .section .point_cmt {
  color: #3a7ad9;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #fff), color-stop(0%, transparent));
  background: -moz-linear-gradient(bottom, #fff 35%, transparent 0%);
  background: linear-gradient(to top, #fff 35%, transparent 0%);
}
.index-contents .section > .inner {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
}
.index-contents .section .go-link {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin-top: 40px;
  margin-left: 10px;
  padding-left: 20px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  background-color: #2f3650;
  color: #fff;
  font-size: 15px;
  -moz-background-size: 5px 9px;
       background-size: 5px 9px;
  background-position: center right 16px;
  background-repeat: no-repeat;
  background-image: url("/dev-img/mibank-index-new/link-white-arrow1.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/link-white-arrow1@2x.png") 2x, url("/dev-img/mibank-index-new/link-white-arrow1@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/link-white-arrow1@2x.png") 2x, url("/dev-img/mibank-index-new/link-white-arrow1@3x.png") 3x);
}
.index-contents .section .go-link b {
  font-weight: 500;
}
.index-contents .section-2 {
  position: relative;
  height: 594px;
}
.index-contents .section-2 .tab {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
}
.index-contents .section-2 .tab .swiper-pagination {
  position: relative;
  width: 1060px;
  margin: 0 auto;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.index-contents .section-2 .tab .swiper-pagination > div {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  padding: 30px 25px;
  -moz-border-radius: 0;
       border-radius: 0;
  background-color: transparent;
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.index-contents .section-2 .tab .swiper-pagination > div .bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  padding: 0 25px;
}
.index-contents .section-2 .tab .swiper-pagination > div .bar .inner {
  position: relative;
  top: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #1c1c1c;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.index-contents .section-2 .tab .swiper-pagination > div.swiper-pagination-bullet-active {
  color: #1c1c1c;
}
.index-contents .section-2 .tab .swiper-pagination > div.swiper-pagination-bullet-active .bar .inner {
  width: 100%;
}
.index-contents .section-2 .swiper-container {
  height: 100%;
}
.index-contents .section-2 .swiper-wrapper {
  width: 1060px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide.active {
  z-index: 99;
  opacity: 1;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner {
  position: relative;
  width: 1060px;
  height: 664px;
  margin: 0 auto;
  padding: 234px 70px 0;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con {
  position: absolute;
  top: 174px;
  right: 70px;
  width: 520px;
  height: 372px;
  background-repeat: no-repeat;
  background-position: center right;
  -moz-background-size: contain;
       background-size: contain;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.pet {
  background-image: url("/dev-img/mibank-index-new/insu-pet-icon1@2x.png?ver=3");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.travel {
  background-image: url("/dev-img/mibank-index-new/insu-travel-icon1@2x.png");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.domestic {
  background-image: url("/dev-img/mibank-index-new/insu-domestic-icon1@2x.png");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.travelj {
  background-image: url("/dev-img/mibank-index-new/insu-travelj-icon.png");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.group {
  background-image: url("/dev-img/mibank-index-new/insu-group-icon1@2x.png");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.golf {
  background-image: url("/dev-img/mibank-index-new/insu-golf.png");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .con.mountain {
  background-image: url("/dev-img/mibank-index-new/insu-mountain.png");
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box {
  float: left;
  padding-top: 20px;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .title {
  font-size: 22px;
  font-weight: bold;
  color: #1c1c1c;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .copy1 {
  margin-top: 20px;
  padding-left: 10px;
  line-height: 27px;
  font-size: 16px;
  font-weight: 300;
  color: #777777;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link {
  position: relative;
  width: 210px;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link.travel {
  margin-top: 77px;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link.travelj {
  margin-top: 68px;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link.ico_pet {
  margin-top: 70px;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link.ico_pet::before {
  content: "";
  position: absolute;
  top: -26px;
  left: -19px;
  width: 154px;
  height: 36px;
  background-image: url("/dev-img/mibank-index-new/ico_pet.png");
  -moz-background-size: 100%;
       background-size: 100%;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link.ico_travel {
  margin-top: 111px;
}
.index-contents .section-2 .swiper-wrapper .swiper-slide .inner .copy-box .go-link.ico_travel::before {
  content: "";
  position: absolute;
  top: -44px;
  left: -35px;
  width: 90px;
  height: 36px;
  background-image: url("/dev-img/mibank-index-new/ico_travel.png");
  -moz-background-size: 100%;
       background-size: 100%;
}
.index-contents .section-3 {
  background-color: #f7f7f7;
  overflow: hidden;
}
.index-contents .section-3 .inner {
  position: relative;
  height: 550px;
  padding: 145px 80px 0 80px;
}
.index-contents .section-3 .inner .copy-box {
  float: right;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  opacity: 0;
  margin-right: -50%;
}
.index-contents .section-3 .inner .copy-box .title {
  font-size: 22px;
  font-weight: bold;
  color: #1c1c1c;
}
.index-contents .section-3 .inner .copy-box .copy1 {
  margin-top: 20px;
  padding-left: 10px;
  line-height: 27px;
  font-size: 16px;
  font-weight: 300;
  color: #777777;
}
.index-contents .section-3 .inner .con {
  position: absolute;
  top: 109px;
  left: 53px;
  width: 447px;
  height: 295px;
  -webkit-transition-property: margin, opacity;
  -moz-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: 1.5s;
     -moz-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  opacity: 0;
  margin-left: -50%;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/dev-img/mibank-index-new/airport-icon1@2x.png");
  -moz-background-size: 447px;
       background-size: 447px;
}
.index-contents .section-3 .inner .go-link {
  margin-top: 40px;
  width: 210px;
}
.index-contents .section-3.airport .inner .con {
  top: 82px;
  left: 0;
  height: auto;
  background: none;
  width: 572px;
  height: 320px;
  background-image: url("/dev-img/mibank-index-new/bg_airport.png");
  -moz-background-size: 100%;
       background-size: 100%;
}
.index-contents .section-3.airport .inner .copy-box {
  padding-right: 24px;
}
.index-contents .section-3.deposit .con {
  width: 362px;
  height: 286px;
  left: 105px;
  top: 138px;
  background-image: url("/dev-img/mibank-index-new/bg_int.png");
  -moz-background-size: 100%;
       background-size: 100%;
}
.index-contents .section-3.deposit .copy1 {
  line-height: normal !important;
  margin-top: 18px !important;
}
.index-contents .section-3.deposit .go-link {
  margin-top: 40px;
}
.index-contents .section-3.deposit .copy-box {
  padding-right: 62px;
}
.index-contents .section-3.active .copy-box {
  margin-right: 0;
  opacity: 1;
}
.index-contents .section-3.active .con {
  margin-left: 0;
  opacity: 1;
}
.index-contents .section-3.exchg {
  background-color: #fff;
}
.index-contents .section-3.exchg .inner {
  padding-top: 154px;
}
.index-contents .section-3.exchg.active .con {
  margin-right: 0;
  opacity: 1;
}
.index-contents .section-3.exchg.active .copy-box {
  margin-left: 0;
  opacity: 1;
}
.index-contents .section-3.exchg .con {
  left: auto;
  right: 34px;
  margin-right: -50%;
  margin-left: 0;
  background-image: url("/dev-img/mibank-index-new/bg_exchg.png");
  -moz-background-size: 305px;
       background-size: 305px;
}
.index-contents .section-3.exchg .copy-box {
  float: left;
  padding-left: 60px;
  margin-left: -50%;
}
.index-contents .section-4 {
  background-color: #fff;
}
.index-contents .section-4 .inner {
  padding-top: 70px;
  height: 314px;
}
.index-contents .section-4 .inner > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index-contents .section-4 .inner > div > div {
  overflow: hidden;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 515px;
          flex: 0 0 515px;
}
.index-contents .section-4 .inner > div > div a {
  position: relative;
  display: block;
  height: 144px;
  padding: 40px 30px 0;
  border: solid 1px #d0d0d0;
  background-color: #fff;
  -moz-background-size: auto 51px;
       background-size: auto 51px;
  background-repeat: no-repeat;
  background-position: center right 30px;
}
.index-contents .section-4 .inner > div > div a .title {
  font-size: 19px;
  font-weight: bold;
  color: #1c1c1c;
}
.index-contents .section-4 .inner > div > div a.icon1 {
  background-image: url("/dev-img/mibank-index-new/compare-icon1-disabled.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/compare-icon1-disabled@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon1-disabled@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/compare-icon1-disabled@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon1-disabled@3x.png") 3x);
}
.index-contents .section-4 .inner > div > div a.icon2 {
  background-image: url("/dev-img/mibank-index-new/compare-icon2-disabled.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/compare-icon2-disabled@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon2-disabled@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/compare-icon2-disabled@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon2-disabled@3x.png") 3x);
}
.index-contents .section-4 .inner > div > div a.icon3 {
  background-image: url("/dev-img/mibank-index-new/compare-icon3-disabled.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/compare-icon3-disabled@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon3-disabled@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/compare-icon3-disabled@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon3-disabled@3x.png") 3x);
}
.index-contents .section-4 .inner > div > div a .copy1 {
  margin-top: 14px;
  text-align: left;
  line-height: 27px;
}
.index-contents .section-4 .inner > div > div a .copy1 > div {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  color: #777;
}
.index-contents .section-4 .inner > div > div a .copy1 > div::before, .index-contents .section-4 .inner > div > div a .copy1 > div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}
.index-contents .section-4 .inner > div > div a .copy1 > div::after {
  width: 0;
  background-color: #000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.index-contents .section-4 .inner > div > div a .copy1 > div span {
  font-weight: 500;
  color: #333;
}
.index-contents .section-4 .inner > div > div a .line-box {
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
}
.index-contents .section-4 .inner > div > div a .line-box::after, .index-contents .section-4 .inner > div > div a .line-box::before {
  content: "";
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.index-contents .section-4 .inner > div > div a .line-box::after {
  width: 0;
  height: 1px;
}
.index-contents .section-4 .inner > div > div a .line-box::before {
  width: 1px;
  height: 0;
}
.index-contents .section-4 .inner > div > div a .line-box.box1::after {
  top: 0;
  left: 0;
  border-top: 1px solid #000;
}
.index-contents .section-4 .inner > div > div a .line-box.box1::before {
  top: 0;
  left: 0;
  border-left: 1px solid #000;
}
.index-contents .section-4 .inner > div > div a .line-box.box2::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
}
.index-contents .section-4 .inner > div > div a .line-box.box2::before {
  bottom: 0;
  right: 0;
  border-right: 1px solid #000;
}
.index-contents .section-4 .inner > div > div a:hover.icon1, .index-contents .section-4 .inner > div > div a:focus.icon1 {
  background-image: url("/dev-img/mibank-index-new/compare-icon1.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/compare-icon1@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon1@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/compare-icon1@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon1@3x.png") 3x);
}
.index-contents .section-4 .inner > div > div a:hover.icon2, .index-contents .section-4 .inner > div > div a:focus.icon2 {
  background-image: url("/dev-img/mibank-index-new/compare-icon2.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/compare-icon2@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon2@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/compare-icon2@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon2@3x.png") 3x);
}
.index-contents .section-4 .inner > div > div a:hover.icon3, .index-contents .section-4 .inner > div > div a:focus.icon3 {
  background-image: url("/dev-img/mibank-index-new/compare-icon3.png");
  background-image: -webkit-image-set(url("/dev-img/mibank-index-new/compare-icon3@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon3@3x.png") 3x);
  background-image: image-set(url("/dev-img/mibank-index-new/compare-icon3@2x.png") 2x, url("/dev-img/mibank-index-new/compare-icon3@3x.png") 3x);
}
.index-contents .section-4 .inner > div > div a:hover .copy1 > div::after, .index-contents .section-4 .inner > div > div a:focus .copy1 > div::after {
  width: 100%;
  background-color: #777;
}
.index-contents .section-4 .inner > div > div a:hover .line-box::after, .index-contents .section-4 .inner > div > div a:focus .line-box::after {
  width: 100%;
  opacity: 1;
}
.index-contents .section-4 .inner > div > div a:hover .line-box::before, .index-contents .section-4 .inner > div > div a:focus .line-box::before {
  height: 100%;
  opacity: 1;
}