html {scroll-behavior: smooth;}

/* wow애니 조절 */
.wow.fadeInUp {animation-name: customFadeInUp;}
@keyframes customFadeInUp {
    from {opacity: 0;transform: translateY(10px); /* 기본은 100px 정도임 → 20px로 줄임 */}
    to {opacity: 1;transform: translateY(0);}
}

.wow.fadeInLeft {animation-name: customFadeInLeft;}

@keyframes customFadeInLeft {
    from {opacity: 0;transform: translateX(-20px); /* 기본 -100px → -20px로 줄임 */}
    to {opacity: 1;transform: translateX(0);}
}

.Hfull{background: url(../img/main.png) no-repeat center/cover;width: 100%; height: 1019px;display: flex; justify-content: center; align-items: center;position: relative; }
.Hfull h2{color: #F2C63E; font-size: 4.8rem; font-weight: 400;}
.Hfull .img{text-align: center;margin-top: 1.6rem;}
.Hfull .contents{margin-top: -3rem;}
.scroll_ani{position: absolute;bottom: 10%;left: 50%;width: auto; transform: translateX(-50%); text-align: center;  z-index: 9;}
.scroll_ani .motion{width: 18px;height: 26px;border-radius: 7px;border: 1.6px solid #F5F5F5; margin: 15px auto;}
.scroll_ani span{display: block;font-weight: 600; font-size: 1.4rem;color: #FFFFFFF5;}
.scroll_ani .motion:before {content: ''; width: 1px; height: 5px; background: #fff; margin-left: 7.5px;top: 5px; border-radius: 4px; animation: btn-motion4 2.5s ease-in-out infinite;display: block;opacity: 0;margin-top: 3px;}
@keyframes btn-motion4 {
    0%{opacity: 0;}
    20% {opacity: 1;}
    70% {opacity: 0;transform: translateY(10px);}
}
.Hfull .star img{position: absolute; animation: twinkle 2.5s ease-in-out infinite;}
@keyframes twinkle {
    0%, 100% {opacity: 0.9;transform:  scale(1);}
    50% {opacity: 0;transform:  scale(0.7);}
}
.Hfull .star .star1{top: 15%; left:37% ;}
.Hfull .star .star2{top:31% ; right: 32% ;}
.Hfull .star .star3{bottom: 15%; left:25% ;}
.Hfull .star .star4{bottom:21% ; right:27% ;}

.bg_section{margin-top: -5rem;position: relative;z-index: 9;}
.bg_section img{width: 100%;}

.section1{padding-top: 10rem; padding-bottom: 20rem;position: relative;}
.section1 h2{margin-bottom: 10rem;}
.section1 .txt_box{display: flex;flex-direction: column; gap:2.8rem ; justify-content: center; align-items: center;}
.section1 .txt_box h3{font-family: 'Cafe24ClassicType';color: #251700;font-size: 3.2rem; font-weight: 400;}
.section1 h3 .color_box1{color: #fff;display: inline-block;padding: 0 4px;  background: #F2C63E;}
.section1 h3 .color_box2{color: #fff;display: inline-block;padding: 0 4px;  background: #F2623E;}
.section1 h3 .color_box3{color: #fff;display: inline-block;padding: 0 4px;  background: #EE8C29;}
.section1 .img_box{position: absolute ; bottom: -7%; left: 50%;z-index: 10; transform: translateX(-50%);display: flex; justify-content: space-between; align-items: center;width: 100%; max-width: 1560px; }

.section2{background: url(../img/sec2_bg.png) no-repeat center/cover; width: 100%; height: 100rem;display: flex; justify-content: center; align-items: center;margin-bottom: 10rem; position: relative;}
.section2 h2{font-size: 7.2rem; margin-bottom: 3.5rem;}
.section2 h3{font-family: 'Cafe24ClassicType';font-size: 4.4rem; color: #767676;}
.section2 h3 span{color: #E30000;position: relative; }
.section2 h3 span img{position: absolute; top: -40% ; left: 18px;}
.section2 h3 span img:last-child{position: absolute; top: -40% ; left: 60px;}
.section2 .img img{ position: absolute;animation: float 3s ease-in-out infinite;}
.section2 .img .heart1{top:30% ; left: 22%;animation-delay: 0s; }
.section2 .img .heart2{top:34% ; right: 8% ; animation-delay: 1s;}
.section2 .img .heart3{bottom: 20%; left: 17% ;animation-delay: 0.5s;}
.section2 .img .heart4{bottom: 21%; right: 17%; animation-delay: 1.5s;}
@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); } /* 위로 8px */
  100% { transform: translateY(0); }
}

.section3{background: linear-gradient(93deg, #64589F 0.04%, #342C5E 99.96%);display: flex; justify-content: center; align-items: center;position: relative;padding: 13.7rem 0 7.7rem; text-align: center;}
.section3 .img_box img{position: absolute;}
.section3 h4{font-family: 'Cafe24ClassicType';color: #F2C63E; font-size: 2.8rem; font-weight: 400; margin-bottom: 1.6rem;}
.section3 h5{color: #fff; font-size: 4rem; font-weight: 600; margin-bottom: 3.2rem; }
.section3 .txt a{border-radius: 100px; display: inline-flex; justify-content: center; align-items: center;transition: all 0.3s;
border: 1px solid #FFF;padding: 2.1rem 4.25rem; color: #fff; font-size: 1.8rem; }
.section3 .txt a:hover span {transform: rotate(360deg);}
.section3 .txt a:hover {background-color: #F2C63E; border: 1px solid #F2C63E; color: #111;}
.section3 .txt a span{font-family: "SUIT"; display: inline-flex;
  align-items: center;margin-left: 4px;
  justify-content: center;
  width: 1em; /* 글자 크기만큼 영역 확보 */
  transition: transform 0.6s ease;
  transform-origin: center;}
.section3 .img_box .img1{bottom: -30%; left: 5%;animation: float2 3s ease-in-out infinite;}
.section3 .img_box .img2{top: -30%; right: 5%;animation: float3 3s ease-in-out infinite;}

@keyframes float2 {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); } /* 위로 8px */
  100% { transform: translateY(0); }
}

@keyframes float3 {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(15px); } /* 위로 8px */
  100% { transform: translateY(0); }
}

.section4 {padding-top: 25.5rem; padding-bottom: 15.6rem;}
.section4 h3{color: #111; font-size: 4.4rem; font-weight: 400; line-height: 130%;text-align: center;margin-bottom: 8rem;}
.section4 h3 span{color: #342C5E; font-weight: 700;}
.section4 .items{display: flex; justify-content: center; align-items: center; gap: 4rem;}
.section4 .item{border-radius: 20px;padding: 2.4rem; width: 25%;
background: #FAF6FC;}
.section4 .item .img{width: 100%; text-align: right;margin-bottom: 12px;}
.section4 .item h4{font-size: 2.8rem; font-weight: 600;margin-bottom: 2px;}
.section4 .item h5{color: #F2C63E; font-size: 1.8rem; font-weight: 600;margin-bottom: 2rem;}
.section4 .item h6{color: #505050 ; font-size: 1.8rem; font-weight: 600; height: 78px;line-height: 144%;letter-spacing: -0.45px;}

.section5{padding: 16.8rem  0 20rem;}
.section5 .sub_txt{display: flex; justify-content: center; align-items: end; gap:4px ;margin-bottom:12rem;}
.section5 .wrap{display: flex; justify-content: start; align-items: center; gap: 6.8rem; }
.section5 .contents2 .wrap{display: flex; justify-content: end; align-items: center; gap: 6.8rem;}
.section5 .margin{margin-right: 5rem;}
.section5 .margin2{margin-left: 5rem;}
.section5 .swiper {width: 100%;max-width: 780px; height: 100%;margin-left: 0;}
.section5 .swiper-slide {font-size: 18px;display: flex;justify-content: center;align-items: center; flex-direction: column; gap:12px ;}
.section5 .swiper-slide img{width: 80%;}
.section5 .right_slide {font-size: 18px;display: flex;justify-content: start;align-items: start; flex-direction: column; gap:12px ;width: 60%;}
.section5 .item4 .right_slide{width: auto;}
.section5 .item2 .right_slide{width: 47%;} 
.section5  .swiper-slide h5{color: #fff; font-size: 2.8rem; font-weight: 700;margin-top: 12px;margin-right: 40rem;padding-left: 2rem;}
.section5  .swiper-slide h6{color: #FFFFFFCC; font-size: 2rem; font-weight: 500;margin-right: 32rem;padding-left: 2rem;}
.section5  .right_slide h5{color: #fff; font-size: 2.8rem; font-weight: 700;margin-top: 12px;}
.section5 .item2 .right_slide h5{margin-right: 13rem;}
.section5  .right_slide h6{color: #FFFFFFCC; font-size: 2rem; font-weight: 500;}
.section5 .item1 .swiper-slide:nth-child(2) h6{margin-right: 23rem;}
.section5 .contents{width: 100%; display: flex ; padding: 7rem 0;}
.section5 .contents1{justify-content: end;}
.section5 .contents2{justify-content: start; }
.section5 .item{width: 96%; max-width: 1680px;position: relative;}
.section5 .item1{background: url(../img/sec5_bg1.png) no-repeat top/auto;}
.section5 .item2{background: url(../img/sec5_bg2.png) no-repeat -69%/auto;padding: 7rem 0;}
.section5 .item3{background: url(../img/sec5_bg3.png) no-repeat;background-position: top left;background-size: auto; padding: 7rem 0;}
.section5 .item4{background: url(../img/sec5_bg4.png) no-repeat;background-position: top right ;background-size: auto; padding: 7rem 0;}
.section5 .item2 .img_box{position: absolute; bottom: 20%; left: -1%; z-index: 9;}
.section5 .item3 .img_box{position: absolute; bottom: 20%; right: 5%; z-index: 9;}
.section5 .item4 .img_box{position: absolute; bottom: 20%; left: 5%; z-index: 9;}
.section5 .left_title{padding-left: 8rem;}
.section5 .contents2 .left_title{padding-left:0rem;padding-right: 13rem;}
.section5 .left_title h3{font-size: 4.8rem; font-weight: 700; margin-bottom: 2rem;}
.section5 .color_title{width: 100%; height: 22.2rem;margin-top: -14rem; display: flex; align-items: center;  }
.section5 .color_title1{border-radius: 200px 0 0 200px;justify-content:start;}
.section5 .color_title2{border-radius: 0 200px 200px 0;justify-content:end; }
.section5 .color1{background: linear-gradient(90deg, #A020F1 0%, #7A1EB4 100%)}
.section5 .color2{background: linear-gradient(90deg, #F72682 0%, #DF2878 100%);}
.section5 .color3{background:#FFA909;}
.section5 .color4{background: linear-gradient(90deg, #1C4FB9 0%, #205DDC 100%);}
.section5 .color_title h2{text-align: left;color:#FFFFFF24 ;font-size: 5.8rem;padding-left: 8rem;}
.section5 .color_title2 h2{padding-left: 0rem;padding-right: 8rem;}
.section5 .swiper-button-next, .section5 .swiper-button-prev{top: 40%;z-index: 10; }

.section6{padding: 14rem 0 20rem;background: url(../img/sec6_bg.png) no-repeat center/cover;margin-top: -4rem; }
.section6 .sub_txt{display: flex; justify-content: center; align-items: end; gap:4px ;margin-bottom:4.8rem;}
.section6 .tab-container {}
.section6 .tabs {display: flex;border-bottom: 1px solid #ddd;justify-content: center; align-items: center; gap:8px ;margin-bottom: 3.2rem;}
.section6 .tab_btn {padding: 17px 0;width: 16rem;border-radius: 100px; color: #999; font-size: 1.8rem; font-weight: 700;
background: #FFF;  text-align: center;border: none;outline: none;cursor: pointer;font-size: 1.6rem;transition: background-color 0.3s ease;}
.section6 .tab_btn.tab_active {background-color: #F2C63E;color: #111;}
.section6 .content {font-size: 18px;line-height: 1.6;display: none;}
#content-0 {display: block;}
.section6 .swiper {width: 100%;max-width: 1120px;margin: 0 auto;position: relative; /* 화살표 절대 배치 기준 */}
.section6 .swiper-slide {text-align: center; width: 100%;font-size: 18px;background-color: #fff;border-radius: 28px;}
 .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;}
 .swiper-button-prev,  .swiper-rtl .swiper-button-next{left: 0}
.swiper-button-next:after,  .swiper-button-prev:after{display: none;}
 .swiper-button-next,  .swiper-button-prev{width: auto;}
.section6 .swiper_wrap {position: relative;width: 100%;max-width: 1120px;margin: 0 auto;}
.section6 .swiper {overflow: hidden; /* 슬라이드 넘침 방지 */border-radius: 28px;}
.section6 .swiper-button-next,
.section6 .swiper-button-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 56px;height: 56px;transition: all 0.3s ease;z-index: 10;}
.section6 .swiper-button-next {right: -80px;}
.section6 .swiper-button-prev {left: -80px;}
.section6 .swiper-button-next:after,
.section6 .swiper-button-prev:after {display: none;}
.section6 .swiper-slide h3{background-color: #7A1EB5; padding: 2rem 0; text-align: center;color: #fff; font-size: 3.6rem; font-weight: 700;border-radius: 28px 29px 0 0; }
.section6 .swiper-slide h3 span{color: #FFFFFFCC; font-size: 2rem; font-weight: 600; padding-left: 8px;}
.section6 .img_box{width: 92%; max-width:75rem; display: flex; justify-content: center; align-items: center; gap:12px ;flex-wrap: wrap;margin: 0 auto;padding: 4rem 0;height: 70rem;}
.section6 .img_box2{width: 92%; max-width:83rem; display: flex; justify-content: center; align-items: center; gap:12px ;flex-wrap: wrap;margin: 0 auto;padding: 4rem 0 6rem;}
.section6 .img_box3{width: 92%; max-width:83rem; display: flex; justify-content: center; align-items: center; gap:12px ;flex-wrap: wrap;margin: 0 auto;padding: 4rem 0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 24px;}
.swiper-pagination-bullet-active{background-color: #342C5E;}

.section7{padding: 18rem 0 13.2rem;background: url(../img/sec7_bg.png) no-repeat center/cover;}
.section7 .sub_title{display: flex; justify-content: center; align-items: center; gap: 13px;margin-bottom: 12rem;}
.section7 .items{display: flex; justify-content: center; align-items: center; gap: 4rem;}
.section7 .item{border-radius: 20px;width: 33%; max-width: 400px; height: 40rem; padding: 12.2rem 0 ; display: flex; justify-content: center; align-items: center;flex-direction: column;border: 1px solid #E5E5EC;background: #FFF;position: relative;}
.section7 .item h6{color: #505050; font-size: 1.6rem; font-weight: 500;margin-top: 14rem;}
.section7 .item h5{font-size: 2.8rem; font-weight: 700; font-size: 2.8rem;}
.section7 .gray,
.section7 .color {
  position: absolute;
  left: 50%;
  top: 12.2rem;
  transform: translateX(-50%);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
/* 초기 상태 */
.section7 .gray {
  opacity: 1;
  z-index: 1;
}

.section7 .color {
  opacity: 0;
  z-index: 2;
}

/* hover 시 자연스럽게 바뀌는 효과 */
.section7 .item:hover .gray {
opacity: 0;
  transform: translateX(-50%) scale(1.05);
}

.section7 .item:hover .color {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* 버튼 부드럽게 등장 */
.section7 .link_btn {
  opacity: 0;
  transform: translateY(10px);
  border-radius: 100px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  background: #F2C63E;
  padding: 6px 16px;
  margin-top: 16px;
  display: inline-block;
  transition: all 0.5s ease;
}

/* hover 시 자연스럽게 나타나게 */
.section7 .item:hover .link_btn {
  opacity: 1;
  transform: translateY(0);
}

.information{padding: 15rem 0;max-width: 1000px; margin: 0 auto; width: 92%;margin-top: 90px;}
.information h3{text-align: center; font-size: 3rem; font-weight: 700;margin-bottom: 5rem;}
.information span{text-align: center;}
.information p{font-size: 1.8rem ; line-height: 180%; font-weight: 500;}

.Hfull .bg_img{display: none;}
.br_650{display: none;}


 /* 배경 오버레이 */
    #overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 999;
    }

    /* 모달 창 */
    #popup {
      display: none;
      position: fixed;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      background: white;
      padding: 30px;
      border-radius: 10px;
      z-index: 1000;
      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
      max-width: 750px; 
      width: 92%;
      text-align: center;max-height: 90vh;
    }
#popup img{width: 90%;margin-bottom: 50px;}
    /* 닫기 버튼 */
    .close-btn {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
      padding: 8px 16px;
      background-color: #342c5e;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }



@media screen and (max-width:1400px) {
    .bg_section{margin-top: -7rem;}
    .Hfull{background: url(../img/main2.png) no-repeat center/cover; height: 950px;}
    .section3 .img_box .img2{width:32rem ;right: 0;}
    .section3 .img_box .img1{width: 29rem; bottom: -30%; left: 2%;}
    .section5 .item1{background-position: top left;background-size: 60%;}
    .section5 .item3 .right_slide{width: 50%; padding-left: 5rem;}
    .section5 .item2 .right_slide{width: 55%;}
    .section5 .item4 .right_slide{width: 50%; padding-right: 5rem;}
    .section5 .item4 .right_slide img {width: 100%;}
    .section5 .item2 .img_box img{width:25rem ;}
    .section5 .item2{padding: 10rem 0;}
    .section5 .contents2 .left_title{padding-right: 7rem;}
    .section5 .item2 .img_box{bottom: 28%;}
    .section5 .item3 .img_box img{width: 30rem;}
    .section5 .item3 .img_box{right: 0%;}
    .section5 .item3 .right_slide img{width: 100%;}
    .section5 .item4 .img_box img{width: 25rem;}
    .section5 .item4 .img_box{bottom: 30%;}
    .section6 .img_box2{max-width: 100%;}
    .section6 .img_box3{max-width: 100%;}
    .section6 .img_box{max-width: 85rem;}
    .section6{padding: 14rem 0 15rem;}
    .section6 .img_box{height: 80rem;}
}
@media screen and (max-width:1200px) {
    .Hfull{background: url(../img/main4.png) no-repeat center/cover; }
    .section4 .items{gap: 2rem;}
    .section5 .wrap{gap: 2rem;}
    .swiper-button-next img, .swiper-button-prev img{width:4rem ;}
    .section5 .right_slide h5{margin-right: 0; padding-left: 0;}
    .section5 .right_slide h6{margin-right: 0; padding-left: 0;}
    .section5 .wrap{align-items: start;}
    .section5 .left_title{margin-top: 5rem;}
    .section5 .swiper-slide:nth-child(2) h6{margin-left: 0 ; margin-right: 0;}
    .section5 .contents2 .wrap{gap: 2rem; align-items: start;}
    .section7 .item{height: 30rem;}
    .section5 .item3 .img_box img{width: 20rem;}
    .section5 .item2 .right_slide h5{margin-right: 0;}
    .section5 .right_slide{align-items: center;}
    .section5 .item4 .img_box img{width:20rem;}
    .section6 .img_box3 img{width: 80%;}
    .section7 .item{height: 35rem;}
    .section7 .gray, .section7 .color{top: 9rem;}
    .section5 .item1 .swiper-slide:nth-child(2) h6{margin-right: 0;}
    .section6 .img_box{height: 70rem; margin-bottom: 3rem;}
}
@media screen and (max-width:1024px) {
    .Hfull{background: url(../img/main3.png) no-repeat center/cover; height: 800px;}
    .Hfull h2{font-size: 3rem ;}
    .Hfull .img img{width: 25rem;margin-top: 3rem;}
    .Hfull .star .star1{left: 27%;}
    .Hfull .star .star2{right: 25%;}
    .Hfull .star .star3{width: 6.5rem;}
    .Hfull .star .star4{width: 6.5rem;}
    .quick_banner ul li a h3{font-size: 1.8rem;}
    .quick_banner ul li a img{width: 2rem;}
    .quick_banner ul li a{padding: 1.4rem 1.6rem; border-radius: 15px;}
    .quick_banner ul{gap: 5px;padding: 5px;border-radius: 10px;right: 0px; bottom: 0px;}
    .quick_banner{right: 10px; bottom: 10px; }
    h2{font-size: 4rem;}
    .section1 h2{margin-bottom: 5rem;}
    .section1{padding: 10rem 0 20rem;}
    .section1 .txt_box h3{font-size: 2.2rem;}
    .section1 .img_box img{width: 30rem;}
    .section2{height: 80rem;}
    .section1 .img_box{bottom: 0;}
    .section2 .img .heart1{left: 7%;}
    .section2 .img .heart3{left: 7%; bottom: 8%;}
    .section2 .img .heart4{bottom: 3%; right: 21%;}
    .section2 h2{font-size: 5rem;}
    .section2 h3{font-size: 2.6rem;}
    .section2 h3 span img{top: -71%; left: 6px;}
    .section2 h3 span img:last-child{top: -71%; left:34px ;}
    .section3 h4{font-size: 2rem;}
    .section3 h5{font-size: 3rem;}
    .section3 .txt a{padding: 1.6rem 3rem ;}
    .section3 .img_box .img2{width: 25rem;}
    .section3 .img_box .img1{width: 23rem;}
    .section3{padding: 10rem 0 7rem;}
    .section4{padding: 15rem 0;}
    .section4 h3{font-size: 3rem;margin-bottom: 5rem;}
    .section4 .items{flex-wrap: wrap; }
    .section4 .item{width: 45%;}
    .section4 .item .img{float: right;width: auto;}
    .section4 .item .img img{width:5rem ;}
    .section4 .item h4{font-size: 2.2rem;}
    .section4 .item h5{font-size: 1.6rem; margin-bottom: 1rem;}
    .section4 .item h6{font-size: 1.6rem;height: 65px;}
    .section5{padding: 10rem 0 15rem;}
    .section5 .sub_txt img{width: 7.5rem;}
    .section5 .sub_txt{margin-bottom: 7rem;}
    .section5 .left_title h3{font-size: 3rem;}
    .section5 .left_title h4{font-size: 1.8rem; font-weight: 400; line-height: 160%;}
    .section5 .right_slide h5{font-size: 2rem;}
    .section5 .right_slide h6{font-size: 1.8rem;}
    .section5 .right_slide{width: 60%;padding-right: 5rem;}
    .section5 .color_title h2{font-size: 4rem;}
    .section5 .color_title{height: 18rem;}
    .section5 .item2{padding: 6rem 0;}
    .section5 .item2 .img_box img{width: 18rem;}
    .section5 .item2 .img_box{bottom: 16%;}
    .section5 .item2 .right_slide{padding-right: 2rem;width: 57%;} 
    .section5 .item3 .right_slide{width: 50% ;padding-right: 0;}
    .section5 .margin2{margin-left: 0;}
    .section5 .item4 .img_box img{width:15rem;}
    .section6 .sub_txt img{width: 7.5rem;}
    .section6 .swiper-slide h3{font-size: 2.4rem;}
    .section6 .img_box2 img{width: 40rem;}
    .section7{padding: 15rem 0 ;}
    .section7 .sub_title img{width: 7.5rem;}
    .section7 .sub_title{margin-bottom: 7rem;}
    .section7 .gray, .section7 .color{top: 8rem; width: 5rem;}
    .section7 .item{height: 29rem; padding: 0;}
    .section7 .item h6{margin-top: 10rem; }
    .section7 .item h5{font-size: 2rem;}
    .information{padding: 10rem 0;}
    .information h3{font-size: 2rem;}
    .information p{font-size: 1.6rem;}
    .section7 .gray{display: none;opacity: 0;}
.section7 .color{display: block;opacity: 1;top: 5rem;}
.section7 .link_btn{display: none; opacity: 0;}
.section7 .item h6{margin-top: 2rem;}
.section7 .color{position: relative; top: auto; left: auto;transform: translateX(0);}
.section7 .item:hover .color{transform: translateX(0);}
}

@media screen and (max-width:850px) {
.Hfull{background: url(../img/main6.png) no-repeat center/cover; }
.section5 .wrap{flex-direction: column;align-items: center; }
.section5 .left_title{margin-top: 0 ; padding-left: 0; text-align: center;}
.section5 .right_slide{width: 95%;margin: 0 auto;}
.section5 .item1{background-size: 96%;}
.section5 .contents{padding: 5rem 0;}
.section5 .item{width: 100%;}
.section5 .color_title{ height: 18rem;}
.section5 .color_title1{margin-left: 5rem;}
.section5 .color_title2{margin-left: -5rem;}
.section5 .color_title h2{font-size: 3rem;padding-left: 5rem;}
.section5 .right_slide{padding-right: 0;}
.section5 .swiper{margin: 0 auto;}
.section5 .color_title h2{padding-left: 0 ;padding-right: 8rem;font-size: 2.5rem; line-height: 120%;}
.section5 .color_title{justify-content: end;}
.section5 .color_title{height: 16rem; margin-top: -12rem;}
.section5 .contents2 .item2 .wrap{flex-direction: column-reverse;align-items: center;}
.section5 .contents2 .left_title{padding-right: 0;}
.section5 .item2 .right_slide{margin: 0 auto; width: 95%;}
.section5 .item2 .img_box{bottom: 9%;}
.section5 .item3 .right_slide{width: 80%;}
.section5 .contents2 .item4 .wrap{flex-direction: column-reverse ; align-items: center;}
.section5 .item4 .right_slide{width: 80%; padding-right: 0;}
.section5 .item3 .right_slide{padding-left: 0;}
.section5 .item4 .img_box{bottom: 17%; left: 0;}
.section5 .item2, .section5 .item3, .section5 .item4{padding: 0;}
.section5 .margin{margin-right: 0;}


}
@media screen and (max-width:768px) {
.Hfull{background: url(../img/main5.png) no-repeat center/cover; }
.Hfull h2{font-size: 2.6rem;}
.Hfull .img img{width: 18rem;}

.bg_section{margin-top: -2rem;}
.quick_banner ul li a h3{font-size: 1.6rem; font-weight: 500;}
.quick_banner ul li a{padding: 1.4rem 1.3rem; border-radius: 10px; }
h2{font-size: 3rem;}
.section5 h2,.section6 h2,.section7 h2{font-size: 2.4rem;}
.section1 .txt_box h3{font-size:1.8rem;}
.section1 .img_box img{width: 25rem;}
.section1{padding: 10rem 0 15rem;}
.section1 .img_box{bottom: -3%;}
.section2{height: 60rem;}
.section2 .img .heart1{top: 17%;width:6.5rem ; }
.section2 .img .heart4{bottom: -5%;}
.section2 .img .heart2{width: 4rem;}
.section2 h2{font-size: 3rem;}
.section2 h3{font-size: 1.8rem;}
.section2 h3 span img{top: -82%; left: 3px;width: 8px;}
.section2 h3 span img:last-child{top: -82% ; left: 21px;}
.section2 h2{margin-bottom: 2.5rem;}
.section3 .img_box .img2{width: 20rem; }
.section3 .img_box .img1{width: 18rem; bottom: -30%;}
.section3 h4{font-size: 1.8rem;}
.section3 h5{font-size: 2rem;}
.section3 .txt a{padding: 1.4rem 2.5rem;font-size: 1.6rem;}
.section4{padding: 10rem 0 ;}
.section4 h3{font-size: 2.2rem;margin-bottom: 3rem;}
.section4 .item h4{font-size: 2rem;}
.section4 .item{padding: 2rem ; border-radius: 10px;}
.section4 .item h5{font-size: 1.4rem;}
.section5 .sub_txt{margin-bottom: 5rem;}
.section5 .left_title h3{font-size: 2.2rem;margin-bottom: 1rem;}
.section5 .left_title h4{font-size: 1.6rem;}
.section5 .right_slide h6{font-size: 1.6rem;}
.section5 .right_slide h5{font-size: 1.8rem;}
.section5 .sub_txt img{width: 4rem;}
.section5 .sub_txt{margin-bottom: 3rem;}
.section5{padding: 7rem 0 12rem;}
.section5 .contents{padding: 3rem 0;}
.section5 .item3 .img_box img{width: 15rem; }
.section6 .sub_txt img{width: 4rem;}
.section6 .tab_btn{padding: 11px 0; width: 15rem;}
.section6 .swiper-slide h3{font-size: 2rem;}
.section6 .swiper-slide h3 span{font-size: 1.6rem;}
.section6 .img_box img{width: 13rem;}
.section6 .img_box2 img{width: 30rem;}
.section6 .img_box3 img{width: 90%;}
.section6{padding: 10rem 0;}
.section7 .items{gap: 2rem;}
.section7 .sub_title img{width: 4rem;}
.section7{padding: 10rem 0;}
.section7 .sub_title{margin-bottom: 4rem;}
.section7 .gray, .section7 .color{ width: 4rem;}
.section7 .item{height: 20rem;}
#ft{padding: 6rem 0 ;}
.foot_info span:nth-child(2){display: none;}
.foot_info br{display: none;}
.section6 .img_box{height: 50rem;}
}
@media screen and (max-width:650px) {
.Hfull{background: url(../img/bg.png) no-repeat center/cover; height: 750px;}
.Hfull .bg_img{display: block; }
.Hfull .bg_img img{position: absolute; width: 12rem;}
.Hfull .bg_img .img1{top:44% ; left: 7%}
.Hfull .bg_img .img2{top: 44%; right: 5%;}
.Hfull .star .star2{right: 13%;}
.Hfull .star .star4,.Hfull .star .star3{width:4.5rem;}
#header .head_menu{flex-direction: column; gap: 20px;padding: 3rem 0;height: auto;}
#header .head_menu .logo img{width: 10rem;}
#header .head_menu .main_menu{width: 100%;}
#header .head_menu .main_menu .dept1{width: 25%;padding: 0;}
.Hfull .star .star1{left: 20%;top: 20%; width:2rem ;}
.Hfull .star .star2{width: 2rem;}
.Hfull .img img{width: 15rem;}
.section1 .img_box img{width: 20rem;}
.section1{padding: 7rem 0 15rem;}
.br_650{display: block;}
.section3 h5{line-height: 150%;}
.section3{padding: 7rem 0 5rem;}
.section3 .img_box .img2{width: 15rem; top: -25%;}
.section3 .img_box .img1{width: 13rem ;bottom: -19%;}
.section4 .item{width: 48%;}
.section4 .items{gap: 1rem;}
.section4 .item .img img{width: 4rem;}
.section4 h3{width: 92%;}
.section5 .color_title1{border-radius: 30px 0 0 30px;}
.section5 .color_title{margin-left: 2rem;}
.section5 .color_title h2{padding-right: 4rem;}
.section5 .color_title h2 br{display: none;}
.section5 .color_title{align-items: end;}
.section5 .right_slide h5{margin-top: 0;}
.section5 .swiper-slide{gap: 7px;}
.section5 .color_title2{margin-left: -2rem ; border-radius: 0 30px 30px 0;}
.section5 .item3{background-position: 2%; background-size: 37%;}
.section5 .item4{background-size: 80%;}
.section7 .item{height: 20rem;}
#popup{padding: 10px;}
.close-btn{font-size: 1.4rem; padding: 5px; }
.quick_banner ul li a h3{font-size: 1.4rem;}
.quick_banner ul li a img{width: 1.5rem;}
.quick_banner ul li a{padding: 1rem ;}
}
@media screen and (max-width:500px) {
.Hfull{height: 650px;}
.Hfull .bg_img img{width: 8rem;}
.Hfull .bg_img .img1{left: 4%;}
.Hfull .bg_img .img2{right: 4%;}
.Hfull .star .star4{right: 16%;}
.Hfull .star .star3 {left: 11%; width: 3rem;}
.section1 .img_box img{width: 12rem;}
.section1{padding: 7rem 0 10rem;}
.section1 .txt_box{gap: 1.5rem;}
.section2{height: 45rem;}
.section2 .img .heart4{right: 20%; width: 6rem;bottom: 12%;}
.section4 .item{width: 95%;}
.section4 .item h6{height: auto;}
.section4 .item h6 br{display: none;}
.section4 .item h6 .br_500{display: block;}
.section5 .item2 .img_box img{width: 13rem;}
.section5 .item2 .img_box{bottom: 13%;left: -4%;}
.section5 .item2{background: url(../img/sec5_bg2.png) no-repeat -23%/cover;}
.section5 .item3 .img_box img{width: 10rem; }
.section5 .item3 .img_box{bottom: 22%;}
.section6 .img_box2 img{width: 22rem;}
.section6 .img_box img{width: 10rem;}
.section6 .img_box3 img{width: 95%;}
.section7 .items{gap: 1rem;}
.section7 .item{border-radius: 10px;gap: 2rem;}
.section7 .item h6{display: none;}
.section7 .item h5{font-size: 1.6rem;}
.section7 .item{height: 15rem;}
.section6 .img_box{height: 40rem;}
.section6 .img_box3{margin-bottom: 2rem;}


}