@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;margin:30px;}
.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 {}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before .ol_wr{position:relative;margin-bottom:5px;margin-top:5px}
#ol_before .ol_join a{color:#fe7819;font-size:14px}
#ol_id {display:block;width:200px;border:1px solid #fff;padding:0 10px;height:32px}
#ol_pw {display:block;width:200px;border:1px solid #fff;padding:0 10px;border-top:1px solid #ededed;height:32px}
#ol_submit {position:absolute;top:0;right:0;width:93px;height:64px;background:#fe7819;border-left:1px solid #ccc;color:#fff;font-weight:bold;font-size:1.167em}
#ol_svc {float:right;line-height:20px}
#ol_svc a{display:inline-block;color:#555;margin:0 5px}
#ol_auto {float:left;line-height:20px}
#ol_auto label {color:#555}
#ol_auto input {width:13px;height:13px} 
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}

#ol_after {margin:23px 30px 0}
#ol_after .nickname {position:absolute;top:30px;left:0;font-size:14px;color:#222}
#ol_after .nickname > span {font-size:12px;color:#666}
#ol_after .logout {position:absolute;top:20px;right:0px;display:block;background-color:#74798b;padding:10px 25px;color:#fff;font-weight:600}
#ol_after .btns {position:absolute;top:80px;border-top:1px solid #ccc;width:100%;padding:10px 0 0 0;font-size:10px;color:#999}
#ol_after .btns a {font-size:12px;font-weight:600;color:#666;margin:0 5px;vertical-align:top}
#ol_after .btns a:first-child {margin:0 5px 0 0