/* 인증서 팝업 */
.pop_box::after{content:''; position:absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.7;}
.pop_box .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100vh; max-width: 550px; z-index: 10;}
.pop_box .p50 figure{padding: 16px; box-sizing:border-box; position: relative; height: 100%; max-height: 230px; top: 50%; transform:translateY(-50%); text-align: center;}
.pop_box .p50 figure img{height: 100%;}
.pop_down{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500;}
.pop_down .bg{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}
.pop_down .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10; width: 100%; height: 100%; max-width:532px; max-height: 230px; background: #fff; border-radius:10px; box-sizing:border-box; padding: 65px 50px 45px; font-size:0; overflow-y: auto;}
.pop_down .p50 .input{padding-top: 30px;}
.pop_down .p50 .input .item{display:inline-block; vertical-align: top; width: 100%; margin-bottom:30px;}
.pop_down .p50 .input .item.w50{width: calc(50% - 16px); margin-right: 32px;}
.pop_down .p50 .input .item.w50.mr{margin-right: 0;}
.pop_down .p50 .input .item > span{display:inline-block; vertical-align: top; width: 100%; font-weight:bold; font-size:18px; text-align: center; color: #333; margin-bottom:12px;}
.pop_down .p50 .input .item > span > span{color: #dd081e;}
.pop_down .p50 .input .item > input[type="text"]{width: 100%; height: 40px; background: #eeeeee; border-radius:5px; border:none; box-sizing:border-box; padding: 0 20px; font-size:16px; color: #000;}
.pop_down .p50 .chk label span{position:relative; top: 3px; display:inline-block; vertical-align: top; width: 16px; height: 16px; box-sizing:border-box; border:0px solid #ddd; line-height:1.3em; border-radius:2px}
.pop_down .p50 .chk label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.pop_down .p50 .chk label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-weight:300; text-align: center; font-size:14px; letter-spacing:-0.015em; color: #333; padding-left: 5px; box-sizing:border-box; ;line-height:1.4em; padding-left: 20px;}
.pop_down .p50 .chk input[id="chk"]:checked + label span{}
.pop_down .p50 .chk input[id="chk"]:checked + label span i{color: #dd081e;}

.pop_box::after{content:''; position:absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.7;}
.pop_box .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100vh; max-width: 550px; z-index: 10;}
.pop_box .p50 figure{padding: 16px; box-sizing:border-box; position: relative; height: 100%; max-height: 230px; top: 50%; transform:translateY(-50%); text-align: center;}
.pop_box .p50 figure img{height: 100%;}
.pw_down{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500;}
.pw_down .bg{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}
.pw_down .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10; width: 100%; height: 100%; max-width:532px; max-height: 260px; background: #fff; border-radius:10px; box-sizing:border-box; padding: 0px 50px 45px; font-size:0; overflow-y: auto;}
.pw_down .p50 .input{padding-top: 30px;}
.pw_down .p50 .input .item{display:inline-block; vertical-align: top; width: 100%; margin-bottom:30px;}
.pw_down .p50 .input .item.w50{width: calc(50% - 16px); margin-right: 32px;}
.pw_down .p50 .input .item.w50.mr{margin-right: 0;}
.pw_down .p50 .input .item > span{display:inline-block; vertical-align: top; width: 100%; font-weight:bold; font-size:18px; text-align: center; color: #333; margin-bottom:12px;}
.pw_down .p50 .input .item > span > span{color: #dd081e;}
.pw_down .p50 .input .item > input[type="password"]{width: 100%; height: 40px; background: #eeeeee; border-radius:5px; border:none; box-sizing:border-box; padding: 0 20px; font-size:16px; color: #000;}
.pw_down .p50 .chk label span{position:relative; top: 3px; display:inline-block; vertical-align: top; width: 16px; height: 16px; box-sizing:border-box; border:0px solid #ddd; line-height:1.3em; border-radius:2px}
.pw_down .p50 .chk label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.pw_down .p50 .chk label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-weight:300; text-align: center; font-size:14px; letter-spacing:-0.015em; color: #333; padding-left: 5px; box-sizing:border-box; ;line-height:1.4em; padding-left: 20px;}
.pw_down .p50 .chk input[id="chk"]:checked + label span{}
.pw_down .p50 .chk input[id="chk"]:checked + label span i{color: #dd081e;}
.pw_down .p50 .btn button { width: 100px; height: 50px; border-radius: 10px; background: #f4f4f4; font-size: 16px; color: #666; border: none; margin: 0 auto; cursor: pointer; }