@charset "utf-8";
/* 레이어팝업 */

.header-line { display:none !important; }

#header.popup_opened { z-index:0; }
footer.footer_ver2020 .inner_2020.popup_opened {z-index:-1;}

html.ov_h, html.ov_h body { overflow:hidden; }
.layer_popup_wrap { display:none; position:absolute; left:0px; top:0; z-index:10000; /*overflow-x:hidden; overflow-y:auto;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:9999; }
.layer_popup_wrap.center { left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.layer_popup_wrap .layer_popup { height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.layer_popup_wrap .layer_popup .layer_popup_window { position:relative; width:100%; max-width:550px; margin:0px auto; padding:25px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top { /*position:relative;*/ display:block; padding:0px 50px 20px 0px; background:#fff; /* border-bottom:1px solid #00a6ff; */ color:#222; font-size:24px; font-weight:700; line-height:100%; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top:before { content:""; display:block; position:absolute; left:0px; right:0px; bottom:0px; height:1px; background-color:#00a6ff; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_layer_popup { position:absolute; right:0px; bottom:0px; display:block; z-index:1; width:24px; height:24px; overflow:hidden; text-indent:-9999px; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_layer_popup:before { content:""; position:absolute; left:0px; right:0px; top:11px; height:2px; background:#fff; transform:translate3D(0,0px,0) rotate(-45deg); }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_layer_popup:after { content:""; position:absolute; left:0px; right:0px; bottom:11px; height:2px; background:#fff; transform:translate3D(0,0px,0) rotate(45deg); }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_layer_popup:hover:before, .layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_layer_popup:hover:after { background:#00a6ff; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content { min-height:100px; max-height:520px; padding:20px 0px; }


.gray_mask{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

#popup{display:none; /*position:absolute;*/}


@media (max-width:768px){
    .layer_popup_wrap{ width:100%; }
}