@charset "utf-8";

.ol {position:relative;margin:0 0 0px;text-align:center}
.ol h2 {width:0;height:0;overflow:hidden}

#ol_before { background:#f2074c; padding: 60px 15px 20px; text-align: left }
#ol_before input[type=text],#ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
#ol_before p { display:block; color: #FFF; font-size: 0.95rem; line-height: 1.6; text-align: center; margin-bottom: 40px; }
#ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before ul.inner li { float: left; width: 50%; }
#ol_before ul.inner li a { display:block; background: rgba(0, 0, 0, 0.16); border: 0 }

#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size: 1rem; }
#ol_svc {text-align:left;color:#dadada;font-size: 1.2rem;margin:5px 0 20px}
.ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1em}
.ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
#ol_password_lost {border-left:1px solid #777}

#ol_after_hd {position:relative; background:#f2074c; padding: 5px 10px; height: 60px; }
#ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_hd span {display:block;float:left;color:#fff;padding:0 0 0 10px; font-size: 1.2rem; line-height:40px}
#ol_after_hd span:first-child { padding-left: 0; } 
#ol_after_hd .btn_admin {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
#ol_after_hd .profile_img {position:relative;float:left;display:inline-block; border: 1px solid #FFF;width:37px; height:37px; border-radius: 50%; overflow: hidden; }
#ol_after_hd .profile_img img { width: 100%; height: 100%; }
#ol_after_info {position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#212020}
#ol_after_info i {color:#fff;font-size: 1rem}

#ol_after_private {clear:both;margin-top: 0px;background:#fff;padding:0;list-style:none;border-bottom:1px solid #e1e1e1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;float:left;width:33.333%;text-align:center;}
#ol_after_private li a { letter-spacing: -1px; }
#ol_after_private i {margin:0 5px 0 0;color:#b9bcbf;font-size:1.2rem}
#ol_after_private strong {  }
#ol_after_memo strong { color:#f2074c;padding:0 5px;border-radius:15px;font-size: 0.95rem}
#ol_after_pt strong { color:#f2074c;padding:0 5px;border-radius:15px;font-size: 0.95rem; }
#ol_after_private li#ol_after_scrap {border-right:0;text-align:center}
#ol_after_private a {display:inline-block; font-size: 0.95rem; line-height: 64px; }

#ol_after_btn {position:absolute; top: 15px; left: 15px}
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff; border: 1px solid #FFF; border-radius:1px;}
#ol_after_logout {background:#f2074c;color:#fff}