#chuseok{position:absolute;top:168px;left:8%;width:370px;z-index:1111; }
#chuseok.hide{display:none}
#chuseok .img-container{display:-webkit-box;display:-ms-flexbox;
    display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#chuseok .img-container img{display:block;width:100%}

/* #online{position:absolute;top:168px;left:calc(8% + 380px);width: 235px;z-index:1111; display: none !important;}
#online.hide{display:none}
#online .img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#online .img-container img{display:block;width:100%}

#delivery{position:absolute;top:168px;left: calc(8% + 380px + 245px);width: 332px;z-index:1111; display: none !important;}
#delivery.hide{display:none}
#delivery .img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#delivery .img-container img{display:block;width:100%}

#incometax{position:absolute;top:168px;left: calc(8% + 380px + 245px + 342px);width: 234px;z-index:1111; display: none !important;}
#incometax.hide{display:none}
#incometax .img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#incometax .img-container img{display:block;width:100%}

#digital{position:absolute;top:168px;left: calc(8% + 360px + 305px + 305px + 305px);width: 295px;z-index:1111; display: none !important;}
#digital.hide{display:none}
#digital .img-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#digital .img-container img{display:block;width:100%} */

.closeWrap{display:flex;justify-content:space-between;color:#fff;background:#333;}
.closeWrap>*{padding:5px !important;font-size:15px;color:#fff;}
.period{}
.close{}

/* Swiper 팝업존 슬라이더 커스텀 */
.popzone-slider {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popzone-slider .swiper-wrapper {
  display: flex;
  align-items: center;
}

.popzone-slider .swiper-slide {
  width: 300px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  box-sizing: border-box;
  flex-shrink: 0;
}

.popzone-slider .popzone-item {
  width: 100%;
  height: auto;
  
}

.popzone-slider .popzone-item img {
  width: 270px;
  height: auto;
  display: block;
  border-radius: 8px;
  border: 1px solid #0000000c;
}

.popzone-slider .swiper-button-prev,
.popzone-slider .swiper-button-next {
  color: #fff !important;
  background: rgba(0,0,0,0.5) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  margin-top: -22px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
  transition: all 0.3s ease !important;
  border: 2px solid rgba(255,255,255,0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  position: absolute !important;
  top: 50% !important;
}
.popzone-slider .swiper-button-prev:hover,
.popzone-slider .swiper-button-next:hover {
  background: rgba(0,0,0,0.7) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}
.popzone-slider .swiper-button-prev:after,
.popzone-slider .swiper-button-next:after {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #fff !important;
}

/* PC 화면 - 1281px 이상에서 3개씩 보이도록 */
@media (min-width: 1281px) {
  .popzone-slider {
    max-width: 980px;
    padding: 0 70px;
    margin: 0 auto;
  }
  .popzone-slider .swiper-slide {
    width: 270px !important;
  }
  .popzone-slider .swiper-button-prev {
    left: 15px;
  }
  .popzone-slider .swiper-button-next {
    right: 15px;
  }
}

@media (max-width: 1280px) {
  .popzone-slider {
    max-width: 680px;
    padding: 0 60px;
  }
  .popzone-slider .swiper-slide {
    min-height: 100px;
    width: 300px !important;
  }
  .popzone-slider .swiper-button-prev {
    left: 10px;
  }
  .popzone-slider .swiper-button-next {
    right: 10px;
  }
}

@media (max-width: 980px) {
  .popzone-slider {
    max-width: 300px;
    padding: 0 50px;
  }
  .popzone-slider .swiper-slide {
    min-height: 90px;
    width: 300px !important;
  }
  .popzone-slider .swiper-button-prev,
  .popzone-slider .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  .popzone-slider .swiper-button-prev {
    left: 5px;
  }
  .popzone-slider .swiper-button-next {
    right: 5px;
  }
}

@media (max-width: 748px) {
  .popzone-slider {
    max-width: 300px;
    padding: 0 50px;
    
  }
  .popzone_list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .popzone-slider .swiper-slide {
    min-height: 80px;
    width: 300px !important;
  }
  .popzone-slider .swiper-button-prev,
  .popzone-slider .swiper-button-next {
    width: 36px;
    height: 36px;
    margin-top: -18px;
  }
  .popzone-slider .swiper-button-prev {
    left: 5px;
  }
  .popzone-slider .swiper-button-next {
    right: 5px;
  }
  .popzone-slider .swiper-button-prev:after,
  .popzone-slider .swiper-button-next:after {
    font-size: 14px;
  }
}

@media all and (max-width:1500px){

	#kakao-popup{left:calc(6vw + 270px);}
	#kakao-popup .img-container{flex-wrap:wrap;max-width:450px;}
	#kakao-popup .img-container img{width:50%;}
}

@media (max-width: 1280px){
	#chuseok{top:125px;left:10%;width:320px;z-index:101;}
	#online{top:125px;left:20%;width:320px;z-index:102;}
	#delivery{top:125px;left:30%;width:320px;z-index:102;}
	#incometax{top:125px;left:40%;width:320px;z-index:102;}
}


@media all and (max-width:748px){
	#chuseok{top:65px;left:10px;right:10px;width:auto;max-width:320px;}
	#online{top:65px;left:10px;right:10px;width:auto;max-width:320px;}
	#delivery{top:65px;left:10px;right:10px;width:auto;max-width:320px;}
	#incometax{top:65px;left:10px;right:10px;width:auto;max-width:320px;}

	.closeWrap>*{font-size:13px;}
}