@charset "utf-8";

/* 아웃로그인 */
.ol {position:relative;margin:0 0 10px;padding:15px;background:#708090}
.ol h2 {margin-bottom:10px;font-weight:bold;color:#fff}
.ol h2.h2-hidden{width:0;height:0;overflow:hidden;margin-bottom:0px;}
.ol a.btn_admin {display:inline-block;margin:0 0 2%;padding:0 10px;background:#ff3061;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle;border-radius:2px} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before input[type=text], #ol_before input[type=password] {float:left;display:inline-block;padding:8px 10px;width:70%;height:35px;border:1px solid #e4eaec;background:#fff !important;vertical-align:middle;line-height:1.5em}
#ol_before input[type=password]{margin-top:-1px}
#ol_before input[type=submit] {float:left;margin-top:-35px;margin-left:-1px;padding:0 !important;width:30%;height:69px/*4.9em*/;border:1px solid #e4eaec;;background:#fff;color:#333;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;border-radius:2px}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
.login_other_link{clear:both;padding-top:10px}
#ol_svc {margin:15px 0 5px;text-align:right}
#ol_svc a {display:inline-block;margin:-9px 0 0 5px;color:#000;text-decoration:none;vertical-align:middle}
#ol_svc input[type=checkbox], #ol_svc input[type=radio], #ol_svc label{float:left}
#ol_svc label{margin-top:-4px;margin-left:10px;color:#fff}
#ol_svc b, #ol_svc a#ol_password_lost{color:#fff;}

#ol_after_hd strong {display:inline-block;padding:0 0 5px;color:#fff}
#ol_after_hd .btn_admin {display:block;padding:0 !important;text-align:center}
#ol_after_private {margin:0;padding:0;list-style:none}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li{float:left;width:49%;margin-bottom:2%;}
#ol_after_private li:nth-child(odd){margin-right:2%}
#ol_after_private a {display:block;height:3em;background:#f3f3f3;color:#000;text-decoration:none;text-align:center;line-height:3em;border-radius:2px}
#ol_after_private a:hover {background:#fff;}
#ol_after_private a:hover i{color:#007acc;}
#ol_after_private a strong {margin-left:5px;color:#ff3061;font-weight:normal}

#ol_after_ft a {display:inline-block;width:99.9%;height:2.5em;margin-top:1%;background:linear-gradient(to bottom, #ffffff 50%,#f5f5f5 100%);text-align:center;color:#000;text-decoration:none;line-height:2.5em;border-radius:2px}
#ol_after_ft a:hover i{color:#007acc;}