/*Popup*/
.main-popup-wrap.dim{position:fixed;top:0;left:0;bottom:0;right:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,.8)}
.main-popup{position:absolute;z-index:120;background-color:var(--color-white,#fff);line-height:20px}
.main-popup .popup-bottom{padding:3px 6px;background-color:var(--color-black,#000)}
.main-popup .popup-bottom .popup-bottom-inner{display:flex;justify-content:space-between}
.main-popup .popup-bottom label{color:var(--color-white,#fff);font-weight:700}
.main-popup .popup-bottom input[type="checkbox"]{margin:0}
.main-popup .popup-bottom .btn-close{color:var(--color-gray,#aaa)}
.main-popup.center{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)}
.main-popup .ck-content .image{margin:0}
.top-popup{position:relative;overflow-y:hidden}
.top-popup .popup-control{position:absolute;top:20%;right:10px;display:flex;align-items:center}
.top-popup .popup-control label{color:var(--color-dark-gray,#333)}
.top-popup .popup-control .close{position:relative;display:block;width:20px;height:20px;margin-left:7px;font-size:0}
.top-popup .popup-control .close:before,.top-popup .popup-control .close:after{content:'';position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;border-radius:5px;background:var(--color-dark-gray,#333)}
.top-popup .popup-control .close:before{transform:rotate(45deg)}
.top-popup .popup-control .close:after{transform:rotate(-45deg)}
@media only screen and (max-width:767px) {
    .top-popup .popup-control label{display:none}
    .top-popup .popup-control .close{width:30px;height:30px}
    .top-popup .popup-control .close:before,.top-popup .popup-control .close:after{height:2px}
}
.main-popup-wrap.dim {z-index:10000;}