/* ******************************************************************************** */
/* common */
:root {
  --header-hei: 10rem;
  --inner-pd: calc((100% - 1752px) / 2);
}

@keyframes button_ani {
  0 {margin-left: -10px}
  100%{margin-left: 0}
}

.inner{padding: 0 var(--inner-pd)}
.flex{display: flex;align-items: center;}
.grid{display: grid}

@media all and (max-width:1300px) {
  :root {
    --inner-pd: 4rem;
  }
}
@media all and (max-width:640px) {
  :root {
    --header-hei: 6.5rem;
    --inner-pd: 2rem;
  }
}

/* ******************************************************************************** */
/* header */
header.header{position: fixed;top: 0;left: 0;width: 100%;height: var(--header-hei);background-color: transparent; z-index: 1000;padding: 3.3rem 0}
header.header .inner{justify-content: space-between;}
header.header .logo{display: inline-block; background:url(/theme/basic/img/logo.svg) no-repeat center / contain;width: 364px;height: 35px;}

@media all and (max-width:960px) {
  header.header.scroll{background-color: #fff;}
  header.header.scroll .logo{background:url(/theme/basic/img/logo_active.svg) no-repeat center / contain;}
}
@media all and (max-width:640px) {
  header.header{padding: 1.6rem 0}
  header.header .logo{width: 285px;}
}

/* ******************************************************************************** */
/* footer */
.footer{background-color: #000;padding: 5.4rem 0 6rem;border-top: 1px solid #2c2c2c;}
.footer .info-list{}
.footer .info-list > li, .footer .info-list2 > li{display: flex;align-items: center}
.footer .info-list > li:not(:last-child){margin-bottom: 1rem}
.footer .info-list2{display: flex;align-items: center;}
.footer .info-list2 > li:not(:last-child){margin-right: 4.9rem}
.footer strong{font-size: 1.6rem;color: #737272;margin-right: 2rem}
.footer p.i-txt{font-size: 1.6rem;color: #fff;font-weight: 700;}
.footer .copy{font-size: 1.2rem;color: #737272;font-weight: 500;margin-top: 3rem;line-height: 20px}

@media all and (max-width:640px) {
  .footer{padding: 3.4rem 0 4rem}
  .footer .info-list > li:not(:last-child){margin-bottom: .5rem}
  .footer .info-list2{flex-direction: column;align-items: flex-start;}
  .footer .info-list2 > li:not(:last-child){margin-bottom: .5rem}
  .footer strong, .footer p.i-txt{font-size: 1.3rem}
  .footer .copy{margin-top: 2rem}
}

/* ******************************************************************************** */
/* main */
.main_slide{position: relative;width: 100%;height: 100%;}
.main_slide img.slide-img{width: 100%;height: 100%;object-fit: cover;}
.main_slide img.slide-mo{display: none;}
img.deco{position: absolute;top: -1.5rem;right: 0}

.titBx{position: absolute;top: 20.8rem;left: 22.3rem;z-index: 2;}
.titBx h2{font-size: 5.4rem;color: #fff;font-weight: 800;line-height: normal;letter-spacing: -0.9px;}

ul.link-wr{
  position: absolute;
  left: 50%;
  bottom: 7.3rem;
  transform: translateX(-50%);
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 1rem;
  width: 1462px;
}
ul.link-wr > li{position: relative;border-radius: 2.4rem;overflow: hidden;width: 100%;background-color: #fff;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.26);}
ul.link-wr .bgBx{position:relative; border-radius: 1.4rem;overflow: hidden;}
ul.link-wr .bgBx img.bg{width: 100%;height: 100%;object-fit: cover;transition:.6s;}
ul.link-wr > li:hover img.bg{transform: scale(1.2);}
ul.link-wr .mo-btn{
  display: none;
  position:absolute;
  top: 1rem;
  right: 1rem;
  justify-content: center;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.26);
  z-index: 2;
}
ul.link-wr .mo-btn .icon{width: 1.8rem}
ul.link-wr .txtBx{padding: 1rem 2.1rem 1.4rem}
ul.link-wr .cpy-name{justify-content: space-between;padding-bottom: 1rem;border-bottom: 1px solid #D9D9D9;}
ul.link-wr .cpy-name:hover .icon{animation:button_ani 1s ease-in Infinite Alternate;}
ul.link-wr .cpy-name > span{display: inline-block; font-size: 2rem;font-weight: 600;line-height: normal;letter-spacing: -0.6px;}
ul.link-wr .telBx{justify-content: space-between;padding-top: 1rem;}
ul.link-wr .telBx .t-txt{font-size: 1.8rem;color: #113255;font-weight: 600; line-height: normal;}

/* .swiper-pagination{display: inline-table;top: 42rem !important;left: 22.3rem !important;text-align: left !important;} */
.swiper-pagination{width: 94% !important}
.swiper-pagination-bullet{width: 8px !important;height: 8px !important;background-color: #fff !important;margin: 0 .8rem !important;opacity: 1 !important;}
.swiper-pagination-bullet-active{width: 6px !important; height: 18px !important;transform: rotate(45deg);border-radius: .3rem !important;margin-bottom: -.5rem !important;}


.control-bx{
  position:absolute;
  display: flex;
  align-items: center;
  top: 42rem ;
  left: 22.3rem ;
  width: 15rem;
  height: 3.5rem;
}
.swiper-button-next {
  background: url(/theme/basic/img/ico_next.png) no-repeat center / contain;
  background-size: 25px;
}

.swiper-button-prev {
  background: url(/theme/basic/img/ico_prev.png) no-repeat center / contain;
  background-size: 25px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: inherit !important;right: inherit !important}
/* ******************************************************************************** */
/* ******************************************************************************** */

@media all and (max-width:1350px) {
  .titBx{left: var(--inner-pd);}
  .titBx h2{font-size: 5rem;}
  .control-bx{left: var(--inner-pd) !important;}
  ul.link-wr{width: 90%;}
  ul.link-wr .cpy-name > span{font-size: 1.6rem;}
  ul.link-wr .telBx .t-txt{font-size: 1.6rem;}
  .control-bx{top: 40rem}
  ul.link-wr{bottom: 3.3rem}
}
@media all and (max-width:960px) {
  body, .main_slide, .main_slide img.slide-img{height: 100%;}
  /* .main_slide .swiper-slide{height: 123.6rem;} */
  ul.link-wr{grid-template-columns: repeat(2,1fr);}
  ul.link-wr > li{border-radius: 1.4rem;}
  .control-bx{height: 4rem;}
}
@media all and (max-width:768px) {
  .main_slide img.slide-mo{display: block;}
  .main_slide img.slide-pc{display: none;}
    /* .main_slide .swiper-slide{height: 115.6rem;} */
}
@media all and (max-width:640px) {
  img.deco{width: 20rem;}
  /* .main_slide .swiper-slide{height: 101rem;} */
  .titBx h2{font-size: 3rem;line-height: 41px;}
  .control-bx{top: 33.5rem !important;width: 13.5rem;}
  ul.link-wr{bottom: 4.6rem;grid-gap: .5rem}
  ul.link-wr .cpy-name{padding-bottom: .6rem;}
  ul.link-wr .cpy-name > span{font-size: 1.5rem;}
  ul.link-wr .cpy-name img.icon{display: none;}
  ul.link-wr .txtBx{padding: 1rem 1.2rem 1.4rem}
  ul.link-wr .telBx{flex-direction: column;align-items: flex-start;padding-top: .6rem;}
  ul.link-wr .telBx .t-txt{font-size: 1.4rem;line-height: 17px}
  ul.link-wr .telBx .t-txt:last-child{margin-top: .3rem;}
  ul.link-wr .bgBx{height: 10rem}
  ul.link-wr .mo-btn{display: flex;}
}
@media all and (max-width:430px) {
  /* .main_slide .swiper-slide{height: 75rem;} */
  .titBx{top: 11.8rem;}
  .titBx h2{font-size: 2.7rem;line-height: 37px}
    .control-bx{top: 23.5rem !important}
}
@media all and (max-width:380px) {
  .titBx h2{font-size: 2.5rem;line-height: 34px;}
}