/* ELLIPSIS */
@keyframes scrollArr {
  0% {
    left: -20rem;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    left: -35rem;
    opacity: 0;
  }
}
/**/
.mainTitS01 {
  margin-bottom: 40rem;
}
.mainTitS01 .eng {
  position: relative;
  margin-bottom: 40rem;
  padding-left: 85rem;
  font-size: 18rem;
  line-height: normal;
  color: var(--blue);
  font-family: var(--eng);
}
.mainTitS01 .eng::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 65rem;
  height: 1px;
  background: var(--blue);
}
.mainTitS01 .tit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mainTitS01 .tit strong {
  font-size: 42rem;
  line-height: normal;
  font-weight: 600;
  color: #2D3133;
  letter-spacing: -1rem;
}
.mainTitS01 .tit a {
  display: inline-block;
  position: relative;
  align-self: center;
  padding-left: 35rem;
  font-size: 18rem;
  line-height: normal;
  letter-spacing: -1rem;
  color: var(--black);
  font-family: var(--eng);
}
.mainTitS01 .tit a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7rem;
  width: 25rem;
  height: 15rem;
  background: url("/images/common/view_ar.svg") no-repeat center;
  background-size: cover;
}
.mainTitS01 .tit a:hover {
  text-decoration: underline;
}
.mainTitS01 .txt {
  margin-top: 27rem;
  font-size: 20rem;
  line-height: 120%;
  letter-spacing: -1rem;
  color: #4E4E4E;
  font-weight: 300;
}

/**/
.mainVisual {
  position: relative;
}
.mainVisual .visualSlide .swiper-slide {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.mainVisual .visualSlide .swiper-slide .imgBx {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mainVisual .visualSlide .swiper-slide .imgBx img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transition: all 3s;
}
.mainVisual .visualSlide .swiper-slide .imgBx img.active {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}
.mainVisual .visualSlide .swiper-slide .videoBx {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mainVisual .visualSlide .swiper-slide .videoBx::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 2;
}
.mainVisual .visualSlide .swiper-slide .videoBx video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.mainVisual .conBx {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 40rem);
  max-width: 1368rem;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.mainVisual .conBx .txtBx {
  padding-bottom: 120rem;
  font-size: 52rem;
  line-height: 120%;
  color: #fff;
  font-weight: 200;
}
.mainVisual .conBx .txtBx strong {
  display: block;
  font-weight: 600;
}
.mainVisual .conBx .scroll {
  position: absolute;
  right: 0;
  bottom: 47rem;
  display: inline-block;
  font-size: 15rem;
  line-height: 16rem;
  font-weight: 400;
  color: #fff;
  font-family: var(--eng);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform-origin: left bottom;
}
.mainVisual .conBx .scroll::before {
  content: "";
  position: absolute;
  left: -20rem;
  top: 0;
  width: 9rem;
  height: 16rem;
  background: url("/images/main/scroll_ar.svg") no-repeat center;
  background-size: cover;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  animation: scrollArr 1.24s infinite ease-in-out;
}

/**/
.mainIntro {
  position: relative;
  margin-bottom: 200rem;
  padding: 100rem 0;
  border-bottom: 1px solid #D4D4D4;
}
.mainIntro .mainTitS01 {
  margin-bottom: 150rem;
}
.mainIntro .mainTitS01 .tit strong {
  font-size: 51rem;
  line-height: 110%;
  letter-spacing: -2rem;
  font-weight: 500;
}
.mainIntro .mainTitS01 .txt {
  margin-top: 30rem;
  font-size: 23rem;
}
.mainIntro .conBx {
  display: flex;
  flex-wrap: Wrap;
}
.mainIntro .conBx .left {
  width: calc(100% - 208rem);
}
.mainIntro .conBx .left strong {
  display: block;
  margin-bottom: 12rem;
  font-size: 22rem;
  line-height: 110%;
  letter-spacing: -1rem;
  color: var(--black);
  font-weight: 500;
}
.mainIntro .conBx .left p {
  font-size: 20rem;
  line-height: 110%;
  letter-spacing: -1rem;
  font-weight: 300;
  color: #4E4E4E;
}
.mainIntro .conBx .right {
  width: 208rem;
}
.mainIntro .conBx .right a {
  position: relative;
  font-size: 20rem;
  line-height: 56rem;
  color: var(--black);
  font-weight: 500;
  text-align: center;
  border: 3px solid #000;
  transition: all 0.4s;
}
.mainIntro .conBx .right a span {
  position: relative;
  z-index: 1;
}
.mainIntro .conBx .right a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--blue);
  transition: all 0.4s;
}
.mainIntro .conBx .right a:hover {
  border-color: var(--blue);
  color: #fff;
}
.mainIntro .conBx .right a:hover::before {
  width: 100%;
}

/**/
.mainCompany {
  margin-bottom: 100rem;
}
.mainCompany .layout {
  max-width: 1554rem;
}
.mainCompany .inner {
  padding: 150rem 93rem 150rem 79rem;
  background: #F3F5FA;
}
.mainCompany .inner > div > div {
  display: flex;
  flex-wrap: wrap;
}
.mainCompany .inner > div > div .imgBx {
  width: 50%;
}
.mainCompany .inner > div > div .imgBx div {
  position: relative;
  overflow: hidden;
}
.mainCompany .inner > div > div .imgBx div img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainCompany .inner > div > div .txtBx {
  width: 50%;
  padding-bottom: 60rem;
  box-sizing: border-box;
}
.mainCompany .inner > div > div .txtBx .num {
  margin-bottom: 100rem;
  font-size: 27rem;
  line-height: 100%;
  letter-spacing: -2rem;
  color: var(--black);
  font-family: var(--eng);
}
.mainCompany .inner > div > div .txtBx .view {
  margin-bottom: 150rem;
  font-size: 18rem;
  line-height: normal;
  letter-spacing: -1rem;
  font-family: var(--eng);
  color: var(--black);
}
.mainCompany .inner > div > div .txtBx .view span {
  position: relative;
  display: inline-block;
  padding-left: 35rem;
}
.mainCompany .inner > div > div .txtBx .view span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7rem;
  width: 25rem;
  height: 15rem;
  background: url("/images/common/view_ar.svg") no-repeat center;
  background-size: cover;
  transition: all 0.2s;
}
.mainCompany .inner > div > div .txtBx .view:hover span {
  text-decoration: underline;
}
.mainCompany .inner > div > div .txtBx .tit {
  margin-bottom: 80rem;
  font-size: 81rem;
  line-height: 85%;
  letter-spacing: -5rem;
  font-family: var(--eng);
  color: var(--black);
  text-transform: uppercase;
}
.mainCompany .inner > div > div .txtBx .txt {
  font-size: 20rem;
  line-height: 120%;
  letter-spacing: -1rem;
  color: var(--black);
}
.mainCompany .inner .bx1 {
  margin-bottom: 150rem;
}
.mainCompany .inner .bx1 .imgBx {
  width: calc(100% - 466rem);
  position: relative;
}
.mainCompany .inner .bx1 .imgBx div {
  position: absolute;
  top: -246rem;
  left: -170rem;
  width: calc(100% + 170rem);
  height: 834rem;
}
.mainCompany .inner .bx1 .txtBx {
  width: 466rem;
  padding-left: 116rem;
}
.mainCompany .inner .bx2 > div {
  align-items: flex-end;
}
.mainCompany .inner .bx2 .imgBx {
  order: 2;
}
.mainCompany .inner .bx2 .imgBx div {
  height: 834rem;
}
.mainCompany .inner .bx2 .txtBx {
  padding-right: 116rem;
  text-align: right;
}
.mainCompany .inner .bx2 .txtBx .view {
  margin-bottom: 100rem;
}
.mainCompany .inner .bx2 .txtBx .tit {
  margin-bottom: 45rem;
}

/**/
.mainBoard {
  margin-bottom: 100rem;
}
.mainBoard .inner {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 100rem;
  border-bottom: 1px solid #D4D4D4;
}
.mainBoard .inner > div {
  width: calc(50% - 35rem);
  margin-right: 70rem;
}
.mainBoard .inner > div:last-child {
  margin-right: 0;
}
.mainBoard .inner > div .topBx {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 44rem;
}
.mainBoard .inner > div .topBx strong {
  width: calc(100% - 28rem);
  font-size: 30rem;
  line-height: normal;
  letter-spacing: -1rem;
  font-weight: 500;
  color: var(--black);
}
.mainBoard .inner > div .topBx a {
  width: 28rem;
  height: 28rem;
  text-indent: -9999rem;
  background: url("/images/main/btn_plus.svg") no-repeat center;
  background-size: cover;
  transition: all 0.4s;
}
.mainBoard .inner > div .topBx a:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.mainBoard .inner > div .listBx li {
  margin-bottom: 32rem;
}
.mainBoard .inner > div .listBx li:last-child {
  margin-bottom: 0;
}
.mainBoard .inner > div .listBx li a {
  display: flex;
  flex-wrap: Wrap;
}
.mainBoard .inner > div .listBx li a p {
  width: calc(100% - 86rem);
  padding-right: 55rem;
  font-size: 20rem;
  line-height: normal;
  letter-spacing: -0.2rem;
  color: var(--black);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.mainBoard .inner > div .listBx li a span {
  width: 86rem;
  font-size: 17rem;
  line-height: normal;
  font-weight: 300;
  letter-spacing: -0.17rem;
  color: #4E4E4E;
}
.mainBoard .inner > div .listBx li a:hover p {
  text-decoration: underline;
}
.mainBoard .inner > div .listBx li.noList {
  padding: 80rem 0;
  font-size: 20rem;
  color: var(--black);
  text-align: center;
}

/**/
.mainGallery {
  margin-bottom: 100rem;
}
.mainGallery .slideWrap {
  position: relative;
}
.mainGallery .slideWrap .gallerySlide {
  position: relative;
  overflow: hidden;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide .imgBx {
  position: relative;
  height: 286rem;
  overflow: hidden;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide .imgBx img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide .imgBx .thum_none {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fafafa url("/images/common/logo.svg") no-repeat center;
  filter: grayscale(1);
  border: 1px solid #d8d8d8;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide .txtBx {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 224rem;
  padding: 35rem 25rem 25rem;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide .txtBx .tit {
  width: 100%;
  font-size: 20rem;
  line-height: normal;
  letter-spacing: -0.2rem;
  color: var(--black);
  font-weight: 400;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide .txtBx .date {
  width: 100%;
  font-size: 17rem;
  line-height: normal;
  letter-spacing: -0.17rem;
  color: #4E4E4E;
  font-weight: 300;
}
.mainGallery .slideWrap .gallerySlide .swiper-slide a:hover .imgBx img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.mainGallery .slideWrap .gallerySlide .swiper-slide a:hover .txtBx .tit {
  text-decoration: underline;
}
.mainGallery .slideWrap .slideBtn {
  position: absolute;
  top: 50%;
  margin-top: -30rem;
  width: 60rem;
  height: 60rem;
  background: #F3F5FA;
  border-radius: 50%;
  cursor: pointer;
  background: url("/images/main/gallery_ar.svg") no-repeat center;
  background-size: cover;
  transition: all 0.3s;
}
.mainGallery .slideWrap .slideBtn.btnPrev {
  left: -93rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.mainGallery .slideWrap .slideBtn.btnPrev:hover {
  box-shadow: 0 -5rem 10rem rgba(0, 0, 0, 0.1);
}
.mainGallery .slideWrap .slideBtn.btnNext {
  right: -93rem;
}
.mainGallery .slideWrap .slideBtn.btnNext:hover {
  box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.1);
}
.mainGallery .slideWrap .slideBtn.swiper-button-disabled {
  opacity: 0.3;
  cursor: auto;
  box-shadow: none;
}
.mainGallery .slideWrap .swiper-pagination {
  display: none;
}
.mainGallery .noList {
  padding: 100rem 0;
  font-size: 26rem;
  line-height: normal;
  color: var(--black);
  text-align: center;
}

/**/
.mainInquiry {
  margin-bottom: 120rem;
}
.mainInquiry .inner {
  display: flex;
  flex-wrap: wrap;
}
.mainInquiry .inner .bx {
  width: calc(50% - 15rem);
  margin-right: 30rem;
}
.mainInquiry .inner .bx:last-child {
  margin-right: 0;
}
.mainInquiry .inner .bx a {
  position: relative;
  padding: 35rem 44rem;
  height: 212rem;
  background: #F3F5FA;
  box-sizing: border-box;
}
.mainInquiry .inner .bx a strong {
  display: block;
  font-size: 37rem;
  line-height: 100%;
  color: #A0A6AD;
  letter-spacing: -1rem;
  font-weight: 600;
  transition: all 0.4s;
}
.mainInquiry .inner .bx a::before {
  content: "";
  position: absolute;
  left: 138rem;
  bottom: 68rem;
  width: 114rem;
  height: 18rem;
  background: url("/images/main/inquiry_ar.svg") no-repeat center;
  background-size: cover;
  transition: all 0.4s;
}
.mainInquiry .inner .bx a::after {
  content: "";
  position: absolute;
  right: 60rem;
  bottom: 40rem;
}
.mainInquiry .inner .bx a:hover strong {
  color: var(--blue);
}
.mainInquiry .inner .bx a:hover::before {
  left: 180rem;
}
.mainInquiry .inner .bx.bx1 a::after {
  width: 83rem;
  height: 86rem;
  background: url("/images/main/inquiry_icon01.svg") no-repeat center;
  background-size: cover;
}
.mainInquiry .inner .bx.bx2 a::after {
  width: 76rem;
  height: 92rem;
  background: url("/images/main/inquiry_icon02.svg") no-repeat center;
  background-size: cover;
}

@media screen and (min-width: 1281px) {
  .mainCompany .inner > div > div .imgBx div img.zoom {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
  }
}
@media screen and (max-width: 1280px) {
  /**/
  .mainTitS01 {
    margin-bottom: 40rem;
  }
  .mainTitS01 .eng {
    margin-bottom: 30rem;
    padding-left: 44rem;
    font-size: 15rem;
  }
  .mainTitS01 .eng::before {
    width: 30rem;
  }
  .mainTitS01 .tit strong {
    font-size: 32rem;
    line-height: 110%;
    font-weight: 500;
    letter-spacing: -0.64rem;
  }
  .mainTitS01 .tit a {
    padding-left: 30rem;
    font-size: 14rem;
    letter-spacing: -0.4rem;
  }
  .mainTitS01 .tit a::before {
    margin-top: -6rem;
    width: 20rem;
    height: 12rem;
  }
  .mainTitS01 .txt {
    margin-top: 24rem;
    font-size: 16rem;
    line-height: 20rem;
    letter-spacing: -0.4rem;
  }
  /**/
  .mainVisual .visualSlide .swiper-slide {
    height: 100%;
  }
  .mainVisual .conBx .txtBx {
    padding-bottom: 96rem;
    font-size: 32rem;
    line-height: 120%;
  }
  .mainVisual .conBx .scroll {
    right: -84rem;
    bottom: 46rem;
    font-size: 15rem;
    line-height: 14rem;
  }
  .mainVisual .conBx .scroll::before {
    left: -20rem;
    top: -2rem;
    width: 9rem;
    height: 16rem;
  }
  /**/
  .mainIntro {
    margin-bottom: 0;
    padding: 60rem 0;
    border-bottom: 0;
  }
  .mainIntro .mainTitS01 {
    margin-bottom: 80rem;
  }
  .mainIntro .mainTitS01 .tit strong {
    font-size: 32rem;
    letter-spacing: -0.8rem;
  }
  .mainIntro .mainTitS01 .txt {
    margin-top: 24rem;
    font-size: 16rem;
  }
  .mainIntro .conBx .left {
    width: 100%;
    margin-bottom: 30rem;
  }
  .mainIntro .conBx .left strong {
    margin-bottom: 10rem;
    font-size: 15rem;
    letter-spacing: -0.4rem;
  }
  .mainIntro .conBx .left p {
    font-size: 14rem;
    letter-spacing: -0.4rem;
  }
  .mainIntro .conBx .right {
    width: 100%;
  }
  .mainIntro .conBx .right a {
    width: 143rem;
    font-size: 14rem;
    line-height: 40rem;
    border: 2px solid #000;
  }
  /**/
  .mainCompany {
    margin-bottom: 60rem;
    background: #F3F5FA;
  }
  .mainCompany .inner {
    padding: 60rem 0;
  }
  .mainCompany .inner > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .mainCompany .inner > div > div .imgBx {
    width: 100%;
    margin-bottom: 40rem;
  }
  .mainCompany .inner > div > div .txtBx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 0;
  }
  .mainCompany .inner > div > div .txtBx .num {
    margin-bottom: 40rem;
    font-size: 20rem;
    letter-spacing: -0.8rem;
  }
  .mainCompany .inner > div > div .txtBx .view {
    margin-bottom: 40rem;
    font-size: 14rem;
    letter-spacing: -0.4rem;
  }
  .mainCompany .inner > div > div .txtBx .view span {
    padding-left: 30rem;
  }
  .mainCompany .inner > div > div .txtBx .view span::before {
    margin-top: -6rem;
    width: 20rem;
    height: 12rem;
  }
  .mainCompany .inner > div > div .txtBx .tit {
    width: 100%;
    margin-bottom: 40rem;
    font-size: 42rem;
    line-height: 85%;
    letter-spacing: -2.5rem;
  }
  .mainCompany .inner > div > div .txtBx .txt {
    width: 100%;
    font-size: 16rem;
    letter-spacing: -0.4rem;
  }
  .mainCompany .inner .bx1 {
    margin-bottom: 60rem;
  }
  .mainCompany .inner .bx1 .imgBx {
    width: 100%;
  }
  .mainCompany .inner .bx1 .imgBx div {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 450rem;
  }
  .mainCompany .inner .bx1 .txtBx {
    width: 100%;
    padding-left: 0;
  }
  .mainCompany .inner .bx2 .imgBx {
    order: 1;
  }
  .mainCompany .inner .bx2 .imgBx div {
    height: 450rem;
  }
  .mainCompany .inner .bx2 .txtBx {
    padding-right: 0;
    text-align: left;
    order: 2;
  }
  .mainCompany .inner .bx2 .txtBx .view {
    margin-bottom: 50rem;
  }
  .mainCompany .inner .bx2 .txtBx .tit {
    margin-bottom: 24rem;
  }
  /**/
  .mainBoard {
    margin-bottom: 60rem;
  }
  .mainBoard .inner {
    padding-bottom: 60rem;
  }
  .mainBoard .inner > div {
    width: calc(50% - 20rem);
    margin-right: 40rem;
  }
  .mainBoard .inner > div .topBx {
    margin-bottom: 30rem;
  }
  .mainBoard .inner > div .topBx strong {
    width: calc(100% - 20rem);
    font-size: 24rem;
    letter-spacing: -0.4rem;
  }
  .mainBoard .inner > div .topBx a {
    width: 20rem;
    height: 20rem;
  }
  .mainBoard .inner > div .listBx li {
    margin-bottom: 24rem;
  }
  .mainBoard .inner > div .listBx li a p {
    width: calc(100% - 75rem);
    padding-right: 30rem;
    font-size: 16rem;
    letter-spacing: -0.16rem;
  }
  .mainBoard .inner > div .listBx li a span {
    width: 75rem;
    font-size: 14rem;
    letter-spacing: -0.14rem;
  }
  .mainBoard .inner > div .listBx li.noList {
    padding: 40rem 0;
    font-size: 16rem;
  }
  /**/
  .mainGallery {
    margin-bottom: 60rem;
  }
  .mainGallery .slideWrap .gallerySlide .swiper-slide .imgBx {
    height: auto;
    padding-bottom: 60%;
  }
  .mainGallery .slideWrap .gallerySlide .swiper-slide .imgBx .thum_none {
    background-size: 150rem auto;
  }
  .mainGallery .slideWrap .gallerySlide .swiper-slide .txtBx {
    height: 176rem;
    padding: 30rem 20rem;
  }
  .mainGallery .slideWrap .gallerySlide .swiper-slide .txtBx .tit {
    font-size: 16rem;
    letter-spacing: -0.16rem;
  }
  .mainGallery .slideWrap .gallerySlide .swiper-slide .txtBx .date {
    font-size: 14rem;
    letter-spacing: -0.14rem;
  }
  .mainGallery .slideWrap .gallerySlide .swiper-slide a:hover .imgBx img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
  }
  .mainGallery .slideWrap .slideBtn {
    position: absolute;
    top: 50%;
    margin-top: -30rem;
    width: 60rem;
    height: 60rem;
    background: #F3F5FA;
    border-radius: 50%;
    cursor: pointer;
    background: url("/images/main/gallery_ar.svg") no-repeat center;
    background-size: cover;
    transition: all 0.3s;
  }
  .mainGallery .slideWrap .slideBtn.btnPrev {
    left: -93rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  .mainGallery .slideWrap .slideBtn.btnPrev:hover {
    box-shadow: 0 -5rem 10rem rgba(0, 0, 0, 0.1);
  }
  .mainGallery .slideWrap .slideBtn.btnNext {
    right: -93rem;
  }
  .mainGallery .slideWrap .slideBtn.btnNext:hover {
    box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.1);
  }
  .mainGallery .slideWrap .slideBtn.swiper-button-disabled {
    opacity: 0.3;
    cursor: auto;
    box-shadow: none;
  }
  .mainGallery .slideWrap .swiper-pagination {
    display: block;
    position: relative;
    font-size: 0;
    bottom: auto;
    margin-top: 22rem;
  }
  .mainGallery .slideWrap .swiper-pagination span {
    margin: 0 4rem;
    background: var(--black);
  }
  .mainGallery .slideWrap .swiper-pagination span.swiper-pagination-bullet {
    opacity: 0.3;
  }
  .mainGallery .slideWrap .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
  }
  .mainGallery .noList {
    padding: 50rem 0;
    font-size: 18rem;
  }
  /**/
  .mainInquiry {
    margin-bottom: 80rem;
  }
  .mainInquiry .inner .bx {
    width: calc(50% - 5rem);
    margin-right: 10rem;
  }
  .mainInquiry .inner .bx a {
    padding: 28rem 28rem;
    height: 146rem;
  }
  .mainInquiry .inner .bx a strong {
    font-size: 26rem;
    letter-spacing: -0.4rem;
  }
  .mainInquiry .inner .bx a::before {
    left: 90rem;
    bottom: 44rem;
    width: 72rem;
    height: 12rem;
  }
  .mainInquiry .inner .bx a::after {
    right: 30rem;
    bottom: 28rem;
  }
  .mainInquiry .inner .bx.bx1 a::after {
    width: 54rem;
    height: 56rem;
  }
  .mainInquiry .inner .bx.bx2 a::after {
    width: 49rem;
    height: 60rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainBoard .inner > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60rem;
  }
  .mainBoard .inner > div:last-child {
    margin-bottom: 0;
  }
  .mainBoard .inner > div .listBx li.noList {
    padding: 20rem 0 40rem;
    font-size: 16rem;
  }
  /**/
  .mainInquiry {
    margin-bottom: 80rem;
  }
  .mainInquiry .inner .bx {
    width: 100%;
    margin-right: 0;
    margin-bottom: 22rem;
  }
  .mainInquiry .inner .bx:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  .mainCompany .inner > div > div .imgBx div {
    height: auto !important;
  }
  .mainCompany .inner > div > div .imgBx div img {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    -o-object-fit: inherit;
       object-fit: inherit;
  }
}/*# sourceMappingURL=main.css.map */