.popup{display:none;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:80px 10px 80px 10px;position:fixed;left:0;top:0;z-index:9999;overflow-y:auto;text-align:center;font-size:0;font-family:'NotoSansRN'}@media only screen and (max-width: 767px){.popup{padding:60px 10px 60px 10px}}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup{padding:60px 10px}}.popup.open{display:block}.popup:before{content:'';width:0;height:100%;display:inline-block;vertical-align:middle}@media only screen and (max-width: 767px){.popup:before{vertical-align:top}}.popup:after{content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.65)}.popup>.frame{display:inline-block;max-width:100%;vertical-align:middle;position:relative;z-index:1;font-size:12px}.popup>.frame>.head{display:table;width:100%;height:65px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:48px;background-color:#35383b;font-size:0}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup>.frame>.head{height:55px}}@media only screen and (max-width: 767px){.popup>.frame>.head{position:fixed;top:0;left:0;z-index:1;height:50px}}.popup>.frame>.head>.box{display:table-cell;vertical-align:middle;text-align:left;padding:10px 40px}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup>.frame>.head>.box{padding:10px 15px}}@media only screen and (max-width: 767px){.popup>.frame>.head>.box{padding:10px 20px}}.popup>.frame>.head>.box+.box{text-align:right}.popup>.frame>.head>.box>.title{font-size:20px;line-height:1;font-weight:500;letter-spacing:-0.5px;color:#fff}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup>.frame>.head>.box>.title{font-size:18px}}@media only screen and (max-width: 767px){.popup>.frame>.head>.box>.title{font-size:16px}}.popup>.frame>.body{background:#fff;padding:25px 40px 40px 40px}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup>.frame>.body{padding:25px}}@media only screen and (max-width: 767px){.popup>.frame>.body{padding:15px 10px}}.popup>.frame>.body>.buttons{margin-top:30px}@media only screen and (max-width: 767px){.popup>.frame>.body>.buttons{position:fixed;bottom:0;left:0;z-index:1;display:table;width:100%;padding:0}}.popup>.frame>.body>.buttons>.button{display:inline-block;vertical-align:middle;min-width:125px;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;background-color:#fff;border:1px solid #bebebe;font-size:16px;color:#888888;font-weight:400;line-height:48px;white-space:nowrap}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup>.frame>.body>.buttons>.button{font-size:15px}}@media only screen and (max-width: 767px){.popup>.frame>.body>.buttons>.button{display:table-cell;width:33%;height:50px;vertical-align:middle;font-size:14px}}.popup>.frame>.body>.buttons>.button+.button{margin-left:10px}.popup>.frame>.body>.buttons>.button:before{content:'';line-height:34px}.popup>.frame>.body>.buttons>.button.primary{background-color:#0ca6be;border-color:#0ca6be;color:#fff}.popup>.frame>.close{width:65px;height:65px;background-color:#35383b;position:absolute;right:0;top:0;z-index:1;text-align:right;line-height:65px;text-align:center}@media only screen and (min-width: 768px) and (max-width: 1080px){.popup>.frame>.close{width:55px;height:55px;line-height:55px}}@media only screen and (max-width: 767px){.popup>.frame>.close{position:fixed;top:0;right:0;width:50px;height:50px;line-height:50px}}.ad-popup{position:absolute;z-index:9999;min-width:320px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;max-width:100% !important;overflow:hidden;background-color:#000}@media only screen and (max-width: 1080px){.ad-popup{top:0 !important;left:0 !important}}@media only screen and (max-width: 767px){.ad-popup{top:0 !important;left:0 !important}}.ad-popup iframe{max-width:100%}.ad-popup>.contents img{max-width:100%}.ad-popup>.buttons{background-color:#f4f4f4;font-size:0;white-space:nowrap}.ad-popup>.buttons:after{content:'';display:block;clear:both}.ad-popup>.buttons>.button{display:inline-block;vertical-align:middle;min-width:50%;height:30px;font-size:15px;margin:0;padding:0 18px;border:none;outline:none;background:none;cursor:pointer}.ad-popup>.buttons>.button:hover{text-decoration:underline}.ad-popup>.buttons>.button.close{background-color:#9c9c9c;color:#fff}
