.mv {
  display: flex;
  height: calc(100vh - 90px);
  overflow: hidden;
}

.mv .lt-cont {
  width: 63%;
  overflow: hidden;
  position: relative;
}

.mv .rt-cont {
  width: 37%;
  position: relative;
  background-color: #F1EFED;
}

.mv .lt-cont .bg-box {
  width: 100%;
  height: 100%;
}

.mv .lt-cont .swiper {
  height: 100%;
}

.mv .lt-cont .swiper-slide {
  overflow: hidden;
}

.mv .lt-cont .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.3);
  transition: transform 2s ease-in-out;
}

.mv .lt-cont .swiper-slide-active img {
  transform: scale(1);
}

.mv .rt-cont .tab-cont {
  height: 100%;
  position: relative;
}

.mv .rt-cont .slide-content:first-child {
  position: unset;
}

.mv .rt-cont .slide-content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mv .rt-cont .slide-content .slide-cont {
  opacity: 0;
  transform: translateY(100px);
  width: 100%;
}

.mv .rt-cont .slide-content.active .slide-cont {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 2s ease-in-out, transform 2s ease-in-out;
}

.mv .plus-flex {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  max-width: 510px;
  width: 97%;
  margin-left: auto;
  margin-right: auto;
}

.mv .plus-box {
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 0 4px 4px 0 rgba(103, 86, 70, 0.10);
  padding: 10px;
  width: calc(50% - 5px);
  position: relative;
}

.mv .plus-box .tit {
  padding: 8px 0;
  border-radius: 5px 5px 0 0;
  background: #F1EFED;
}

.mv .plus-box+.plus-box:before {
  content: '';
  width: 40px;
  height: 40px;
  background: #C82E31 url(/asset/img/main/ico-plus.svg)no-repeat center center;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mv .bot-page-box {
  position: absolute;
  bottom: 90px;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  gap: 10px;
  pointer-events: none;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.mv .bot-page-box .pagination {
  position: relative;
  width: 130px;
  height: 4px;
  background-color: #fff;
  border-radius: 10px;
  opacity: 1;
}

.mv .bot-page-box .swiper-pagination-progressbar-fill {
  background-color: rgba(114, 91, 71, 0.5);
  opacity: 1;
  height: 100%;
  border-radius: 10px;
}

.mv .air-pencil-txt {
  position: absolute;
  left: 0;
  top: 100px;
  transform: rotate(-5.77deg) translate(-50%, -50%);
}

.mv .active .air-pencil-txt {
  transition-delay: 1.8s;
  /* 슬라이드가 나타난 후 자연스럽게 시작 */
}

.mv .scroll-down-box{
  position: absolute;
  bottom: 60px;
  left: 8vw;
  pointer-events: none;
  z-index: 2;
}
.mv .scroll-down-box .scroll-down{
  width: 106px;
  height: 106px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mv .scroll-down-box .scroll-down .i-co{
  animation: bounce-peak 2s ease-in-out infinite;
}
@keyframes bounce-peak {
  /* 0~40%: 멈춰있는 상태 */
  0%, 40%, 100% {
    transform: translateY(0);
  }
  /* 50%: 첫 번째 푝! */
  50% {
    transform: translateY(10px);
  }
  /* 60%: 살짝 복귀 */
  60% {
    transform: translateY(0);
  }
  /* 70%: 두 번째 푝! (연속 동작) */
  70% {
    transform: translateY(10px);
  }
}
.mv .scroll-down-box .scroll-down:before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  background: url(/asset/img/main/mv-circle.png)no-repeat center center /cover;
  animation: scrolCircle 7s linear infinite;
}

@keyframes scrolCircle {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media all and (max-width:1024px) {
  .mv {
    height: calc(100vh - 64px);
  }

}

@media all and (max-width:900px) {
  .mv {
    height: auto;
    min-height: calc(100vh - 64px);
    flex-wrap: wrap;
  }

  .mv .lt-cont {
    width: 100%;
    min-height: calc(43vh - 32px);
  }

  .mv .rt-cont {
    width: 100%;
    padding: 50px 0;
    min-height: calc(57vh - 32px);
  }

  .mv .air-pencil-txt {
    left: 150px;
    top: -65px;
  }

  .mv .rt-cont .slide-content .slide-cont {
    transform: translateY(30px);
  }

  .mv .bot-page-box {
    bottom: 2vh;
  }

  .mv .plus-flex {
    max-width: 800px;
  }

  .mv .plus-box .tit {
    padding: 5px 0;
  }
  .mv .scroll-down-box{
    bottom: 30px;
    left: 20px;
  }
  .mv .scroll-down-box .scroll-down{
    width: 85px;
    height: 85px;
  }
  .mv .scroll-down-box .scroll-down .i-co img{
    max-height: 20px;
  }
}


@media all and (max-width:576px) {
  .mv .rt-cont {
    padding: 30px 0 50px;
  }

  .mv .rt-cont .slide-content .slide-cont {
    transform: translateY(15px);
  }

  .mv .air-pencil-txt {
    left: 100px;
    top: -30px;
  }

  .mv .plus-box {
    padding: 5px;
  }

  .mv .plus-box+.plus-box:before {
    width: 25px;
    height: 25px;
    background-size: 10px 10px;
  }
  .mv .scroll-down-box .scroll-down{
    width: 65px;
    height: 65px;
  }
  .mv .scroll-down-box .scroll-down .i-co img{
    max-height: 18px;
  }
  @keyframes bounce-peak {
  /* 0~40%: 멈춰있는 상태 */
  0%, 40%, 100% {
    transform: translateY(0);
  }
  /* 50%: 첫 번째 푝! */
  50% {
    transform: translateY(5px);
  }
  /* 60%: 살짝 복귀 */
  60% {
    transform: translateY(0);
  }
  /* 70%: 두 번째 푝! (연속 동작) */
  70% {
    transform: translateY(5px);
  }
}
}

.main-con02 {
  background: url(/asset/img/main/con02-bg.png)no-repeat center center /cover;
}

.main-con02 .point-five {
  width: fit-content;
  margin: 0 auto;
  font-size: 40rem;
  color: rgba(103, 86, 70, 0.2);
  pointer-events: none;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.main-con02 .up-down-funk {
  margin-top: -140px;
}

.point-flex-box {
  display: flex;
  gap: 28px;
}

.point-flex-box .point-box {
  width: calc(20% - 22.4px);
  position: relative;
}
.point-flex-box .point-box:nth-child(2){transition-delay: .3s;}
.point-flex-box .point-box:nth-child(3){transition-delay: .6s;}
.point-flex-box .point-box:nth-child(4){transition-delay: .9s;}
.point-flex-box .point-box:nth-child(5){transition-delay: 1.2s;}

.point-flex-box .bg-box {
  width: 100%;
  aspect-ratio: 1/1.297;
}

.point-flex-box .bg-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.point-flex-box .air-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 1s;
}

.point-flex-box .air-txt .cont {
  width: 100%;
}

.point-flex-box .air-txt .num {
  color: transparent;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFF;
  font-size: 7.2rem;
  font-style: italic;
}

.point-flex-box .air-txt .num,
.point-flex-box .air-txt .txt {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 1s, transform 1s;
  transform: translateY(15px);
}

.point-flex-box .point-box:hover .air-txt {
  background-color: rgba(0, 0, 0, .15);
}

.point-flex-box .point-box:hover .num,
.point-flex-box .point-box:hover .txt {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media all and (max-width:1400px) {
  .main-con02 .point-five {
    font-size: 32rem;
  }
}

@media all and (max-width:1200px) {
  .main-con02 .point-five {
    font-size: 24rem;
  }
}

@media all and (max-width:1024px) {
  .main-con02 .point-five {
    font-size: 20rem;
  }

  .main-con02 .up-down-funk {
    margin-top: -80px;
  }

  .point-flex-box {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .point-flex-box .point-box {
    width: calc(33.333% - 10px);
  }

  .point-flex-box .point-box .num,
  .point-flex-box .point-box .txt {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .point-flex-box .point-box .air-txt {
    background-color: rgba(0, 0, 0, .15);
  }

  .point-flex-box .air-txt .num {
    font-size: 5.6rem;
  }
  
.point-flex-box .point-box:nth-child(2){transition-delay: .3s;}
.point-flex-box .point-box:nth-child(3){transition-delay: .6s;}
.point-flex-box .point-box:nth-child(4){transition-delay: 0s;}
.point-flex-box .point-box:nth-child(5){transition-delay: .3s;}
}

@media all and (max-width:768px) {
  .main-con02 .point-five {
    font-size: 12rem;
  }

  .main-con02 .up-down-funk {
    margin-top: -30px;
  }

  .point-flex-box .air-txt .num {
    font-size: 4rem;
  }
}

@media all and (max-width:576px) {
  .main-con02 .point-five {
    font-size: 8rem;
  }

  .main-con02 .up-down-funk {
    margin-top: -20px;
  }

  .point-flex-box {
    gap: 10px;
  }

  .point-flex-box .point-box {
    width: calc(50% - 5px);
  }

  .point-flex-box .air-txt .num {
    font-size: 3rem;
    font-weight: 500;
  }
.point-flex-box .point-box:nth-child(2){transition-delay: .3s;}
.point-flex-box .point-box:nth-child(3){transition-delay: 0s;}
.point-flex-box .point-box:nth-child(4){transition-delay: .3s;}
.point-flex-box .point-box:nth-child(5){transition-delay: 0s;}
}

.main-con03 {
  display: flex;
}

.main-con03 .common-tit-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}

.main-con03 .lt-cont {
  overflow: hidden;
  padding-top: 200px;
  width: 37%;
  background: url(/asset/img/main/con03-bg.png)no-repeat center center /cover;
}

.main-con03 .rt-cont {
  width: 63%;
  background-color: #675646;
  overflow: hidden;
  padding-bottom: 100px;
}

.main-con03 .swi-box {
  margin-left: 130px;
  padding: 280px 130px 100px 0;
  overflow: hidden;
}

.main-con03 .swiper-container {
  overflow: unset;
}

.main-con03 .swiper-slide {
  transition: margin-top .5s ease-in-out;
}

.main-con03 .swiper-slide-active {
  margin-top: -80px;
}

.main-con03 .page-navi {
  width: calc(100% - 260px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 40px;
}

.main-con03 .pagination {
  position: relative;
  width: calc(100% - 120px);
  height: 5px;
  background-color: rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  overflow: hidden;
}

.main-con03 .swiper-pagination-progressbar-fill {
  background-color: #fff;
  border-radius: 20px;
  height: 100%;
}

.main-con03 .swiper-btn-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.main-con03 .swiper-btn {
  cursor: pointer;
  width: 34px;
  height: 19px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.main-con03 .swiper-btn.prev-btn {
  background-image: url(/asset/img/main/con03-arw01.svg);
}

.main-con03 .swiper-btn.next-btn {
  background-image: url(/asset/img/main/con03-arw02.svg);
}

@media all and (max-width:1200px) {
  .main-con03 .swi-box {
    margin-left: 80px;
    padding: 180px 80px 70px 0;
  }

  .main-con03 .page-navi {
    width: calc(100% - 160px);
  }

  .main-con03 .swiper-slide-active {
    margin-top: -50px;
  }
}

@media all and (max-width:1024px) {
  .main-con03 .swi-box {
    margin-left: 50px;
    padding: 130px 50px 50px 0;
  }

  .main-con03 .page-navi {
    width: calc(100% - 100px);
  }

  .main-con03 .swiper-slide-active {
    margin-top: -30px;
  }
}

@media all and (max-width:768px) {
  .main-con03 {
    flex-direction: column;
  }

  .main-con03 .swiper_slider{
    touch-action: pan-y;
  }
  .main-con03 .swiper_slider .swiper-slide{
    user-select: none;
    -webkit-user-drag: none;
  }

  .main-con03 .lt-cont {
    width: 100%;
    padding: 40px 0;
  }

  .main-con03 .common-tit-box {
    width: 95%;

  }

  .main-con03 .rt-cont {
    width: 100%;
    padding: 50px 0;
  }

  .main-con03 .swi-box {
    width: 95%;
    margin: 0 auto;
    padding: 20px 0 30px 0;
  }

  .main-con03 .swiper-slide-active {
    margin-top: -20px;
  }

  .main-con03 .page-navi {
    width: 95%;
    gap: 10px;
  }

  .main-con03 .pagination {
    height: 3px;
    width: calc(100% - 90px);
  }

  .main-con03 .common-img-box .ico img {
    max-height: 38px;
  }
}

@media all and (max-width:600px) {
  .main-con03 .rt-cont {
    padding: 30px 0;
  }

  .main-con03 .swi-box {
    padding: 0 0 20px 0;
  }

  .main-con03 .swiper-slide-active {
    margin-top: 0;
  }

}

.main-con05 {
  background: url(/asset/img/main/con05-bg.png)no-repeat center center /cover;
}

.main-con05 .container {
  display: flex;
  align-items: center;
}

.main-con05 .lt-cont {
  width: 67%;
  display: flex;
  gap: 50px;
  align-items: flex-end;
}

.main-con05 .big-img {
  width: calc(50% - 25px);
}

.main-con05 .small-zone {
  width: calc(50% - 25px);
}

.main-con05 .small-zone .small-img {
  display: flex;
  gap: 28px;
}

.main-con05 .rt-cont {
  width: 33%;
}

.main-con05 .txt-zone {
  transform: translateX(-150px);
}

.main-con05 .peach-txt span {
  display: block;
  background-color: #E57A6B;
  white-space: nowrap;
  width: fit-content;
  padding: 5px 15px;
}

.main-con05 .peach-txt span+span {
  margin-top: 10px;
}

.main-con05 .air-pencil-txt {
  transform: translateX(-65px) rotate(-5.77deg);
  transition: clip-path 1.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.main-con05 .air-pencil-txt.in-view{
  clip-path: inset(0 0 0 0);
}

@media all and (max-width:1400px) {
  .main-con05 .txt-zone {
    transform: translateX(-250px);
  }
}

@media all and (max-width:1200px) {
  .main-con05 .lt-cont {
    gap: 20px;
  }

  .main-con05 .big-img,
  .main-con05 .small-zone {
    width: calc(50% - 10px);
  }

  .main-con05 .small-zone .small-img {
    gap: 10px;
  }
}

@media all and (max-width:1024px) {
  .main-con05 .container {
    flex-wrap: wrap;
    gap: 30px 0;
  }

  .main-con05 .txt-zone {
    transform: translateX(-60px);
  }

  .main-con05 .lt-cont {
    width: 100%;
  }

  .main-con05 .rt-cont {
    width: 100%;
  }

  .main-con05 .air-pencil-txt {
    transform: translateX(-15px) rotate(-5.77deg);
  }

  .main-con05 .peach-txt span {
    padding: 3px 5px;
  }
}

@media all and (max-width:768px) {
  .main-con05 .txt-zone {
    transform: translateX(-80px);
  }

  .main-con05 .air-pencil-txt {
    transform: translateX(0) rotate(-5.77deg);
  }

  .main-con05 .peach-txt span+span {
    margin-top: 5px;
  }

  .main-con05 .lt-cont {
    gap: 10px;
  }

  .main-con05 .big-img,
  .main-con05 .small-zone {
    width: calc(50% - 5px);
  }

  .main-con05 .small-zone .small-img {
    gap: 5px;
  }
}

.main-con06 .con-flex-box{
  display: flex;
  gap: 28px;
}
.main-con06 .lt-box{
  width: 32%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-con06 .rt-box{
  width: calc(68% - 28px);
}

.main-con06 .img-box-air{
  position: relative;
}
.main-con06 .img-box-air .img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.main-con06 .img-box-air + .img-box-air:before{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 70px;
  height: 70px;
  content: '';
  border-radius: 50%;
  background: #E57A6B url(/asset/img/main/ico-plus02.svg)no-repeat center center;
  opacity: 0;
  transition: opacity 1s .8s;
}
.main-con06 .img-box-air + .img-box-air.in-view:before{
  opacity: 1;
}

.main-con06 .img-box-air .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-con06 .img-box-air .txt-box{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-con06 .common-graph-box{
  height: 100%;
}



@media all and (max-width:768px){
  .main-con06 .con-flex-box{
    flex-wrap: wrap;
    gap: 20px;
  }
  .main-con06 .lt-box{
    width: 100%;
    flex-direction: row;
  }
  .main-con06 .img-box-air + .img-box-air:before{
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
  }

  .main-con06 .rt-box{
    width: 100%;
  }
}
@media all and (max-width:576px){
  .main-con06 .lt-box{
    flex-direction: column;
  }
  .main-con06 .img-box-air + .img-box-air:before{
    left: 50%;
    top: 0;
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
  }

}

.contact-flex-box{
  display: flex;
  gap: 60px;
}
.contact-flex-box .map-box{
  width: calc(50% - 14px);
}
.contact-flex-box .contact-box{
  width: calc(50% - 46px);
}
.contact-flex-box .input-flex-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
.contact-flex-box .input-zone{width: 100%;}
.contact-flex-box .input-zone .privacy-text-area {
  background-color: #fff; 
  overflow : auto;
  margin-top : 10px;
  padding : 20px;
  height : 200px;
}

.contact-flex-box .input-zone.w50{width: calc(50% - 5px);}
.contact-flex-box .input-box{
  width: 100%;
  height: 50px;
}
.contact-flex-box .input-box .input::placeholder{
  color: #aaa;
}
.contact-flex-box .input-box .input,
.contact-flex-box .input-box .select{
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 20px;
}
.contact-flex-box .input-box .select{
  cursor: pointer;
  background : #fff url(/asset/img/main/ico-select.png)no-repeat center right 20px;
}
.contact-flex-box .input-box .select:invalid,
.contact-flex-box .input-box .select {
  color: #aaa;
}

.contact-flex-box .input-box .select:not(:invalid) {
  color: #262626;
}

.contact-flex-box .input-box .select option {
  color: #262626; /* 기본적으로 검정색으로 보이게 설정 */
}

.contact-flex-box .input-box .select option[value=""] {
  display: none;
}
.contact-flex-box .text-area{
  height: 150px;
}
.contact-flex-box .text-area .textarea{
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  resize: none;
  outline: none;
}
.contact-flex-box .check-label{
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.contact-flex-box .check-label .check-input{
  display: none;
}
.contact-flex-box .check-label .check-i{
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.contact-flex-box .check-label .check-input:checked ~ .check-i{
  border-color: #262626;
  background: #262626 url(/asset/img/main/ico-check.svg)no-repeat center center;
}
.contact-flex-box .check-label .check-input:checked ~ .check-txt{
  font-weight: 600;
}
.contact-flex-box .submit-btn{
  width: 300px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #675646;
  position: relative;
  gap: 10px;
}

.contact-flex-box .submit-btn:after{
  content: '';
  width: 17px;
  height: 8px;
  background: url(/asset/img/main/ico-submit.svg)no-repeat center center/ cover;
  display: inline-block;
}

@media all and (max-width:1200px){
  .contact-flex-box{
    gap: 30px;
  }
  .contact-flex-box .map-box,
  .contact-flex-box .contact-box{
    width: calc(50% - 15px);
  }
}

@media all and (max-width:1024px){
  .contact-flex-box .input-box{
    height: 35px;
  }
  .contact-flex-box .text-area{
    height: 100px;
  }
  .contact-flex-box .submit-btn{
    width: 200px;
    height: 40px;
  }
}
@media all and (max-width:768px){
  .contact-flex-box{
    gap: 20px;
    flex-wrap: wrap;
  }
  .contact-flex-box .map-box{
    height: 300px;
  }
  .contact-flex-box .map-box,
  .contact-flex-box .contact-box{
    width: 100%;
  }
  .contact-flex-box .input-box .input,
  .contact-flex-box .input-box .select{
    padding: 0 10px;
  }

  .contact-flex-box .text-area .textarea{
    padding: 10px;
  }
  .contact-flex-box .input-flex-wrap{
    gap: 10px 5px;
  }
  .contact-flex-box .input-zone.w50{
    width: calc(50% - 2.5px);
  }
  .contact-flex-box .check-label{
    gap: 5px;
  }
}
@media all and (max-width:576px){
  .contact-flex-box .map-box{
    height: 220px;
  }
  .contact-flex-box .submit-btn{
    width: 150px;
    margin: 0 auto;
  }
  .contact-flex-box .text-area{
    height: 80px;
  }
  .contact-flex-box .input-box .input,
  .contact-flex-box .input-box .select,
  .contact-flex-box .text-area .textarea{
    font-size: 1.2rem;
  }

}

/* Popup */
#popup {
	position: relative;
}

.popup-layer {
	z-index: 10000;
	position: absolute;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
	animation: popup-fade .65s ease-in-out .35s forwards;
	opacity: 0;
	max-width:800px;
}

@keyframes popup-fade {
	0% { opacity: 0;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px); }
	100% { opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0); }
}
.popup-layer__body {
	background: #fff;
}

.popup-layer__body img {
	display: block;
	margin: 0 auto;
	border: none;
	max-width: 100%;
}

.popup-layer__foot {
	background: #424242;
}

.popup-layer__foot ul {
	display:flex;
	flex-wrap: wrap;
}

.popup-layer__foot li {
	width:50%;
	padding:10px;
}

.popup-layer__foot li:first-child {
	padding-right:0;
}

.popup-layer__foot li:last-child {
	text-align: right;
}

.popup-layer__foot span {
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	transition:all 0.3s ease;
}

.popup-layer__foot label:hover span { opacity: .7; }

/* .popup-layer-foot { background: #424242; }
.popup-layer-foot span { font-size: 15px; color: #fff; }
.popup-layer-foot label:hover span { opacity: .7; }
.popup-layer-foot li:first-child { padding-right: 0; }
.popup-layer-foot li:last-child { text-align: right; } */


@media (max-width: 1024px){
	/* .popup-layer { z-index: 999; } */
	.popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}
@media (max-width: 768px){

	.popup-layer {
		width:calc(100% - 10px);
	}

	.popup-layer img {
		max-width: none;
		width:100%;
		height: auto !important;
	}
	.popup-layer-foot span { font-size: 14px; }

}
@media (max-width: 375px){
	.popup-layer-foot li { width: 100%; }
	.popup-layer-foot li:last-child { text-align: left; }
}