/* ****************************************************** */
/* **************************** 메인 */

/*  */

.btn-st{padding: 2.2rem 5rem}
.all-mc{    margin-top: 20rem ;}
.all-mc .tit-wr{margin-bottom: 6.2rem}
.all-mc .tit-wr .tit{font-size: 5rem;font-weight: 600;line-height: 76px;}

.new-mc .inner{padding: 0 var(--inner-cont-pd); height: 100%;padding-top: calc(var(--header-hei)*1.5)}
.new-mc .swiper-wr .swiper-slide .box-text .subject{margin: 0 0 1.8rem;}
.all-mc .box {
  position: relative;
  padding: 7.4rem 3rem 3rem;
  height: 34.1rem;
}
.all-mc .box:nth-child(2),
.all-mc .box:nth-child(4),
.all-mc .box:nth-child(5),
.all-mc .box:nth-child(7){background-color: #2a2721 !important;}

.all-mc .box:nth-child(2):hover,
.all-mc .box:nth-child(4):hover,
.all-mc .box:nth-child(5):hover,
.all-mc .box:nth-child(7):hover{background-color: #FEB71F !important;}

.all-mc .box:hover{
  background-color: #FEB71F;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.all-mc .box .sqe{
  display: block;
  width: 8px;
  height: 8px;
  background-color: #FEB71F;
  margin-bottom: 2rem
}
.all-mc .box:hover .sqe{
  background-color: #000;
}
.all-mc .box .icon{
  position: absolute;
  right: 3rem;
  bottom: 3rem;
  width: 3.2rem;
  z-index: 2;
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 0.1;
}
.all-mc .box:hover .icon {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}
.all-mc .box:hover .icon {
  -webkit-animation: btnani 1s linear alternate infinite;
          animation: btnani 1s linear alternate infinite;
}
.all-mc .box-tit{font-size: 2.2rem;padding: 0;}
.all-mc .box:hover .box-tit{color: #000}


@media all and (max-width:1440px) {
  .all-mc .box:nth-child(5),
  .all-mc .box:nth-child(7){background-color: #222 !important;}
  .all-mc .box:nth-child(6){background-color: #2a2721 !important;}
  .all-mc .box:nth-child(6):hover{background-color: #FEB71F !important;}
}
@media all and (max-width:1300px) {
  .new-mc .swiper-wr{top: 38rem}
}
@media all and (max-width:960px) {
  .all-mc .tit-wr .tit{font-size: 5.3rem}
  .footer-wr .contact .tit{padding-bottom: 2rem;font-size: 3.5rem}

  .turn-key{padding-bottom: 4rem;margin-top: 4rem}
}
@media all and (max-width:768px) {
  .all-mc .box:nth-child(3),
  .all-mc .box:nth-child(7){background-color: #2a2721 !important;}
  .all-mc .box:nth-child(4){background-color: #222 !important;}

}
@media all and (max-width:640px) {
  .wrapper {
        background-position: 100% 30%;
    }
  .gr-md-2{grid-template-columns: 1fr}
  .turn-key{padding-bottom: 8rem;margin-top: 4rem}
  .all-mc .tit-wr .tit{font-size: 4rem;line-height: 1}
  .all-mc .box{padding: 4rem 2rem 2rem;height: 25rem}
  .all-mc .box-tit{min-height: 3.2rem;font-size: 1.8rem}
  .all-mc .btn-st{padding: 1rem 1.5rem}
  .all-mc .box .sqe{margin-bottom: 1.5rem}
  .btn-st span{font-size: 1.5rem}

  .new-mc .swiper-wr{top: 26rem !important}
  .new-mc .swiper-wr .swiper-slide .box-text{margin-bottom: 2rem}
  .new-mc .swiper-wr .swiper-btn-wr{top: calc(var(--box-height) + 11.6rem);}
  .all-mc{margin-top: 12rem}
  .all-mc.turn-key{margin-top: -12rem}
  .all-mc .tit-wr{margin-bottom: 3rem}

  .all-mc .box .icon{right: 2rem;bottom: 2rem;}
  .all-mc .box:nth-child(2n){background-color: #2a2721 !important;}
  .all-mc .box:nth-child(2n+1){background-color: #222 !important;}

  .new-mc .swiper-wr .swiper-slide .box-text{padding: 1.8rem}
  .new-mc .swiper-wr .swiper-slide .box-text .subject strong{font-size: 2rem}

  .logo-bx img{left: 1rem;top: 1rem;width: 8rem}

  .turn-key .swiper-button-prev{margin-right: 2rem}
}
@media all and (max-width:480px) {
  .new-mc .swiper-wr{top: auto}
  .new-mc .tit{font-size: 4.2rem}
}

@media all and (max-width:380px) {
  .footer-wr .contact{padding-top: 3rem;padding-bottom: 3rem}
  .footer-wr .contact .tit{font-size: 2.8rem;}
  .footer-wr .info .ft-add{font-size: 1.5rem}
  .footer-wr .info strong, .footer-wr .info .txt{font-size: 1.5rem}
}