@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #1e4ba0;font-size: 13px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}


.policy-popup{display:none;position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);background: #fff; border-radius: 20px;box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);padding:45px 40px;z-index: 100;width:100%;max-width:1120px;}
.policy-popup .close-policy{position: absolute;top:40px;right:40px;}
.policy-popup h2{font-size: 28px;font-weight: 600;color: #1b1b1b;}
.policy-popup .txt-box{margin-top:40px;max-height:580px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.38;letter-spacing: -0.4px;color: #1b1b1b;word-break: keep-all;}



/* mobile */
@media all and (max-width:768px) {
	.popup{position: absolute;top:5% !important;left:50% !important;transform: translateX(-50%);width:90% !important;}
    .popup .popup-contents img{display:block;width:100% !important;}

    .policy-popup{max-width:90%;max-height: 90%;padding:20px;border-radius: 10px;}
    .policy-popup h2{font-size:20px;}
    .policy-popup .close-policy{width:25px;height:25px;top:20px;right:20px;}
    .policy-popup .txt-box{margin-top:20px;font-size:14px;max-height:calc(100vh - 150px);}
}