@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 #4d5265; background:#fff; padding-bottom:58px; box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.2); z-index:999}
.layer_pop.foot_none{padding-bottom:0}
.layer_pop .head{position:relative; background:#4d5265; height:65px; text-align:left}
.layer_pop .head .pop_tit{display:inline-block; padding-left:20px; color:#fff; 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:rgba(0, 0, 0, 0.2);
}
.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:600px; 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}


/* win_pop */
.window_pop{position:relative}
.window_pop .head{position:fixed; top:0; left:0; right:0; height:65px; background:#4d5265; z-index:9}
.window_pop .head .pop_tit{display:inline-block; padding-left:20px; color:#fff; font-size:16px; line-height:65px; font-weight:normal; letter-spacing:-1.5px}
.window_pop .head .pop_close
{
    display:block; position:absolute; right:20px; top:50%; width:34px; height:34px; margin-top:-17px; border-radius:50%;
    background:rgba(0, 0, 0, 0.2);
}
.window_pop .head .pop_close:before, .window_pop .head .pop_close:after{content:''; position:absolute; left:50%; width:20px; height:2px; margin-left:-10px; background:#fff; transition:all .30s ease}
.window_pop .head .pop_close:before{top:16px; transform:rotate(45deg)}
.window_pop .head .pop_close:after{bottom:16px; transform:rotate(-45deg)}
.window_pop .head .pop_close:hover:before{transform:rotate(135deg)}
.window_pop .head .pop_close:hover:after{transform:rotate(45deg)}

.window_pop .body{position:relative;padding:65px 0 0}
.window_pop .body .pop_contents{position:relative; padding:30px 20px; box-sizing:border-box}
.window_pop .foot{padding:0 0 20px}


/* 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%}