@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;padding:25px}
.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;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before {background:#353535}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before .ol_wr {position:relative;margin-bottom:5px}
#ol_id {display:block;width:100%;border:1px solid #4b4b4b;padding:5px 10px;height:45px;color:#fff;background:#4b4b4b;border-radius:5px;margin-bottom:5px}
#ol_pw {display:block;width:100%;border:1px solid #4b4b4b;padding:5px 10px;height:45px;color:#fff;background:#4b4b4b;border-radius:5px}
#ol_submit {float:right;width:99px;height:40px;margin-top:15px;background:#4877ff;color:#fff;border-radius:5px;font-weight:bold;font-size:1.167em}
#ol_svc {clear:both;line-height:24px;border-bottom:1px solid #4b4b4b;padding-bottom:5px}
#ol_svc a {display:inline-block;color:#fff;text-align:left}
#ol_svc a#ol_password_lost {float:right}
#ol_auto {float:left;line-height:20px;padding:20px 0}
#ol_auto label {color:#fff}
#ol_auto input {width:13px;height:13px} 

#ol_after {background:#353535}
#ol_after_hd {margin:0 0 10px;padding:10px;text-align:center}
#ol_after_hd strong {display:block;margin:15px 0 5px;color:#fff}
#ol_after_hd strong.point {margin:0;color:#5f82e7}
#ol_after_hd .btn_admin {margin-top:10px;border-radius:3px;padding:5px 10px;height:35px}
#ol_after_hd .profile_img {position:relative;display:inline-block}
#ol_after_hd .profile_img img {border-radius:10px;width:50px;height:50px}
#ol_after_hd .profile_img a {position:absolute;left:0;bottom:0;display:inline-block;width:50px;border-radius:0 0 10px 10px;text-align:center;background:rgba(150, 150, 150, 0.8);line-height:18px;color:#fff}
#ol_after_hd .btn_admin {}
#ol_after_hd .btn_b04 {line-height:23px;padding:0 5px}

#ol_after_private {text-align:center}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;display:inline-block;text-align:center;margin:0 10px}
#ol_after_private li:first-child a {border-left:0}
#ol_after_private a {display:block;color:#a9a9a9;line-height:20px;height:60px;padding:5px 0}

#ol_after_private a strong {display:inline-block;margin-top:-8px;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#a9a9a9;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
#ol_after_private a strong.scrap {padding:0 14px}
#ol_after_private a:hover strong {background:#4b8bff}
#ol_after_private i {border:1px solid #a9a9a9;border-radius:50%;width:50px;height:50px;line-height:50px;font-size:1.2em;text-align:center;display:block}
#ol_after_private li:hover i {border:1px solid #5f82e7}
#ol_after_private li a:hover {color:#5f82e7}
#ol_after_memo {margin-right:1px}

.login-sns {background:transparent !important;border:0 !important;margin-top:0 !important}
.login-sns h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}