/* 로그인 박스 배경 */
.login_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000;}
.login_bg{position:absolute; top:0; left:0; width:100%; height:100%; background:black; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}

/*로그인 박스 전체*/
.login_box{position:relative; top:15%; width:280px; margin:0 auto; border-radius:3px; background:white; border:1px solid #ccc; overflow:hidden;}
.login_box .login_content{margin:25px;}

/*아이디 비밀번호*/
.login_box .id_pw_wrap{position:relative; margin:0px; padding:0px;}
.login_box .id_pw_wrap .id_wrap{position:relative; overflow:hidden; display:block; background:#f5f5f5; border:1px solid #ccc; border-radius:4px;}
.login_box .id_pw_wrap .id_wrap img{position:absolute; top:19px; left:15px;}
.login_box .id_pw_wrap .pw_wrap{position:relative; overflow:hidden; display:block; background:#f5f5f5; border:1px solid #ccc; border-radius:4px; margin-top:5px; }
.login_box .id_pw_wrap .pw_wrap img{position:absolute; top:19px; left:15px;}
.login_box .id_pw_wrap #user_id{width:170px; background:none; border:none; outline:none; padding:18px 10px 18px 50px; transition:0.3s;}
.login_box .id_pw_wrap #password{width:170px; background:none; border:none; outline:none; padding:18px 10px 18px 50px; transition:0.3s;}

.login_box .id_pw_wrap #user_id:focus,
.login_box .id_pw_wrap #password:focus{background:#fcfcfc;}

.login_box ::-webkit-input-placeholder {color:#888;}  /* WebKit browsers */ 
.login_box :-moz-placeholder {color:#888;}  /* Mozilla Firefox 4 to 18 */
.login_box ::-moz-placeholder {color:#888;}  /* Mozilla Firefox 19+ */ 
.login_box :-ms-input-placeholder {color:#888;}  /* Internet Explorer 10+ */

/* 로그인 유지 */
.login_box .keep_signed_wrap{text-align:center; margin:10px;}

/* 로그인버튼 */
.login_box .login_submit_btn{width:100%; height:35px; line-height:35px; font-weight:bold; cursor:pointer; background:#555; color:white; border:1px solid #666; outline:none; border-radius:3px; text-align:center; transition:0.3s;}
.login_box .login_submit_btn:focus,
.login_box .login_submit_btn:hover{background:#444;}

/* 소셜로그인 */
.login_box .social_btn{height:35px; margin:0px; padding:0px; margin:15px 8px 0 0; border-radius:4px;}
.login_box .social_dec{display:block; text-align:center; color:#333;}

/* 회원가입,ID찾기 */
.login_box .login_content_bottom{text-align:center;}
.login_box .login_content_bottom .enter{display:inline-block; width:50%; float:left; height:50px; line-height:50px; outline:1px solid #ccc; background:#f5f5f5; color:#888; transition:0.3s;}
.login_box .login_content_bottom .find{display:inline-block; width:50%; float:left; height:50px; line-height:50px; outline:1px solid #ccc; background:#f5f5f5; color:#888; transition:0.3s;}
.login_box .login_content_bottom img{vertical-align:middle; margin-right:5px;}
.login_box .login_content_bottom .enter:focus,
.login_box .login_content_bottom .enter:hover,
.login_box .login_content_bottom .find:focus,
.login_box .login_content_bottom .find:hover{background:#F0F0F0;}

/*에러메세지*/
.login_box .error{font-weight:bold; color:#CC472F; margin:10px; text-align:center;}