@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;border-bottom:1px solid #eee;padding:0 20px 20px}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;background:#d13f4a;color:#fff;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before fieldset {position:relative}
#ol_id {display:block;width:100%;margin:5px 0 10px;}
.ol_idlabel {color:#333;}
#ol_pw {display:block;;width:100%;margin:5px 0;}
.ol_pwlabel {color:#333;}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {width:100%;height:40px;border:0;border-radius:3px;color:#fff;font-weight:bold}
#ol_before a {letter-spacing:-0.15em}
#ol_svc {text-align:center;margin:10px 0 0}
#ol_svc a{display:inline-block;color:#333;margin:0 5px}
#ol_auto {position:relative;margin:5px 0;font-size:0.92em;color:#555}
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom} 

#ol_after {}
#ol_after_hd {margin:0 0 10px}
#ol_after .ol_hd {padding:20px;padding-left:60px;position:relative;min-height:50px}
#ol_after .profile_img{display:block;position:absolute;top:20px;left:0}
#ol_after .profile_img img{width:50px;height:auto;border-radius:50px;}
#ol_after .ol_hd strong{font-weight:400;display:block;line-height:20px;margin-bottom:5px}
#ol_after #ol_after_info{position:absolute;bottom:0;right:-5px;background:#fff;width:26px;line-height:26px;display:block;border-radius:50px;text-align:center}
#ol_after .btn_b01{    height: 22px;
    padding: 0 7px;
    border: 1px solid #ddd;
    background: none;
    color: #999;
    margin-top: 10px;
    font-size: 0.92em;}

#ol_after_private li{line-height:30px}
#ol_after_private li:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li i {width:30px;text-align:center;margin-right:10px}
#ol_after_private li strong{float:right;color:#ff0837}