@charset "utf-8";
/* ---------- 팝업 스타일 ---------- */

/* layer_pop */
.layer_wrap{display:block; position:fixed; left:0; right:0; top:0; bottom:0; text-align:center; background-color:rgba(255,255,255,.4); z-index:999}
.layer_wrap:before{content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em;}
.layer_pop{display:inline-block; position:relative; vertical-align:middle; height:auto; overflow:hidden; border:1px solid #023668; background:#fff; padding-bottom:58px; box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.2); z-index:999}
.layer_pop .head{position:relative; background:#023668; height:65px; text-align:left}
.layer_pop .head .pop_tit{display:inline-block; padding-left:20px; color:#b6c4dd; font-size:16px; line-height:65px; font-weight:normal; letter-spacing:-1.5px}
.layer_pop .head .pop_close
{
    display:block; position:absolute; right:20px; top:50%; width:34px; height:34px; margin-top:-17px; border-radius:50%;
    background:#5e749e; background:-webkit-linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99); background:-moz-linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99); background:linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99)
}
.layer_pop .head .pop_close:before, .layer_pop .head .pop_close:after{content:''; position:absolute; left:50%; width:20px; height:2px; margin-left:-10px; background:#fff; transition:all .30s ease}
.layer_pop .head .pop_close:before{top:16px; transform:rotate(45deg)}
.layer_pop .head .pop_close:after{bottom:16px; transform:rotate(-45deg)}
.layer_pop .head .pop_close:hover:before{transform:rotate(135deg)}
.layer_pop .head .pop_close:hover:after{transform:rotate(45deg)}

.layer_pop .body{position:relative; background:#fff}
.layer_pop .body .pop_contents{position:relative; padding:30px 20px; max-height:500px; text-align:center; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.layer_pop .foot{position:absolute; bottom:0; left:0; right:0; padding:0 0 20px; background:#fff}


/* result_message */
.result_message_ty1{position:relative; text-align:center}
.result_message_ty1 .message_ico{display:inline-block; position:relative; width:60px; height:60px; margin-bottom:15px; background:#f2f6fb; border-radius:50%}
.result_message_ty1 .message_ico i{line-height:60px; font-size:32px; color:#5e749e}
.result_message_ty1 .info_txt{color:#505050; letter-spacing:-0.8px; font-size:14px; font-weight:normal; line-height:165%}


/* cctv_pop */
.cctv_pop{position:relative}
.cctv_pop .head{position:fixed; top:0; left:0; right:0; height:42px; background:#0c76d3; z-index:9}
.cctv_pop .head .pop_tit{display:block; color:#fff; font-size:18px; line-height:42px; font-weight:600; letter-spacing:-1px; text-align:center}
.cctv_pop .body{position:relative;padding:42px 0 0}
.cctv_pop .body .pop_contents{position:relative; text-align:center; box-sizing:border-box}
.cctv_pop .body .pop_contents .cctv_area{width:550px; margin:0 auto; font-size:0;}
.cctv_pop .body .pop_contents video{display:block; height:auto; margin:0; padding:0}
.cctv_pop .foot{padding:0 0 20px}