@charset "UTF-8";

.layerpopupArea .weap_stystem{margin:25px 0; text-align:center;}
.layerpopupWrapperPd { width:100%; height:100vh; position:fixed; top:0; z-index:9999; }
.layerpopupWrapperPd .mask { left:0; }
.layerpopupWrapperPd .layerpopupArea { width:450px; height:auto; position:absolute; left:50%; top:50%; -moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.layerpopupWrapperPd .layerpopupArea h4 { text-align: left; }
.layerpopupArea {position: relative; /*width: 700px;*/ background: #fff; padding: 25px 30px 35px 30px;  border:3px solid #1f4476; z-index:20;}
.layerpopupArea h4 {color:#1f4476; font-size: 22px; font-family: '맑은고딕' , 'MalgunGothic', sans-serif; line-height: 40px; margin-bottom: 5px;}
.layerpopupArea .previousInfo {background: #f7f7f7;  margin-top:25px; border-top:1px solid #000; overflow:hidden;}
.layerpopupArea .previousInfo ul{}
.layerpopupArea .previousInfo ul li{float:left; border-bottom:1px solid #ccc; line-height:1.5em; width:100%; padding:10px 0;}
.layerpopupArea .previousInfo ul li .inputWrapper{width:100%;}
.layerpopupArea .previousInfo ul li .tit {float: left;width:150px; height: 45px; line-height:45px;text-align:left; box-sizing: border-box;font-weight: 700; font-family: '맑은고딕' , 'MalgunGothic', sans-serif;color: #454545;font-size: 1em;}
.layerpopupArea .previousInfo ul li .cnt {float: left; vertical-align: middle;position: relative; line-height:45px; width:75%; font-size: 14px;/*width:83%;*/ /*padding: 6px 0;*/}
.layerpopupArea .btnClose {position: absolute; top: 28px; right: 30px;}
.layerpopupArea .btnClose img {display: block; width: 23px; }

.layerpopupArea  .popBox { background:#ddd; font-size:16px; padding:20px; text-align: center; line-height:20px; margin:0px 0 20px; }

/* .PwForm label { width:20%; display: inline-block; text-align: left;  line-height:20px; vertical-align:middle; }
.PwForm .inputBox input[type="text"], .PwForm .inputBox input[type="password"] { width:70%; } */

.layerpopupWrapperPd .mask { width: 100%; height: 100vh; background:rgba(0,0,0,0.4); }
.layerpopupWrapperPd .layerpopupArea { border: none; padding: 0; }
.layerpopupWrapperPd .layerpopupArea  .popup_header  { padding:10px 25px;  background:#0061f2; }
.layerpopupWrapperPd .layerpopupArea  .popup_header h4 { color: #fff;  margin-bottom: 0; }
.layerpopupWrapperPd .layerpopupArea  .popup_header  a { color: #fff; text-decoration: none; top: 5px; font-size:30px; font-weight:bold; }
.layerpopupArea .previousInfo { padding: 25px; margin-top: 0; border: none;  background:#fff;}
.layerpopupArea .popBox { background: #eaeaea; }
.layerpopupArea .previousInfo .PwForm { border: none; }
.layerpopupArea .previousInfo .PwForm legend { display: none; }
.btnArea { margin:1.5em; }