.popup-hide{margin-top:-100vh}
.popup-dark .popup-hide{margin-top:-100vh}
.popup-dark{background-color:#000000b3;bottom:0;cursor:pointer;display:none;left:0;position:fixed;right:0;top:0;z-index:20}
.popup-pane{background-color:transparent;position:absolute;top:-100vh;width:100%;z-index:100}
.popup-pane *{box-sizing:border-box}
.popup-wrap{background:#fff;border-radius:5px;box-shadow:10px 10px 10px #0006;margin:auto;max-width:100%;min-width:100px;position:relative;width:100%}
@media (max-width:500px) {
  .header{border-radius:15px}
}
.popup-wrap .header{background-color:#eee;border:1px solid #ddd;border-radius:5px 5px 0 0;color:#555;height:33px;padding:8px}
.popup-wrap .header .header-dropdown{list-style:none;position:absolute;right:10px;top:6px}
.popup-wrap .header .header-dropdown .dropdown-menu li{display:block!important}
.popup-wrap .header .header-dropdown li{display:inline-block}
.popup-wrap .header .header-dropdown i{color:#999;font-size:20px}
.popup-wrap .header .header-dropdown i:hover{color:#000}
.popup-wrap .header h2{color:#111;font-size:14px;font-weight:700;margin:0}
.popup-wrap .header h2 small{color:#999;display:block;font-size:12px;line-height:15px;margin-top:5px}
.popup-wrap .header h2 small a{color:#777;font-weight:700}
.popup-wrap .body{border-left:1px solid #ddd;border-right:1px solid #ddd;max-height:calc(100vh - 66px);-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:hidden;padding:10px;position:relative}
.popup-wrap .body .popup-button-groups{float:right;margin-top:10px}
.popup-wrap .body .title{border-bottom:2px solid #e3e3e3;font-size:12px;margin-bottom:15px;padding-bottom:5px;width:100%}
.popup-wrap .foot{border:1px solid #ddd;border-radius:0 0 5px 5px;padding:5px;position:relative;text-align:right;width:100%}
.popup-wrap .foot > .btn{height:26px}
.popup-wrap .foot-half{align-items:center;border:1px solid #ddd;border-radius:0 0 5px 5px;display:flex;height:40px;justify-content:space-between;padding:5px;position:relative;width:100%}
.popup-wrap .foot-half .left-buttons,.right-buttons{display:flex;gap:5px}
.popup-wrap .foot-check{height:40px;padding:5px;position:relative;text-align:center;width:100%}
.popup-wrap .foot-check input[type="checkbox"]{font-size:13px;margin-bottom:8px}
.popup-wrap .body-scroll{border:1px solid #ddd;height:200px;margin-top:10px;min-height:100px;overflow-x:hidden;overflow-y:auto}
.privacy-wrap{border:none;padding:10px}
.privacy-wrap h1{color:#1a619f;font-size:24px;font-weight:600;text-align:center}
.privacy-wrap{background-color:#fff;border:1px solid #e9e9e9;box-shadow:1px 1px 4px 1px #0000001a;width:100%}
.privacy-wrap h3{font-size:20px;padding-bottom:5px;padding-left:15px;position:relative;text-align:left!important}
.privacy-wrap h3:before{background-color:#1a619f;content:"";display:block;height:21px;left:0;position:absolute;top:-2px;width:5px}
.privacy-wrap .privacy-box{padding:10px}
.privacy-wrap .privacy-box h3{margin-top:20px}
.privacy-wrap .privacy-box h3:first-child{padding-top:0}
.privacy-wrap .privacy-box h4{font-size:14px;padding-top:15px}
.privacy-wrap .privacy-box p{color:#444;font-size:14px;line-height:1.5;padding-top:10px}
.privacy-wrap .privacy-box p + ol{padding-top:20px}
.privacy-wrap .privacy-box ol{padding-left:13px;padding-top:10px}
.privacy-wrap .privacy-box ol li{color:#444;font-size:14px;line-height:1.5;padding-left:5px;padding-top:5px}
.privacy-wrap .privacy-box ol li:first-child{padding-top:0}
.privacy-wrap .privacy-box ol.num li{list-style-type:decimal}
.privacy-wrap .privacy-box ol.num-circle > li{list-style:none;position:relative}
.privacy-wrap .privacy-box ol.num-circle > li:before{content:"";display:block;font-size:16px;left:-16px;position:absolute;top:3px}
.privacy-wrap .privacy-box ol.num-circle > li:first-child:before{top:-1px}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(1):before{content:"①"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(2):before{content:"②"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(3):before{content:"③"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(4):before{content:"④"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(5):before{content:"⑤"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(6):before{content:"⑥"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(7):before{content:"⑦"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(8):before{content:"⑧"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(9):before{content:"⑨"}
.privacy-wrap .privacy-box ol.num-circle > li:nth-child(10):before{content:"⑩"}
.popup-content{font-size:12px;max-height:100vh}
.popup-content > .foot > .btn{padding:0 10px}
.popup-content .header .header-dropdown li > .bootstrap-select{top:-6px!important}
.popup-content > .foot > button + button { margin-left:5px; }