@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;border-bottom:1px solid #f3f3f3;z-index:99;background:#fff}
.ol h2 {text-align:left;padding-bottom:20px;font-size:1.4em;font-weight:bold;border-bottom:1px solid #f2f2f2}
.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 {}
#ol_before form {padding:20px 0}
#ol_before fieldset {position:relative}
#ol_id {display:block;width:100%;margin-bottom:10px;background:#f7f8fa}
.ol_idlabel {color:#333}
#ol_pw {display:block;width:100%;margin:3px 0;background:#f7f8fa}
.ol_pwlabel {color:#333}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {width:100%}
#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 5px}
#ol_auto {position:relative;margin:20px 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_hd {padding:20px;text-align:left;padding-left:70px;position:relative;min-height:98px}
#ol_after .profile_img {display:block;position:absolute;top:20px;left:5px;background:-webkit-linear-gradient(left top, #3450b9 0%, #35b1ff 100%);border-radius:50px;padding:3px}
#ol_after .profile_img img {width:50px;height:auto;border-radius:50px;border:2px solid #fff}
#ol_after .ol_hd strong {font-size:1.167em;font-weight:400;display:block;margin:0 0 5px 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_logout {position:absolute;top:60px;left:75px;margin-top:-15px;padding:0 10px;line-height:30px;border-radius:3px}
#ol_after_private {border-top:1px solid #f3f3f3;padding:20px 0}
#ol_after_private li {position:relative;display:block;text-align:left;padding:10px 0;line-height:20px;font-size: 1.083em}
#ol_after_private li strong {float:right;color:#ff7a6b}
#ol_after_private li a {display:block;font-weight:300}
#ol_after_private li:hover a {color:#3450b9}
#ol_after_private li:after {display:block;visibility:hidden;clear:both;content:""} 
#ol_after_private li i {text-align:center;width:30px;margin-right:20px;color:#c7c7c7}
#ol_after_private li:hover i {color:#5b86ff}
#ol_after_private li .fa-gift {font-size:18px}
#ol_after_private li .fa-comments-o {font-size:18px}
#ol_after_private li .fa-question-circle-o {font-size:18px}