@charset "utf-8";
/* popup */
.popup-wrapper{display:none}
.popup-wrapper,
.popup-wrapper .popup{position:fixed;z-index:20;}
.popup-wrapper{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);font-size:13px}
/* .popup-wrapper .popup{    overflow-y: auto;top:50%;left:50%;max-width:calc(100% - 40px);max-height:calc(100% - 40px);background:#fff;transform: translate(-50%,-49%);} */
.popup-wrapper .popup{overflow-y: auto;top: 20%;left: calc(50% - 250px);max-width:calc(100% - 40px);max-height:calc(80% - 40px);background:#fff;/* transform: translate(-50%,-50%); *//* transform: translate(-50.1%,-50.1%); */}
.openpop {overflow:hidden}
.openpop .popup-wrapper{display:block;}
.popup-wrapper .popup .popup-inner{position:relative;width:100%;height:100%;padding-bottom:20px}
.popup-wrapper .popup .btn-pop-close{position:absolute;top:22px;right:30px;width:40px;height:40px;padding-top:40px;border:1px solid #000;box-sizing: border-box;overflow:hidden;background:#fff url(../images/btn-pop-close.png) no-repeat center}
/* .popup-wrapper .popup .btn-pop-close::after{display:inline-block;position:absolute;top:50%;left:50%;width:14px;height:12px;background-repeat:no-repeat;background-size:cover;background-image:url(../images/btn-pop-close.png);transform: translate(-50%,-50%);} */
.popup-wrapper .popup .btn-pop-close:hover{background:#000 url(../images/btn-pop-close-w.png)  no-repeat center}
/* scroll design */
.popup-wrapper .popup .contxt{position:relative;padding:0 20px;overflow:hidden;overflow-y:auto}
.popup-wrapper .popup .ps__rail-y { position: absolute; width:4px; right:8px; opacity: 1}
.popup-wrapper .popup .ps--active-y > .ps__rail-y {display: block; background:#eee; }
.popup-wrapper .popup .ps__thumb-y { position: absolute; background:#0590e1; width:4px; right:0; }
/* .popup-wrapper .popup .btn-pop-close:hover::after{background-image:url(../images/btn-pop-close-w.png)} */

@media all and (min-width: 1200px) and (max-width: 1601px) and (max-height: 750px) and (orientation: landscape) {
	.popup-wrapper .popup{top: 10%; max-height: 85%;}
}

@media screen and (max-width:768px){
	.popup-wrapper .popup .btn-pop-close{background:#fff url(../images/btn-pop-close-m.png) no-repeat center/auto 12px}
	.popup-wrapper .popup .btn-pop-close:hover{background:#000 url(../images/btn-pop-close-m-w.png) no-repeat center/auto 12px}
	.popup-wrapper .popup {     top: 50%; left: 50%;    transform: translate(-50%,-50%);    max-height: 98vh;max-width: 98vw;}
}

@media screen and (max-width:640px){
	.popup-wrapper .popup .popup-inner .title{margin:0  14px;padding:25px 0;font-size:21px;line-height:30px;}
	.popup-wrapper .popup .contxt{padding:0 14px}
	.popup-wrapper .popup .btn-pop-close{top:24px;right:14px;width:35px;height:35px;padding-top:35px}
	.popup-wrapper .popup .btn-pop-close,
	.popup-wrapper .popup .btn-pop-close:hover{background-size:auto 13px !important}
	
}