body{
    background-color:#f3f3f3;
}
.pop_admin_login{
    position:relative;
    padding-top:145px;
}

.admin_login_wrap{
    width:382px;
    margin:0 auto;
    padding-bottom:50px;
    border-bottom:1px solid #e0e0e0;
}
.admin_login_wrap h1{
    overflow:hidden;
    width:172px;
    height:61px;
    margin:0 auto 40px;
    background:url(../images/login_logo.png) no-repeat;
    background-size:100% 100%;
    text-indent:-5000px
}
.admin_login_content{
    padding:30px;
    background-color:#fff;
    border:1px solid #ced6dc;
    box-shadow:0 1px 3px rgba(139,157,175,0.18)
}

.admin_login_content .login_id label,
.admin_login_content .login_pwd label{
    display:none;
}
.admin_login_content .box_id,
.admin_login_content .box_pwd{
    position:relative;
    margin-bottom:15px;
}

.admin_login_content .tf{
    height:48px;
    padding-left:68px;
    border:1px solid #99a9b6;
    font-size:13px;
}
.admin_login_content .tf:focus{
    border:1px solid #33536d;
    color:#187fc8;
}
.admin_login_content .ico_user,
.admin_login_content .ico_lock{
    position:absolute;
    top:12px;
    left:22px;
}
.admin_login_content .ico_user:before,
.admin_login_content .ico_lock:before{
    font-size:21px;
    color:#a7afb7;
}
.admin_login_content .tf:focus ~ .ico_user:before,
.admin_login_content .tf:focus ~ .ico_lock:before{
    color:#727f8c;
}
.admin_login_content .txt_placeholder{
    position:absolute;
    top:17px;
    left:70px;
    font-size:13px;
    color:#bcc4cd;
}
.admin_login_content span.form_error{
    display:none;
    margin:5px 0 0 2px;
    color:#f3422b;
    font-size:12px;
    font-weight:bold;
}
 .admin_login_content span.form_error{
    display:block;
 }
.admin_login_content .tf.form_error {
    border-color:#f3422b;
}
.admin_login_content .tf.form_error + .ico_user:before,
.admin_login_content .tf.form_error + .ico_lock:before{
    color:#f3422b;
}

.admin_login_content .login_check{
    margin:20px 0 0;
}
.admin_login_content .login_check .chk{
    margin-bottom:9px;
    font-size:13px;
    font-weight:bold;
    color:#838383;
}
.admin_login_content .login_check .chk span:after,
.admin_login_content .login_check .chk span:before{
    width:19px;
    height:19px;
}
.admin_login_content .login_check .btn{
    margin:0;
}
.admin_login_content .admin_login_links{
    overflow:hidden;
    margin-top:30px;
    text-align:center;
}
.admin_login_content .admin_login_links a{
    display:inline-block;
    float:left;
    font-size:13px;
    text-decoration:underline;
    color:#adb1b1;
}
.admin_login_content .admin_login_links a:last-child{
    float:right;
}

.admin_login_content .sns_login{
    margin-top:60px;

}
.admin_login_content .sns_login h3{
    font-size:16px;
    color:#757575;
    text-align:center;
}
.admin_login_content h3{
    margin-top:60px;
    font-size:16px;
    color:#757575;
    text-align:center;
}
.admin_login_content .inner_other_login{

}
.admin_login_content .inner_other_login li{
    width:100%;
    margin-top:12px;
    text-align:center;
}
.admin_login_content .inner_other_login li:first-child{
    margin-top:20px;
}
.admin_login_content .inner_other_login a,
.admin_login_content .inner_other_login button{
    display:block;
    position:relative;
    width:100%;
    padding-left:46px;
    border-radius:3px;
    font-size:15px;
    color:#fff;
    line-height:44px;
}
.admin_login_content .inner_other_login a:after,
.admin_login_content .inner_other_login button:after{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:46px;
    height:44px;
    background:url(../images/login_sns.png) no-repeat 0 0;
}
.admin_login_content .inner_other_login .btn_login_facebook a{
    border:1px solid #30589a;
    background:url(../images/login_sns.png) repeat-x 0 -240px;
}
.admin_login_content .inner_other_login .btn_login_kakao a{
    border:1px solid #e7d004;
    background:url(../images/login_sns.png) repeat-x 0 -300px;
    color:#523738
}
.admin_login_content .inner_other_login .btn_login_naver a{
    border:1px solid #2ea300;
    background:url(../images/login_sns.png) repeat-x 0 -360px;
}
.admin_login_content .inner_other_login .btn_login_line a{
    border:1px solid #2ea300;
    background:url(../images/login_sns.png) repeat-x 0 -360px;
}

.admin_login_content .inner_other_login .btn_login_google button{
    border:1px solid #c5c5c5;
    background:#fff url(../images/login_sns.png) no-repeat 0 -420px;
    color:#4285f4;
}


.admin_login_content .inner_other_login .btn_login_facebook a:after{
    background-position:0 0;
}
.admin_login_content .inner_other_login .btn_login_kakao a:after{
    background-position:0 -60px;
}
.admin_login_content .inner_other_login .btn_login_naver a:after{
    background-position:0 -120px;
}
.admin_login_content .inner_other_login .btn_login_line a:after{
    border: 1px solid #31d533;
    background: #28c72a url(../images/login_sns.png) no-repeat 0 -488px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px; 
}
.admin_login_content .inner_other_login .btn_login_google button:after{
    /*background-position:0 -180px;*/
    background:transparent;
    border-right:1px solid #dcdcdc;
}

.pop_admin_login .footer{
    margin:7px 0;
    font-size:11px;
    text-align:center;
    color:#414141;
}
.pop_admin_login .footer .breadcrumb{
    padding:5px 15px;
    float:none;
}
.pop_admin_login .footer .breadcrumb.vbar > li{
    padding:0;
}

@media all and (max-width:767px){
    .pop_admin_login{
        padding-top:60px;
    }
    .admin_login_wrap{
      width:100%;
      padding-bottom:77px;
    }

    .admin_login_wrap h1{
        width:172px;
        height:61px;
        margin-bottom:32px;
    }
    .admin_login_content{
        padding-top:0;
        padding-bottom:0;
        background-color:transparent;
        border:0;
        box-shadow:none;
    }
    .admin_login_content .admin_login_links a{
        float:none;
    }
    .admin_login_content .admin_login_links a:last-child{
        float:none;
        margin-left:18px;
    }
}