img{max-width: 100%;}

    .main-popup-sect{display:block; opacity:1; visibility:visible;}
.main-m-popup-sect{display:none; opacity:0; visibility:hidden;}
.main-popup-modal-item-bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  opacity:1;
  visibility:visible;
  z-index: 111;
  background: rgba(0,0,0,.4);
}
.main-popup-modal-item{
  position: fixed;
  top: 40%;
  left: 50%;
  width: 100%;
  max-width:1000px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); 
  -moz-transform: translate(-50%, -50%); 
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  padding: 0 0 0 0;
  opacity:1;
  visibility:visible;
  z-index: 111;
}
.main-popup-slider-madal{position:absolute; border-radius:30px; background:#fff !important; top:0; left:50%; width:100%; max-width:600px; height:37.113rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin:0 auto; background:rgba(254, 254, 254, 0); z-index:-1;}
.main-popup-modal-slider{position:relative; width:100%; /*height:100%;*/}
.main-popup-modal-slider > .swiper-wrapper{transform:none;}
.stp-wrap .swiper-pagination-pop-bullet:first-child{border-radius:30px 0 0 0}
.stp-wrap .swiper-pagination-pop-bullet:nth-child(3){border-radius:0 30px 0 0}
.main-popup-modal-slider > .swiper-wrapper > .swiper-slide{position:relative; width:auto; height:100%; border-top:1px solid #dfdfdf}
.main-popup-modal-slider > .swiper-wrapper > .swiper-slide > a{display:block; width:100%; height:100%; cursor: pointer;}
.swiper-pagination-pop.main-popup-pagination{position:relative; width:100%; max-width:1000px; height:auto !important; margin:0 auto;}
.stp-wrap .swiper-pagination-pop-bullet{width:33.33%; height: 50px; float:left; font-size:16px;font-weight:400 !important;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9; border-radius:0; margin:0; padding:13px 0 0 0; border-right:1px solid #d9d9d9; box-sizing:border-box; color:#333; background-color: #fff; opacity: 1; vertical-align: middle; margin-bottom:-1px; letter-spacing:-1px; transition:.25s;    word-break:keep-all;}
/*.stp-wrap .swiper-pagination-pop-bullet:hover{color:#006241; font-weight:500;}*/
.stp-wrap .swiper-pagination-pop-bullet-active{width: 33.33%; height: 50px; color:#fff; background-color:#cf9d6d; opacity:1; font-weight:500;}

.stp-btn{position:relative; width:100%; max-width:1000px; height:34px; margin:0 auto; background:#000; display:block;}
.main-popup-today{position:relative; width:40%; height:100%; font-size:0.8rem;}
.main-popup-today .today-text{position:absolute; top:46%; left:0%; width:100%; color:#fff; transform:translateY(-50%); padding:0 0 0 10px; cursor:pointer; transition: 0.8s;}
.main-popup-today:hover .today-text.today-text1{opacity:0;}
.main-popup-today:hover .today-text.today-text2{opacity:1;}
.main-popup-today .today-text1{opacity:1;}
.main-popup-today .today-text2{opacity:0;}

.main-popup-close-modal-btn{
  position: absolute;
  top:7px;
  right:10px;
  width:20px;
  height:20px;
  cursor: pointer;
  transition:all 0.8s;
  transform:rotate(0deg);
  transform-origin:50% 50%;
  z-index:3;
}
.main-popup-close-modal-btn:hover{transform:rotate(180deg);}

.main-popup-ctrls{width: 80px; height: 48px; background: url(../multipop_tmp2/img/best-review-ctrls.png)0 0/200% no-repeat; position: absolute; top:46%; z-index:3;}
.main-popup-ctrls.prev{background-position: 0 0; left:calc(50% - 775px); }
.main-popup-ctrls.next{background-position: 100% 0; left:calc(50% + 695px);}

.main-popup-text{padding:3% 0 3% 4%;}

/* 모바일 메인 팝업 영역 */
.main-m-popup-modal-item-bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10% 0 0 0;
  opacity:0;
  visibility:hidden;
  z-index: 111;
  background: rgba(0,0,0,.4);
}
.main-m-popup-modal-item{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 75%;
  max-width:800px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); 
  -moz-transform: translate(-50%, -50%); 
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  padding: 10% 0 0 0;
  opacity:0;
  visibility:hidden;
  z-index: 111;
}
.main-m-popup-slider-madal{position:absolute; top:50%; left:50%; width:100%; max-width:480px; height:auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin:0 auto; background:rgba(254, 254, 254, 0); z-index:-1;}
.main-m-popup-modal-slider.swiper-container-pop-horizontal>.swiper-pagination-pop-bullets, .swiper-pagination-pop-custom, .swiper-pagination-pop-fraction{bottom:3%}
.main-m-popup-modal-slider .swiper-pagination-pop-bullet{width: 6px; height: 6px; background-color: #fff; opacity: 0.8; vertical-align: middle;}
.main-m-popup-modal-slider .swiper-pagination-pop-bullet-active{width: 10px; height: 10px; background-color: #006241; opacity:1;}

.m-stp-btn{position:relative; width:100%; max-width:480px; height:40px; margin:0 auto; background:#212121; display:block;}
.main-m-popup-today{position:relative; width:40%; height:100%; font-size:1rem;}
.main-m-popup-today .m-today-text{position:absolute; top:48%; left:0%; width:100%; color:#fff; transform:translateY(-50%); padding:0 0 0 10px; cursor:pointer; transition: 0.8s;}
.main-m-popup-today:hover .today-text.m-today-text1{opacity:0;}
.main-m-popup-today:hover .today-text.m-today-text2{opacity:1;}
.main-m-popup-today .m-today-text1{opacity:1;}
.main-m-popup-today .m-today-text2{opacity:0;}

.main-m-popup-close-modal-btn{
  position: absolute;
  top:10px;
  right:10px;
  width:20px;
  height:20px;
  cursor: pointer;
  transition:all 0.8s;
  transform:rotate(0deg);
  transform-origin:50% 50%;
  z-index:3;
}
.main-m-popup-close-modal-btn:hover{transform:rotate(180deg);}
/* //모바일 메인 팝업 영역 */

@media (max-width:800px) {
    .main-popup-slider-madal{height:auto}
	.main-popup-today {width:35%}

}


@media (max-width:768px) {
.main-popup-slider-madal { width:95%}	
.stp-wrap .swiper-pagination-pop-bullet { font-size:13px;}

}