@charset "utf-8";



.deco-txt{font-family: 'Montserrat';background: linear-gradient(180deg, rgba(100, 72, 108, 0.07) 0%, rgba(65, 74, 147, 0.07) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.titBtn-wr{display: flex;align-items: flex-end;justify-content: space-between;}
.tit-bx{}
.tit-bx .top-name{display: block;font-size: 2rem;font-weight: 500;line-height: 28px;letter-spacing: -0.2px;text-decoration: underline;stroke-width: 1px;text-underline-offset : 10px;}
.tit-bx .tit{font-size: var(--fontSize-50);font-weight: 800;line-height: 60px;letter-spacing: -0.5px;margin-top: 3.5rem}
.tit-bx .txt{font-size: 2rem;font-weight: 500;line-height: 28px;letter-spacing: -0.2px;color: #2B2B2B;}
.tit-bx .list-bx{margin-top: 1.5rem;}

.cont-flex{}
.cont-flex > li{}

.list-bx{}
.list-bx > li{list-style: disc;font-size: 2rem;color: #323232;font-weight: 500;line-height: 28px;letter-spacing: -0.2px;margin-left: 2rem;padding-bottom: .6rem;}

.more-btn{min-width: 22.6rem; background-color: transparent;border: 1px solid;border-radius: 12rem;padding: 1.2rem 2.9rem;;justify-content: space-between;transition: .3s;}
.more-btn span{font-size: var(--fontSize-20);font-weight: 500;line-height: 28px;letter-spacing: -0.2px;}
.more-btn:hover{background-color: #000;}
.more-btn:hover span{color: #fff;}
.more-btn:hover .icon{filter: invert(1);}

.main-slide{position: relative; width: 100%;margin-top: var(--header-hei);}
.main-slide .m-tit-bx{position: absolute;left: var(--inner-pd);top: 9.6rem;z-index: 2;}
.main-slide .m-tit-bx h4{font-size: 5.2rem; color: #FB0;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45);font-weight: 800;line-height: 65px;letter-spacing: -0.52px;margin-top: 3.1rem;}
.main-slide .m-tit-bx h2{font-size: 11rem;color: #FFF;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);font-weight: 800;line-height: 100px;letter-spacing: -1.1px;margin-top: 4rem;}
.main-slide .swiper-button-next, .main-slide .swiper-button-prev{color: #fff;}

.main-slide .mo-img{display: none;width: 100%;}

.scroll-txt{position: absolute;bottom: 11rem;left: -2rem;z-index: 5;transform: rotate(90deg);}
.scroll-txt span{display: inline-block;font-size: 1.8rem;line-height: 24px;letter-spacing: -0.18px;font-weight: 700;}
.scroll-txt .icon{margin-left: 2.2rem;animation: scrollIconMove 1.2s infinite ease-in-out;}
@keyframes scrollIconMove {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(6px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slideBtn-bx{position: relative; display: flex;align-items: center;justify-content: flex-start;height: 4rem;}
.slideBtn-bx .swiper-button-next, .slideBtn-bx .swiper-button-prev{position: inherit !important;margin-top: 0;background: url(/theme/basic/img/ico_m_next.png) no-repeat center;background-size: 6px}
.slideBtn-bx .swiper-button-prev, .slideBtn-bx .swiper-rtl .swiper-button-next{left: inherit !important;right: inherit !important;background: url(/theme/basic/img/ico_m_prev.png) no-repeat center;background-size: 6px}
.slideBtn-bx .swiper-button-next, .slideBtn-bx .swiper-rtl .swiper-button-prev{left: inherit;right: inherit;}
.slideBtn-bx  .swiper-pagination{position: inherit; top: inherit;left: inherit;width: auto;}
.slideBtn-bx .swiper-button-prev:after, .slideBtn-bx .swiper-rtl .swiper-button-next:after,
.slideBtn-bx .swiper-button-next:after, .slideBtn-bx .swiper-rtl .swiper-button-prev:after{font-size: 1.6rem;}
.slideBtn-bx .swiper-pagination{color: #fff;padding: 0 1rem;font-size: 1.5rem;}
.slideBtn-bx .swiper-progress {width: 32.4rem;height: .2rem;background: rgba(255,255,255,0.3);overflow: hidden;margin-left: 3rem;}
.slideBtn-bx .swiper-progress-bar {width: 0;height: 100%;background: #fff;transition: width var(--transi) linear;}
.slideBtn-bx .swiper-pagination-current{font-weight: 700;}
.separator{margin: 0 .4rem;font-weight: 700;font-size: 1.6rem;}

.m-sec01{padding: 14.9rem 0 12.6rem;position: relative;}
.m-sec01 .deco-txt{position: absolute;top: 4rem;left: 50%;transform: translateX(-50%);z-index: 1;font-size: 15rem;font-weight: 800;line-height: 120px;letter-spacing: -1.5px;}
.m-sec01 p{position: relative; width: 100%;font-size: 8rem;font-weight: 800;line-height: 60px;letter-spacing: -0.8px;text-align: center;z-index: 2;}
.m-sec01 p .point-txt{background: linear-gradient(180deg, #094890 0%, #372D82 100%);background-clip: text;-webkit-text-fill-color: transparent;}

.m-sec02{position: relative;padding-bottom: 15.4rem;}
.m-sec02 .deco-txt{position: absolute;font-size: 10.4rem;font-weight: 800;line-height: 120px;letter-spacing: -1.04px;left: 0;bottom: 25.1rem;z-index: 1;}
.m-sec02 .deco-img{position: absolute;top: 0;right: 0;}
.m-sec02 .deco-img-mo{display: none;}
.m-sec02 .sec02-txtBx{padding-top: 9.5rem;position: relative;z-index: 2;}
.m-sec02 .sec2-cont{margin-top: 7rem;}
.m-sec02 .sec2-cont > li{padding-bottom: 1.1rem;display: flex;flex-direction: column;align-items: flex-start;}
.m-sec02 .sec2-cont strong{display: block;font-size: 2rem;line-height: 28px;letter-spacing: -0.2px;padding-bottom: 1.4rem;}
.m-sec02 .icon-wr{align-items: flex-start;justify-content: flex-start !important;}
.m-sec02 .icon-wr > li:not(:last-child){margin-right: 3.9rem;}
.m-sec02 .icon-wr .iconBx{border-radius: 2dvh;overflow: hidden;}
.m-sec02 .icon-wr span{font-size: var(--fontSize-18);text-align: center;display: block;margin-top: .5rem;font-weight: 500;line-height: 28px;letter-spacing: -0.18px;}


.m-sec03{background: url(/theme/basic/img/main/m_sec3_bg.jpg) no-repeat center / cover;width: 100%;height: 93.7rem;padding-top: 10.3rem;}
.m-sec03 .tit-bx .top-name,
.m-sec03 .tit-bx .tit,
.m-sec03 .tit-bx .list-bx > li{color: #fff;}
.m-sec03 .mo-map{display: none;}


.m-sec04{padding: 15.8rem 0 21.1rem;background: url(/theme/basic/img/main/m_sec04_bg.png) no-repeat center / cover;width: 100%;height: 1119px;}
.m-sec04 .tit-bx .tit{margin-top: 0;}
.m-sec04 .tit-bx .tit-fx{margin-top: 3.5rem;}
.m-sec04 .tit-bx .tit-fx .txt{margin-left: 3.1rem;}
.m-sec04 .sec04-fx{padding-top: 9.8rem;justify-content: space-between;}
.m-sec04 .sec04-fx > li{position: relative; width: 40.3rem; height: 40.3rem;transition: background .3s,; background: #fff;border-radius: 2rem;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.m-sec04 .sec04-fx > li:nth-child(1), .m-sec04 .sec04-fx > li:nth-child(3){padding: 13.3rem 2rem 4rem;}
.m-sec04 .sec04-fx > li:nth-child(2){padding: 5.8rem 2rem 4rem;}
.m-sec04 .sec04-fx strong, .m-sec04 .sec04-fx p{text-align: center;}
.m-sec04 .sec04-fx strong{font-size: var(--fontSize-32);line-height: 32px;letter-spacing: -0.32px;}
.m-sec04 .sec04-fx p{font-size: var(--fontSize-20);line-height: 28px;letter-spacing: -0.2px;margin-top: 1.3rem;}
.m-sec04 .sec04-fx .icon{width: 16.8rem;position: absolute;bottom: -7.5rem; left: 50%;transform: translateX(-50%);}
.m-sec04 .sec04-fx .txt02{margin-top: .4em;}

.m-sec04 .sec04-fx > li.active{background: linear-gradient(180deg, #094890 0%, #372D82 100%);}
.m-sec04 .sec04-fx > li.active strong,
.m-sec04 .sec04-fx > li.active p{color: #fff;}


.m-sec05{padding-bottom: 20rem;}
.m-sec05 .btn-wr{justify-content: space-between;gap: 2.6rem;margin-top: 5rem;}
.m-sec05 .btn-wr > li{width: 100%;height: 19rem; border-radius: 2rem;overflow: hidden;}
.m-sec05 .btn-wr span{font-size: var(--fontSize-42);color: #fff;font-weight: 700;line-height: 28px;letter-spacing: -0.42px;}
.m-sec05 .btn-wr .menu-btn{height: 100%; padding: 2.7rem 4rem 2.7rem 4.7rem;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;justify-content: space-between;}
.m-sec05 .btn-wr .menu1{background-image: url(/theme/basic/img/main/m_sec06_menu1_bg.jpg);}
.m-sec05 .btn-wr .menu2{background-image: url(/theme/basic/img/main/m_sec06_menu2_bg.jpg);}




 @media all and (max-width: 1400px) {
  .titBtn-wr{flex-direction: column;align-items: flex-start;}
  .titBtn-wr .more-btn{margin-top: 3rem;}

  .main-slide .m-tit-bx h4{font-size: 4.8rem;line-height: 61px;}
  .main-slide .m-tit-bx h2{font-size: 9rem;line-height: 85px;}
  .main-slide .pc-img{display: none;}
  .main-slide .mo-img1{display: block;}
  .scroll-txt{left: -4rem;bottom: 15rem}

  .m-sec01{padding: 14rem 0 6rem;}
  .m-sec01 .deco-txt{font-size: 12rem;}
  .m-sec01 p{font-size: 7.5rem;}


  .m-sec02{padding-bottom: 0;}
  .m-sec02 .sec02-txtBx{padding-bottom: 6rem;}
  .m-sec02 .deco-txt{top: 48rem;bottom: inherit;}
  .m-sec02 .deco-img-pc{display: none;}
  .m-sec02 .deco-img-mo{display: flex;}

  .m-sec03{background: url(/theme/basic/img/main/m_sec3_bg_mo1.jpg) no-repeat center / cover;}

  .m-sec04 .sec04-fx{gap: 2rem}
  .m-sec04 .tit-bx .tit-fx{flex-direction: column;align-items: flex-start;}
  .m-sec04 .tit-bx .tit-fx .txt{margin-left: 0;margin-top: 1.5rem;}
  .m-sec04 .sec04-fx strong{font-size: 2.5rem;}
  .m-sec04 .sec04-fx p{font-size: 1.6rem;}
  .m-sec04 .sec04-fx .icon{width: 13.8rem;bottom: -7.5rem;}
  .m-sec04 .sec04-fx > li:nth-child(2){padding: 8.5rem 2rem 4rem}

  .m-sec05 .btn-wr > li{height: 15rem;}
  .m-sec05 .btn-wr .menu-btn{padding: 2rem 4rem}
  .m-sec05 .btn-wr span{font-size: 3.8rem;}
  .m-sec05 .btn-wr .icon{width: 7rem;}

}
@media all and (max-width: 1200px) {
  .scroll-txt{left: -5.5rem;bottom: 10.5rem}
}
@media all and (max-width: 1016px) {
  .m-sec04 .sec04-fx > li:nth-child(1), .m-sec04 .sec04-fx > li:nth-child(3){padding: 13.3rem 1.5rem 4rem;}
  .m-sec04 .sec04-fx > li:nth-child(2){padding: 8.5rem 1.5rem 4rem}
  .m-sec04 .sec04-fx p{font-size: 1.7rem;}
}
@media all and (max-width: 960px) {
  .main-slide .m-tit-bx h4{font-size: 4.2rem;line-height: 51px;}
  .main-slide .m-tit-bx h2{font-size: 7.5rem;line-height: 74px;margin-top: 2rem;}
  .slideBtn-bx .swiper-progress{width: 19rem;}
  .scroll-txt{bottom: 7.5rem}
  .scroll-txt span{font-size: 1.6rem;}
  .scroll-txt .icon{margin-left: 1rem;}

  .m-sec01 .deco-txt{font-size: 8rem;line-height: 81px;top: 7rem;}
  .m-sec01 p{font-size: 6rem;}

  .m-sec02 .icon-wr > li:not(:last-child){margin-right: 3rem;}

  .m-sec04 .sec04-fx{gap: 1.5rem}
  .m-sec04 .sec04-fx > li{justify-content: center;}
  .m-sec04 .sec04-fx > li:nth-child(1), .m-sec04 .sec04-fx > li:nth-child(3){padding: 4rem 1rem}
  .m-sec04 .sec04-fx > li:nth-child(2){padding: 3rem 1rem}
  .m-sec04 .sec04-fx strong{font-size: 2.3rem;line-height: 29px;}
  .m-sec04 .sec04-fx p{font-size: 1.6rem;}
}
@media all and (max-width: 850px) {
  .m-sec04 .sec04-fx p{font-size: 1.4rem;line-height: 25px;}
}
@media all and (max-width: 768px) {
  .main-slide .mo-img1{display: none;}
  .main-slide .mo-img2{display: block;}
  .main-slide .m-tit-bx h4{font-size: 3.2rem;line-height: 36px}
  .main-slide .m-tit-bx h2{font-size: 6.5rem;line-height: 60px;margin-top: 3rem}
  .scroll-txt{display: none;}
  .slideBtn-bx .swiper-pagination{padding: 0 .4rem}
  .slideBtn-bx .swiper-progress{margin-left: 1.5rem;width: 15rem;}

  .m-sec01 p{font-size: 5rem;}

  .m-sec03{position: relative; background: none;height: 100%;background-color: #0D2434;padding-top: 6rem;}
  .m-sec03 .mo-map{display: block;}

  .m-sec04{height: 100%;}
  .m-sec04 .tit-bx .tit-fx{margin-top: 1.5rem}
  .m-sec04 .sec04-fx{flex-direction: column;gap: 11.5rem}
  .m-sec04 .sec04-fx > li{height: 34.3rem;}
  .m-sec04 .sec04-fx strong{font-size: 2.6rem;line-height: 32px;}
  .m-sec04 .sec04-fx p{font-size: 1.7rem;line-height: 24px;}

  .m-sec05 .btn-wr{gap: 2rem}
  .m-sec05 .btn-wr > li{height: 13rem;}
  .m-sec05 .btn-wr .menu-btn{padding: 2rem}
  .m-sec05 .btn-wr span{font-size: 2.8rem;}
  .m-sec05 .btn-wr .icon{width: 6rem;}

}
@media all and (max-width: 640px) {
  .tit-bx .top-name{font-size: 1.8rem;text-underline-offset: 7px;}
  .tit-bx .tit{font-size: 3.5rem;line-height: 42px;margin-top: 1.5rem;}
  .more-btn{min-width : 18rem;padding: 1rem 2rem;}
  .titBtn-wr .more-btn{margin-top: 2.5rem}

  .main-slide .m-tit-bx h2 br.br_mo{display: inline-block;}

  .m-sec01{padding: 8rem 0 4rem}
  .m-sec01 .deco-txt{font-size: 5.5rem;line-height: 50px;top: 4rem;}
  .m-sec01 p{font-size: 3.6rem;line-height: 34px;}

  .m-sec02 .sec02-txtBx{padding-top: 4rem;}
  .m-sec02 .icon-wr{flex-wrap: wrap;gap: 1.5rem}
  .m-sec02 .sec2-cont{margin-top: 4rem;}
  .m-sec02 .sec2-cont > li:not(:last-child){padding-bottom: 4rem;}
  .m-sec02 .icon-wr > li:not(:last-child){margin-right: 0;}
  .m-sec02 .icon-wr .iconBx{width: 10rem;height: 10rem}
  .m-sec02 .icon-wr span{font-size: 1.6rem;line-height: 19px;}
  .m-sec02 .deco-txt{font-size: 5.6rem;line-height: 47px;top: 85rem}

  .m-sec04{padding: 6rem 0 18rem;}
  .m-sec04 .sec04-fx{padding-top: 5rem;}
  .m-sec04 .sec04-fx strong{font-size: 3rem}
  .m-sec04 .sec04-fx p{font-size: 1.8rem}
  .m-sec04 .tit-bx .tit-fx .txt{margin-top: 1rem;}
  .m-sec04 .tit-bx .tit-fx .txt br.br_pc{display: none;}
  .m-sec04 .sec04-fx > li{width: 100%;}

  .m-sec05{padding-bottom: 10rem;}
  .m-sec05 .btn-wr{flex-direction: column;align-items: flex-start;gap: 1.5rem}
  .m-sec05 .btn-wr span{font-size: 2.7rem;}
  .m-sec05 .btn-wr .icon{width: 4.5rem;}
}
@media all and (max-width: 360px) {
  .more-btn .icon{width: 1.6rem}
  .list-bx > li, .tit-bx .txt{font-size: 1.8rem;line-height: 24px;}
  .tit-bx .top-name{font-size: 1.6rem}
  .tit-bx .tit{font-size: 3.1rem;line-height: 34px;}

  .main-slide .m-tit-bx h4{font-size: 2.8rem;line-height: 34px;margin-top: 2rem;}
  .main-slide .m-tit-bx h2{font-size: 5.2rem;line-height: 50px;margin-top: 1.5rem;}
  .slideBtn-bx{height: 3rem;}

  .m-sec01 p{font-size: 3rem;}

  .m-sec02 .deco-txt{top: 61rem;}

  .m-sec04 .sec04-fx{width: 100%;}
  .m-sec04 .sec04-fx strong{font-size: 2.6rem}

  .m-sec05 .btn-wr > li{height: 10rem}
  .m-sec05 .btn-wr span{font-size: 2.5rem;}

}