/* 로그인 페이지 */
#head{display:none;}
#footer{display:none;}

.content{width:100%; height:100vh; min-height:960px; overflow:hidden; position:relative;
background-image:url(/images/sub/login_bg.jpg);
background-repeat:no-repeat;
background-position:center center;
/* background-size:1920px 960px; */
background-size:cover;
background-color:#7a399e;
}
.sub_head{width:100%; position:fixed; top:50px; left:0px; font-size:20px; color:#fff; text-align:left; text-indent:30px; z-index:99;}
.sub_head a{color:#fff;}
.sub_foot{color:#fff; background-color:rgba(255,255,255,0.2);}

.content .login_wrap{width:400px; margin:275px auto;}
.content .login_wrap h3{font-size:30px; line-height:40px; color:#fff; font-weight:normal; letter-spacing:-2px; padding-bottom:30px;}
.content .login_wrap h3 strong{display:inline-block; font-weight:bold; font-family: 'NotoSansKR-Bold'; }
.content .login_wrap .login_box{width:100%; overflow:hidden;}
.content .login_wrap .login_box .line{width:100%; height:50px; border-bottom:2px solid #cdc7d1;}
.content .login_wrap .login_box .line.odd{padding:5px 0px; border-bottom:0px; line-height:50px; box-sizing:border-box; padding-left:35px; position:relative;}
.content .login_wrap .login_box .line.odd span{color:#fff; font-size:13px;}
.content .login_wrap .login_box .line input{width:100%; height:100%; border:none; outline:none; background:none; color:#fff;  text-indent:5px; font-size:13px;}
.content .login_wrap .login_box .line input::placeholder{color:#fff;}
.content .login_wrap .login_box .line .chk_box{width:25px; height:25px; line-height:0px; display:inline-block; position:absolute; top:18px; left:0px;}
.content .login_wrap .login_box .line .chk_box input[type="checkbox"]{width:25px; height:25px; position:absolute; top:0px; left:0px; opacity:0; cursor:pointer;}
.content .login_wrap .login_box .line .chk_box label{width:100%; height:100%; display:inline-block;
background-image:url(/images/sub/chk_off.png);
background-repeat:no-repeat;
background-position:center center;
}
.content .login_wrap .login_box .line .chk_box input[type="checkbox"]:checked + label{background-image:url(/images/sub/chk_on.png);}
.content .login_wrap .login_box .login_btn{width:100%; height:50px; padding-top:20px;}
.content .login_wrap .login_box .login_btn a{width:100%; height:50px; line-height:50px; text-align:center; color:#fff;
background-color:#7a399e; display:inline-block; border-radius:3px; font-size:13px;}

.content .login_wrap .btns{width:100%; padding-top:30px; overflow:hidden; font-size:13px;}
.content .login_wrap .btns .lt{width:30%; text-align:left; float:left;}
.content .login_wrap .btns .lt a{color:#fff;}
.content .login_wrap .btns .rt{width:70%; text-align:right; float:left;}
.content .login_wrap .btns .rt a{color:#fff;}
.content .login_wrap .btns .rt span{color:#fff; font-family:dotum,"돋음"; margin:0px 5px 0px 4px;}

/* 아이디, 비번찾기*/
.content .popup{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:3;}
.content .popup .bg_dim{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; z-index:1;}

.content .popup .popup_inner{width:500px; box-sizing:border-box; padding:30px 35px 50px 35px; background-color:#fff; position:absolute; top:25%; left:50%; margin-left:-250px; 
border:1px solid #ddd; z-index:2; overflow:hidden;}
.content .popup .popup_inner h3{width:100%; font-size:38px; font-weight:bold; font-family: 'NotoSansKR-Bold'; letter-spacing:-3px;}
.content .popup .popup_inner p.sub_tit{width:100%; font-size:15px; padding:5px 0px 25px 0px;}
.content .popup .popup_inner .input_box{width:100%;}
.content .popup .popup_inner .input_box .line{width:100%; border-bottom:2px solid #000;}
.content .popup .popup_inner .input_box .line input{width:100%; height:50px; border:0px; outline:none; font-size:15px;}
.content .popup .popup_inner .btn{width:100%; height:50px; padding-top:50px;}
.content .popup .popup_inner .btn a{width:100%; height:50px; line-height:50px; text-align:center; display:inline-block; background-color:#ddd; color:#fff; border-radius:3px;}
.content .popup .popup_inner .btn.on a{background-color:#7a399e;}
.content .popup .popup_inner .popup_close{width:30px; height:30px; line-height:30px; text-align:center; font-size:30px; font-weight:bold; font-family: 'NotoSansKR-Bold'; 
position:absolute; top:10px; right:10px; cursor:pointer;}

.content .popup.popup_find{display:none;}
.content .popup.popup_reset{display:none;}