@charset "utf-8";

.agree_popuplayer { display:none; }
.agree_popup_mask { position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:100; }
.agree_popup_close { position:absolute; top: 0; right: 0; padding: 20px; cursor:pointer; z-index: 102; }
.agree_popuplayer .content { position: fixed; top: 50%; left: 50%; width: 900px; height: 700px; padding: 40px; margin-left: -450px; margin-top: -350px; background: #fff; z-index: 101;}
.agree_popuplayer .content .agree_area p { word-break:keep-all; font-size:12px;}

@media screen and (max-width:768px) {

    .agree_popuplayer .content { width:87.5555vw; height:122vw; top:70vw; right:73vw; margin-top:-47vw; margin-left:-44vw; padding:3vw; }
    .agree_popuplayer .content .agree_area { overflow-y:auto; height:112vw; padding:3vw; }
    .agree_popuplayer .content .agree_area p { font-size:3vw; }
    .agree_popup_close { top: 1vw; right: 0vw; }

}