.box {
  position: relative;
  overflow: hidden;
}

.hide {
  display: none;
}

.msg_code {
  display: none;
}

.msg_code.active {
  display: block;
}

.choose {
  position: relative;
  margin-top: 30px;
  margin-left: 20px;
  font-size: 22px;
  color: #5266d4;
  text-align: center;
  z-index: 3;
}

.banner {
  position: relative;
  width: 100%;
  height: 875px;
  padding-top: 0px;
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  color: #5266d4;
  font-size: 35px;
}

.txt {
  width: 100%;
  height: 265px;
  background-image: url(../images/txt.png);
  background-repeat: no-repeat;
}

.txt02 {
  margin-top: -80px;
}

.banner span {
  color: #f06161;
}

.count {
  margin-top: 40px;
  font-size: 30px;
}

.count span {
  display: inline-block;
  width: 50px;
  height: 70px;
  margin-right: 2px;
  font-size: 58px;
  line-height: 70px;
  background-color: #5266d4;
  color: #fff;
  text-align: center;
  border-radius: 8px;
}

.box01 {
  position: relative;
  margin-top: -220px;
  z-index: 2;
  text-align: center;
}

.box01 li {
  float: left;
  margin-right: 31px;
  background-color: #fff;
  box-shadow: 0 2px 30px #dbe3fa;
  border-radius: 8px;
  font-weight: bold;
}

.box01_list {
  width: 276px;
  height: 128px;
  padding-top: 30px;
  text-align: center;
  font-size: 24px;
  color: #5266d4;
  border-radius: 8px;
  transition: color .5s ease, box-shadow .5s ease;
}

.box01 li:last-child {
  margin-right: 0;
}

.box01_list:hover {
  color: #5a73fc;
  box-shadow: 0 10px 50px #dae3fa inset;
}

.box01_list img {
  position: relative;
  background-color: transparent;
  margin: 0 auto 22px auto;
  z-index: 3;
}

.img_bg {
  position: absolute;
  top: 15px;
  right: 46.2%;
  width: 37px;
  height: 40px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 6px #dbe3fa;
}
/**/
.w1146 {
    width: 1146px;
    margin: auto;
}
.indexMinker {padding: 88px 0;overflow: hidden;}
.indexMinker .open a{ margin-right: 0; margin-top: 8px; height: auto;}
.indexMinker .open a {
    float: left;
    width: 166px;
    height: 56px;
    margin-right: 30px;
    margin-top: 30px;
    transition: all 0.5s;
}
.indexMinker .open{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.indexMinker .open a:nth-child(6n){ margin-right: 0;}
.indexMinker .open a img{ width: 100%;}
.indexMinker .open a:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.indexMinker .open::after{ content: ''; width: 106px;}
.indexMinker .open {padding: 26px 0 0 0;}
.index-news{
  display: inline-block;
  margin-top: 56px;
  width: 100%;
  text-align: center;
}
.index-news .fl{
  float: left;
  width: calc((100% - 30px) / 2);
  display: inline-block;
}
.index-news .swiper-img .swiper-slide{
  width: 100%;
  height: 296px;
  position: relative;
}
.index-news .swiper-img .swiper-slide img{    
  object-fit: cover;
    width: 100%;
    height: 296px;
    display: block;
}
.index-news .swiper-img .swiper-slide p{
  height: 64px;
  line-height: 64px;
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 15px;
  box-sizing: border-box;
}
.index-news .fr{
  float: right;
  width: calc((100% - 30px) / 2);
  display: inline-block;
  background: #ffffff;
  padding: 24px;
  box-sizing: border-box;
  min-height: 296px;
}
.index-news-list .name{
  padding: 0px 20px 0 32px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  position: relative;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  background: url(../images/icon_02@2x.png) no-repeat left center / 24px;
}
.index-news-list .name a{
  position: absolute;
  right: 0px;
  height: 24px;
  width: 24px;
  right: 0;
  top: 0;
  background: url(../images/icon_01@2x.png) no-repeat left center /  20px 20px;
}

.index-news .fr .scroll {
  height:200px;
  overflow:hidden;
  margin-top: 23px;
}
.index-news-list ul{
  display: block;
}
.index-news-list ul li {
  height: 40px;
  line-height: 45px;
  box-sizing: border-box;
}
.index-news-list ul li a{
  width: 100%;
  font-size: 18px;
  color: #666666;
  letter-spacing: 0;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-news-list ul li a:hover{
  color: #4C7EE9;
}
.index-news-more{
  display: none;
}


.box02 {
  margin-top: 220px;
}

.border {
  display: block;
  /*width: 547px;*/
  width: 600px;
  height: 63px;
  border: 1px dashed #9e9ea0;
  margin: 0 auto 78px auto;
  line-height: 65px;
  color: #f35454;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px #dbe3fa;
  text-align: center;
}

.title {
  font-size: 44px;
  color: #5266d4;
  text-align: center;
  font-weight: bold;
}

.box02 .por {
  width: 958px;
  height: 390px;
  margin: 126px auto 100px auto;
}

.box02_content {
  position: relative;
  width: 958px;
  height: 345px;
  padding-top: 45px;
  border-radius: 0 180px 0 180px;
  box-shadow: 0 2px 20px #dbe3fa;
  background-color: #fff;
  z-index: 2;
}

.box02_content p {
      margin-left: 100px;
    margin-bottom: 12px;
    font-size: 21px;
    width: 400px;
    display: inline-block;
    line-height: 55px;
}
.box02_content img {
  width: 333px;
  display: inline-block;
}

.box02_content span {
  color: red;
}

.box02_content a {
  color: red;
}

.person {
  position: absolute;
  top: -161px;
  right: -105px;
  width: 602px;
  height: 272px;
  background-image: url(../images/person.png);
  background-repeat: no-repeat;
  z-index: 1;
}

.person02 {
  position: absolute;
  top: 0;
  left: -155px;
  width: 229px;
  height: 405px;
  background-image: url(../images/person02.png);
  background-repeat: no-repeat;
  z-index: 3;
}

.line {
  position: absolute;
  bottom: -235px;
  left: 150px;
  width: 384px;
  height: 234px;
  background-image: url(../images/line.png);
  background-repeat: no-repeat;
}

.box02_list {
  position: relative;
  width: 1107px;
  margin: 0 auto;
  z-index: 2;
}

.box02_list li {
  float: left;
  width: 349px;
  height: 190px;
  margin-right: 30px;
  background-color: #5266d4;
  font-size: 30px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 20px #dbe3fa;
  transition: transform .5s ease;
  transform: translateZ(0);
  color: #fff;
}

.box02_list li:hover {
  transform: scale(1.05, 1.05);
}

.box02_list p {
  margin-top: 28px;
  color: #fff;
}

.box02_list02_l p {
  margin-top: 28px;
}

.box02_list02_l p+div {
  margin-top: 20px;
  font-size: 22px;
}

.box02_list02 p {
  font-size: 24px;
}

.box02_list .price {
  margin-top: 20px;
  color: #f06161;
}

.box02_list02_l .price {
  margin-top: 13px;
}

.box02_list03 b {
  display: inline-block;
  margin-bottom: 20px;
}

.box02_list .box02_list03 {
  margin-right: 0;
}

.box02_list03 p {
  margin-top: 30px;
  font-size: 22px;
}

.box02_list03 p b {
  font-size: 24px;
}

.box02_list03 .price {
  margin-top: 15px;
}

.box02_list li span {
  display: block;
  font-size: 16px;
}

.box02_list img {
  margin: 40px auto 10px auto;
}

.box02_list02_txt {
  font-size: 14px;
}

.box03 {
  position: relative;
  margin-top: 106px;
}

.box03 .wrap {
  position: relative;
  z-index: 2;
}

.tips {
  margin-top: 34px;
  margin-bottom: 80px;
  text-align: center;
  line-height: 32px;
}

.step_title {
  margin-bottom: 22px;
  font-size: 34px;
  color: #5266d4;
  font-weight: bold;
}

.step_title b {
  display: none;
}

.step_title.active {
  text-align: center;
}

.step_title span {
  font-size: 22px;
  color: #f06161;
}

.step01_l {
  float: left;
  margin-top: 62px;
  margin-left: 25px;
}

.step01 img {
  float: left;
  margin-left: 70px;
}

.class_name {
  margin: 40px 0 30px 0;
  font-size: 28px;
}

.btn {
     position: relative;
     display: block;
     width: 200px;
     /* height: 105px; */
     margin-top: 48px;
     line-height: 50px;
     color: white;
     border-radius: 20px;
     font-size: 18px;
     background-color: #5266d4;
     text-align: center;
     box-shadow: 0 6px 10px rgba(82, 102, 212, .4);
     z-index: 0;
}

.border_step .btn {
  margin: 34px auto 0 auto;
}

.border_step p {
  margin: 0 20px;
}

.btn.active {
  background-color: #e56571;
}

.btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  background: linear-gradient(45deg, #5266d4, #6275dd, #7c8dec);
  opacity: 0;
  transition: opacity .5s;
  z-index: -1;
}

.btn.active::before {
  background: linear-gradient(45deg, #e56571, #e56571, #e56571);
}

.btn:hover::before {
  opacity: 1;
}

.step02 {
  margin-top: 50px;
}

.step02_l {
  float: left;
  margin-top: 110px;
}

.step02 img {
  float: left;
  margin-right: 52px;
}

.bg01 {
  /* position: absolute;
  bottom: -650px;
  left: 0;
  width: 100%;
  height: 882px; */
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  background-position: center;
}

.box04 {
  margin-top: 100px;
}

.box05 .step_title {
  margin-bottom: 0;
}

.border_step {
  position: relative;
  float: left;
  width: 378px;
  height: 385px;
  background-color: #fff;
  box-shadow: 0 2px 20px #dbe3fa;
  border-radius: 8px;
  text-align: center;
  line-height: 32px;
  transition: transform .5s ease;
}

.border_step:hover {
  transform: translateY(-5px);
}

.border_step01 {
  height: 275px;
  padding-top: 100px;
  margin: 150px 194px 0 110px;
}

.border_step img {
  position: absolute;
}

.border_step01 img {
  top: -89px;
  left: 105px;
}

.border_step02 {
  margin-top: 245px;
}

.border_step02 img {
  top: -118px;
  left: 76px;
}

.border_step02 .class_name {
  margin-top: 100px;
}

.box05 {
  position: relative;
  margin-top: 80px;
}

.box05 .wrap {
  position: relative;
  z-index: 2;
}

.bg02 {
  position: absolute;
  bottom: 660px;
  left: 0;
  width: 100%;
  height: 745px;
  background-image: url(../images/bg02.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.border_step01 .icon07 {
  top: -61px;
  left: 40px;
}

.mt20 {
  margin-top: -20px;
}

.border_step03 {
  height: 270px;
  margin-top: 130px;
}

.border_step03 .class_name {
  margin-top: 60px;
  margin-bottom: 18px;
}

.border_step04 {
  height: 385px;
}

.border_step04 img {
  top: -200px;
  left: 22px;
}

.por_img {
  position: relative;
  margin-top: 20px;
}

.por_img.active {
  margin-top: 100px;
}

.por_img img {
  position: absolute;
  top: 0;
  left: 110px;
}

.por_img.active img {
  top: 0;
  left: 480px;
}

.por_step {
  float: left;
  margin-top: 90px;
  margin-left: 700px;
}

.por_img.active {
  margin-top: 210px;
}

.por_img.active .por_step {
  margin-top: 52px;
  margin-left: 110px;
}

.step07 {
  margin-top: 200px;
}

.step07 .border_step01 {
  height: 305px;
  padding-top: 90px;
  margin-top: 100px;
}

.step07 .border_step01 .icon07 {
  top: -100px;
}

.border_step04 .icon12 {
  top: -86px;
  left: 50px;
  z-index: 1;
}

.z3 {
  position: relative;
  z-index: 3;
}

.step07 .border_step02 {
  margin-top: 184px;
  height: 395px;
}

.z3 .class_name {
  margin-top: 130px;
}

.step08 {
  margin-top: 62px;
}

.step08 img {
  left: 0;
}

.step08 .por_step {
  margin-top: 156px;
  margin-left: 720px;
}

.box06 {
  position: relative;
  margin-top: 240px;
  text-align: center;
}

.box06 .wrap {
  position: relative;
  z-index: 2;
}

.bg03 {
  position: absolute;
  top: -120px;
  left: 0;
  width: 100%;
  height: 634px;
  background-image: url(../images/bg03.png);
  background-repeat: no-repeat;
  background-position: center;
}

.box06_title {
  margin-bottom: 15px;
  font-size: 28px;
  color: #5266d4;
  font-weight: bold;
}

.box06_tips {
  margin-bottom: 30px;
  font-size: 44px;
  color: #5266d4;
}

.box06_txt {
  line-height: 34px;
}

.box06_list {
  margin-top: 5px;
}

.box06_list li {
  display: table;
  position: relative;
  margin: 0 auto 5px auto;
  text-align: center;
}

.box06_list li.active {
  text-indent: 0.7em;
}

.box06_list li.active:before {
  left: -26px;
}

.box06_list li:before {
  content: " ";
  position: absolute;
  top: 1px;
  left: -38px;
  display: block;
  width: 28px;
  height: 24px;
  background-image: url(../images/true.png);
  background-repeat: no-repeat;
  box-shadow: 0 4px 30px #f0f4fd;
  border-radius: 6px;
  background-color: #fff;
}

.join {
  margin-top: 25px;
}

.join span {
  color: #5266d4;
}
/*  */
.minkNaver{ width: 100px; background: #fff; box-shadow: 0px 10px 20px 0px rgba(19, 76, 213, 0.3); border-radius: 8px; position: fixed; top: 350px!important; right: 20px; z-index: 20;}
.minkNaver .li{ position: relative;padding: 4px 0;}
.minkNaver .li a{display: block; padding: 13px 0;}
.minkNaver .li:first-child a{ border-radius: 8px 8px 0 0;}
.minkNaver .li:last-child a{ border-radius: 0 0 8px 8px;}
.minkNaver .li:hover a{ background:#4c7ce9;}
.minkNaver .li .img{ width: 20px; height: 20px; margin: auto;}
.minkNaver .li .img.info{ background: url(../images/ce_icon_01.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.tel{ background: url(../images/ce_icon_02.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.weah{ background: url(../images/ce_icon_hd@2x.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.free{ background: url(../images/ce_icon_04.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.top{ background: url(../images/ce_icon_05.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.info{ background: url(../images/ce_icon_01_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.tel{ background: url(../images/ce_icon_02_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.weah, .minkNaver .li.on .img.weah{ background: url(../images/ce_icon_hd_act@2x.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.free{ background: url(../images/ce_icon_04_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.top{ background: url(../images/ce_icon_05_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li a .p{ color: #666; text-align: center; margin-top: 4px; line-height: 14px;}
.minkNaver .li:hover a .p{ color: #fff;}
.minkNaver .li .mik{ display: none; position: absolute; right: 108px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(76, 126, 233, 0.2); padding: 16px;}
.minkNaver .li:hover .mik{ display: block;}
.minkNaver .li .mik .Qr{ width: 96px; margin: 8px auto 0;}
.minkNaver .li .mik .h2{ font-size: 12px; text-align: center; line-height: 12px; white-space: nowrap;}
.minkNaver .li .mik .h1{ font-size: 15px; line-height: 12px;}
.minkNaver .li .mik .p{ font-size: 20px; font-weight: bold; line-height: 20px; margin-top: 4px; font-family: 'DIN'; white-space: nowrap;}
.minkNaver .li .img.wx-contact{background: url(../images/wx-icon.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.wx-contact, .minkNaver .li.on .img.wx-contact{ background: url(../images/wx-icon-2.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .vert{ position: absolute; top: -70px;right: 108px; width: 138px; background: #fff; border-radius: 8px; box-shadow: 0 0 10px 0 rgb(233 112 76 / 20%);}
.minkNaver .li .vert .hr{ padding: 8px 8px 10px 8px;}
.minkNaver .li .vert .hr img{ width: 100%;}
.minkNaver .li .vert .hr p{ font-size: 12px; line-height: 18px; color: #151515; text-align: center;}
.minkNaver .li .vert .hr p.d{ margin-top: 10px; color: #4C7EE9;}
.minkNaver .li .vert .sle{ width: 16px; height: 16px; background: url(../images/ce_icon_hd_close@2x.png) no-repeat center; background-size: 100% auto; position: absolute; top: -6px; right: -6px; transition: all 0.5s;}
.minkNaver .li .vert .sle:hover{ transform: rotate(360deg);}
.fixed {
  display: none;
  position: fixed;
  top: 200px;
  right: 0;
  width: 175px;
  height: 171px;
  background-image: url(../images/fixed.png);
  background-repeat: no-repeat;
  z-index: 3;
}

.books_coupon {
  cursor: pointer;
}

.coupon {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  padding-top: 40px;
  padding-bottom: 15px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 30px #dbe3fa;
  z-index: 4;
  text-align: center;
  /* opacity: 1 !important; */
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.coupon .close {
  top: 10px;
  right: 10px;
}

.coupon li {
  width: 375px;
  height: 115px;
  margin: 0 auto 24px auto;
  background-repeat: no-repeat;
  transition: transform .5s ease;
}

.coupon li:hover {
  transform: translateY(-5px);
}

.coupon li a {
  display: block;
  color: #fff;
}

.coupon01 {
  background-image: url(../images/coupon01.png);
}

.coupon02 {
  background-image: url(../images/coupon02.png);
}

.coupon03 {
  background-image: url(../images/coupon03.png);
}

.symbol {
  float: left;
  margin-top: 16px;
  margin-left: 6px;
  font-size: 54px;
}

.symbol.active {
  margin-left: 18px;
}

.coupon_price {
  float: left;
  margin-top: 9px;
  font-weight: bold;
  font-size: 74px;
}

.coupon_price.active {
  margin-left: -20px;
  margin-right: 10px;
  letter-spacing: -10px;
}

.coupon_msg {
  float: left;
  margin-top: 23px;
  margin-left: 4px;
}

.coupon_msg p {
  letter-spacing: 10px;
  font-size: 30px;
}


@media only all and (min-width:2000px) {
  .banner {
    background-size: 100%;
  }

  .bg01, .bg02, .bg03 {
    display: none;
  }
}

@media only all and (max-width:1080px) {
  .wrap {
    width: 96%;
  }

  .fixed {
    top: 8rem;
    width: 3.375rem;
    height: 3.25rem;
    background-size: 100%;
  }

  .banner {
    position: relative;
    height: 23.5rem;
    padding-top: 2rem;
    background-image: url(../images/m_banner.png);
    background-size: 100%;
    color: #333;
    font-size: .7rem;
  }

  .count {
    position: absolute;
    top: 1rem;
    right: .5rem;
    margin-top: 0;
    font-size: .7rem;
  }

  .count span {
    width: 1.25rem;
    height: 1.75rem;
    margin-right: .1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
    border-radius: .2rem;
  }

  .txt, .txt02 {
    display: none;
  }
  .w1146 {width: auto;}
  .indexMinker .open{ display: flex; justify-content: space-between; flex-wrap: wrap;}
  .indexMinker .open a{ width: 106px; margin-right: 0; margin-top: 8px; height: auto;}
  .indexMinker .open::after{ content: ''; width: 106px;}
  .indexMinker .open{ padding: 24px 0 0 0;}
  .index-news .fl {display: none;}
.index-news .fr {width: 100%;padding: 24px 16px;}
.index-news .fr.index-news-list {background: #FFFFFF;box-shadow: 0 0 30px 0 rgba(76,126,233,0.10);border-radius: 8px;
border-radius: 8px;}
  .index-news-list ul li{
    border-bottom: 1px solid #EBEEF5;
    height: 54px;
    line-height: 54px;
  }
  .index-news-list ul li a{
    height: 54px;
    line-height: 54px;
    font-size:16px;
  }
  .box01 {
    margin-top: -3.8rem;
  }

  .box01 li {
    width: 23.5%;
    margin-right: 2%;
    box-shadow: 0 0.05rem .75rem #dbe3fa;
    border-radius: .2rem;
  }

  .box01_list {
    width: 100%;
    height: 3.2rem;
    padding-top: .75rem;
    font-size: .75rem;
    border-radius: .2rem;
  }

  .box01_list img {
    width: 1rem;
    margin: 0 auto .55rem auto;
  }

  .img_bg {
    top: .3rem;
    right: 41%;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: .1rem;
    box-shadow: 0 0 .15rem #dbe3fa;
  }

  .box02 {
    margin-top: 2rem;
  }

  .border {
    display: table;
    width: auto;
    height: 2rem;
    border: 0.025rem dashed #9e9ea0;
    padding: 0 1rem;
    margin: 0 auto 1.5rem auto;
    line-height: 2rem;
    border-radius: .2rem;
    box-shadow: 0 0 .25rem #dbe3fa;
    font-size: .75rem;
  }

  .title {
    font-size: 1.1rem;
    font-weight: bold;
  }

  .box02 .por {
    width: 100%;
    height: auto;
    margin: 2.5rem auto 3rem auto;
  }

  .person {
    top: auto;
    bottom: -.15rem;
    left: 7.2rem;
    width: 10.475rem;
    height: 3.175rem;
    background-image: url(../images/m_person.png);
    background-size: 100%;
    z-index: 3;
  }

  .person02 {
    top: -1.8rem;
    left: auto;
    right: 0;
    width: 8.65rem;
    height: 6.675rem;
    background-image: url(../images/m_line.png);
    background-size: 100%;
    z-index: 1;
  }

  .box02_content {
    position: relative;
    width: 13.75rem;
    height: auto;
    padding: 1.5rem 1rem 3rem 1rem;
    margin: 0 auto;
    border-radius: 0 4.5rem 0 4.5rem;
    box-shadow: 0 0.05rem .5rem #dbe3fa;
    z-index: 2;
  }
  .zone.introduction .box{width: 100%;height: 854px;}
.zone.introduction .box .tabs .tab{width: 33%;}
.zone.introduction .box .contents{height: 700px;}
  .box02_content p {
    margin-left: 0;
    margin-bottom: .2rem;
    font-size: .75rem;
    width: auto;
  }
  .box02_content img {
    width: 100%;
    display:block;
}
/* .zone.introduction .box .contents .content p{    padding: 0 10px;} */
.zone.introduction .box .contents .content p.content_title {margin-top: 30px;text-align: center;}

  .line {
    bottom: -5.875rem;
    left: 5.275rem;
    width: 9.6rem;
    height: 5.85rem;
    background-size: 100%;
  }
  .zone.introduction .box .tabs{width: 100%;}
  .zone.introduction .box .tabs .tab .name{text-align: center;}
  .zone.introduction .box .contents .content .right .keyframe{display: none;}
  .zone.introduction .box .tabs .tab .name .logo{display: none;}
  .zone.introduction .box .contents .content .left{width: 100%;}
  .zone.introduction .box .contents .content .right{position: initial;height: 200px;width: 100%;}
  .zone.introduction .box .contents .content .right .img{display: block;width: 90%;margin: 0 auto;}
  .box02_list {
    width: 100%;
  }

  .box02_list li {
    width: calc(32% - .5rem);
    height: 7.8rem;
    padding: .5rem .25rem;
    margin-right: 2%;
    font-size: .85rem;
    border-radius: .25rem;
    box-shadow: 0 .1rem .5rem #dbe3fa;
    text-align: center;
  }

  .box02_list p {
    margin-top: 0;
    font-size: .75rem;
  }

  .box02_list .price {
    margin-top: .5rem;
    font-size: 1.1rem;
    font-weight: bold;
  }

  .box02_list03 p {
    font-size: .75rem;
  }

  .box02_list img {
    width: 2.25rem;
    height: 2.25rem;
    margin: .5rem auto;
  }

  .box02_list li span {
    font-size: .7rem;
  }

  .box02_list02 .fl {
    float: none;
  }

  .box02_list01 p {
    margin-top: 2rem;
    font-size: 1rem;
  }

  .box03 {
    margin-top: 2.5rem;
  }

  .tips {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.1rem;
  }
  .step01{margin-top: 1.2rem!important;}
  .step02{margin-top: 1.2rem!important;}
  .step01_l {
    position: relative;
    width: calc(100% - 9rem);
    margin-top: 2rem;
    margin-left: 1rem;
    z-index: 2;
  }

  .step01 img {
    position: absolute;
    top: -1rem;
    right: -0.8rem;
    margin-top: 2rem;
    margin-left: 0;
    width: 13.225rem;
  }

  .step_title {
    margin-bottom: .5rem;
    font-size: 1rem!important;
    font-weight: bold;
    line-height: .65rem;
  }

  .class_name {
    margin: .5rem 0;
    font-size: .85rem;
  }
.minkNaver{display: none;}
  .btn {
    width: 5.9rem;
    height: 2rem;
    margin-top: .75rem;
    line-height: 2rem;
    border-radius: 1rem;
    font-size: .75rem;
    box-shadow: 0 .15rem .25rem rgba(82, 102, 212, .4);
  }

  .border_step .btn {
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .box04  .class_name{
    margin-top: -1rem;
  }
  .border_step01 .btn {
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .step02 {
    position: relative;
    margin-top: 2.4rem;
  }

  .step02 .step02_l {
    float: right;
  }
  .step01_l p{font-size: 0.7rem;}
.step02 .step02_l p{font-size: 0.7rem;}
.indexMinker{padding: 2rem 0;}
.index-news{    margin-top: 1rem;}
  .step02 img {
    position: absolute;
    top: 0;
    left: -0.8rem;
    width: 11.5rem;
    margin-right: 0;
  }

  .step02_l {
    /* width: calc(100% - 8.5rem); */
    margin-top: 0;
  }

  .step_title span {
    font-size: .65rem;
  }

  .border_step03 p, .border_step04 p {
    margin: 0 .5rem;
  }

  .box04 {
    margin-top: 2.5rem;
  }

  .z3 {
    position: static;
  }

  .border_step {
    position: relative;
    width: 49%;
    height: 8rem;
    box-shadow: 0 2px .5rem #dbe3fa;
    border-radius: .2rem;
    line-height: 1rem;
  }

  .border_step:nth-child(odd) {
    margin-right: 2%;
  }

  .border_step01 {
    float: left;
    height: 7rem;
    padding-top: 4rem;
    margin-top: 3.5rem;
    margin: 3rem 0 0 0;
  }
  .box04 .border_step01 img{
    top: -2.5rem;
  }
  .border_step01 img {
    width: 5.875rem;
    top: -2.2rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .border_step02 {
    float: left;
    height: 11rem;
    margin-top: 3rem;
  }

  .border_step02 img {
    width: 5.9rem;
    top: -3.3rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .border_step02 .class_name {
    margin-top: 1.7rem;
  }

  .box05 {
    margin-top: 2rem;
  }

  .mt20 {
    margin-top: 2rem;
  }

  .border_step04 img {
    width: 7.5rem;
    top: -4rem;
  }

  .border_step01 .icon07 {
    width: 6.5rem;
    top: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .border_step03 .class_name {
    margin-top: .8rem;
    margin-bottom: 1rem;
  }

  .border_step03 .btn {
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .border_step03 {
    height: 10rem;
    padding-top: 3rem;
  }

  .border_step04 {
    height: 13rem;
  }

  .border_step04 .class_name {
    margin: 2rem 0 .5rem 0;
  }

  .por_img {
    margin-top: 2rem;
  }

  .por_img img {
    left: 0;
    width: 17.2rem;
  }

  .por_step {
    float: right;
    width: 9.5rem;
    margin-top: .5rem;
    margin-left: 0;
    margin-right: .2rem;
  }

  .por_img.active {
    margin-top: 1.5rem;
  }

  .por_img.active .por_step {
    float: left;
    width: 9rem;
    margin-top: 3rem;
    margin-left: .5rem;
  }

  .border_step01 p {
    margin: 0 .5rem;
  }

  .por_img.active img {
    top: 2.2rem;
    left: auto;
    right: -2.4rem;
    width: 15rem;
  }

  .step07 {
    margin-top: 3.5rem;
  }

  .step07 .border_step01 .icon07 {
    top: -3rem;
    left: 50%;
    width: 7.3rem;
    transform: translateX(-50%);
  }

  .step07 .border_step01 {
    height: 10rem;
    padding-top: 2.5rem;
    margin-top: 5rem;
  }

  .border_step04 .icon12 {
    top: -2.7rem;
    left: 50%;
    width: 6.625rem;
    transform: translateX(-50%);
  }

  .step07 .border_step02 {
    margin-top: 5rem;
    height: 10rem;
    padding-top: 2.5rem;
  }

  .z3 .class_name {
    margin: .7rem 0 .5rem 0;
  }

  .choose {
    position: absolute;
    bottom: -2rem;
    width: 100%;
    font-size: .75rem;
    margin-top: 0;
    margin-left: 0;
  }

  .step08 img {
    top: -1rem;
    left: -5rem;
  }

  .step08 .por_step {
    margin-top: 1.2rem;
    margin-left: 0;
    margin-right: -.2rem;
  }

  .box06 {
    margin-top: 4.5rem;
  }

  .box06_title {
    margin-bottom: .25rem;
    font-size: .8rem;
  }

  .box06_txt {
    line-height: 1.1rem;
  }

  .box06_tips {
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: bold;
  }

  .box06_list {
    margin-bottom: .5rem;
  }

  .join {
    margin: .5rem .5rem 0 .5rem;
  }

  .box06_list li {
    margin: 0 auto .25rem auto;
  }

  .box06_list li:before {
    top: 0.2rem;
    left: -1rem;
    width: .7rem;
    height: .6rem;
    background-size: 100%;
    box-shadow: 0 .1rem .75rem #f0f4fd;
    border-radius: .15rem;
  }

  .box06_list li.active:before {
    left: -0.8rem;
  }

  .box06_list li.active {
    text-indent: 0;
  }

  .bg03 {
    top: -3rem;
  }

  .region_list {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .region_list li {
    width: 23.5%;
    height: 2.25rem;
    padding-top: .25rem;
    margin-right: 2%;
    margin-bottom: .4rem;
    border-radius: .25rem;
  }

  .region_list li:nth-child(6n) {
    margin-right: 2%;
  }

  .region_list li:nth-child(4n) {
    margin-right: 0;
  }

  .region_list li p {
    margin-bottom: 0;
    font-size: .7rem;
  }

  .region_list li span {
    font-size: .6rem;
  }

  .step_title b {
    display: block;

  }

  .login {
    width: 96%;
    height: auto;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    border-radius: .2rem;
    box-shadow: 0 0.05rem .75rem #dbe3fa;
  }

  .close {
    top: .5rem;
    right: .5rem;
    width: .8rem;
    height: .8rem;
    background-size: 100%;
  }

  .login p {
    margin-bottom: .rem;
    font-size: 1rem;
  }

  .login_wrap {
    margin-bottom: .5rem;
    line-height: 1.2rem;
  }

  .login_wrap label {
    width: 3rem;
  }

  .login_wrap input[type=tel], .login_wrap input[type=text], .login_wrap select {
    width: 11.625rem;
    height: 1.5rem;
    padding-left: 0.375rem;
    border: 0.025rem solid #ccc;
    font-size: .7rem;
  }

  .login_wrap select {
    width: 12rem;
  }

  .login img {
    width: 5rem;
    margin: .5rem auto 0 auto;
  }

  .login_wrap img, .send {
    position: absolute;
    right: 1.4rem;
    width: 4rem;
    height: 1.5rem;
    margin: 0;
  }

  .send {
    width: 5rem;
    line-height: 1.5rem;
    font-size: .65rem;
  }

  .login_btn {
    width: 5rem;
    height: 1.5rem;
    margin: .5rem auto 0 auto;
    line-height: 1.5rem;
    font-size: .8rem;
    border-radius: 1rem;
  }

  .login01 {
    width: 6.675rem;
    height: 2.275rem;
    background-size: 100%;
  }

  .login02 {
    right: 0;
    width: 9.9rem;
    height: 3.6rem;
    background-size: 100%;
    border-radius: 0;
    border: none;
  }

  .box02_list03 p {
    margin-top: .5rem;
  }

  .box02_list p {
    margin-top: .5rem;
    font-size: .8rem;
  }

  .box02_list01 p {
    margin-top: 2.5rem;
  }

  .box02_list03 span {
    display: none !important;
  }

  .br {
    display: none;
  }

  .box02_list02_l p+div {
    margin-top: 1.5rem;
    font-size: .85rem;
  }

  .box02_list03 b {
    display: block;
    margin-bottom: .5rem;
    font-size: .8rem;
  }

  .box02_list03 p b {
    font-size: .8rem;
  }

  .box02_list02_l .price {
    margin-top: 1.5rem;
  }

  .hide {
    display: inline;
  }

  .box3, .box04, .box05, .box06 {
    position: relative;
    z-index: 3;
  }

  .bg02 {
    display: none;
  }

  .border_step p {
    margin: 0 .5rem;
  }

  .region_list li img {
    width: 4.2rem;
    height: 4.2rem;
    top: -.9rem;
  }

  .coupon {
    width: 94%;
    padding-top: 1rem;
    padding-bottom: .25rem;
    border-radius: .2rem;
    box-shadow: 0 0.05rem .75rem #dbe3fa;
  }

  .coupon .close {
    top: .25rem;
    right: .25rem;
  }

  .coupon li {
    width: 14.925rem;
    height: 4.525rem;
    margin: 0 auto 1rem auto;
    background-size: 100%;
  }

  .symbol.active {
    margin-left: 1rem;
  }

  .symbol {
    margin-top: 1rem;
    margin-left: .5rem;
    font-size: 1.2rem;
  }

  .coupon_price {
    margin-top: .6rem;
    font-size: 2.5rem;
  }

  .coupon_msg {
    margin-top: 1rem;
    margin-left: .1rem;
    font-size: .8rem;
    letter-spacing: .1rem;
  }

  .coupon_msg p {
    letter-spacing: .25rem;
    font-size: 1.25rem;
  }

  .coupon_price.active+.coupon_msg {
    margin-left: .3rem;
  }

  .free {
    margin-right: .8rem;
    line-height: 4.525rem;
    font-size: .8rem;
  }

  .coupon_price.active {
    margin-left: -.3rem;
    margin-right: .1rem;
    letter-spacing: -.2rem;
  }
}