@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;margin:20px;}

/* 관리자 전용 버튼 */
.ol_admin{position: absolute;top: 20px;right: 20px;border-radius: 20px;overflow: hidden;font-size: 12px;font-weight: 600;border:1px solid #255ad5;padding:3px 10px;opacity:0;}
.ol_admin a{color:#255ad5;}
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

.login_input_area{}
#ol_before {border:1px solid #e4e4e4;border-radius:10px;overflow:hidden;padding:25px;}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before .ol_wr{position:relative;}
#ol_id {display:block;width:100%;border:0;border-bottom:1px solid #e4e4e4;padding:15px 10px;}
#ol_pw {display:block;width:100%;border:0;border-bottom:1px solid #e4e4e4;padding:15px 10px;margin-top:20px;}
.ol_wr input::placeholder{font-size:13px;color:#777;}
#ol_submit {width:100%;background:#3f6dda;color:#fff;font-size:13px;font-weight:500;color:#fff;padding:18px 0;text-align:center;margin-top:20px;border-radius:10px;}
#ol_svc {display:flex;justify-content:center;margin-top:14px;}
#ol_svc a{color:#777;display:block;font-size:13px;font-weight:400;}
#ol_svc a:before{width:2px;height:11px;background:#e4e4e4;content:"";margin:0 15px;display:inline-block}
#ol_svc a:first-child:before{display:none;}
#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 {background:#f4f6ff;border-radius:10px;padding:25px;}
#ol_after_hd {position:relative;}
#ol_after_hd strong{font-size:14px;display:block;}
#ol_after_hd .profile_img{}
#ol_after_hd .profile_img img{object-fit: cover; border-radius:50%;width:50px;height:50px}
#ol_after_hd .profile_img  a{display:block;position:absolute;bottom:-5px;right:-5px;background: #fff;text-align:center;font-size:17px;width:30px;line-height:30px;border-radius:50%;color:#777;
-webkit-box-shadow: -2px -2px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  -2px -2px 5px rgba(0,0,0,0.1);
box-shadow: -2px -2px 5px rgba(0,0,0,0.1);}
#ol_after_hd .btn_admin {}
#ol_after_hd .btn_b04{line-height:23px;padding:0 5px}

#ol_after_private a {display:block;color:#555;font-size:14px;font-weight:400;}
#ol_after_private a strong {display:inline-block;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#7587a2;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_memo {;margin-right:1px}
#ol_after_pt {margin-right:1px}


/* 아웃로그인 추가 */
#ol_after_hd .profile_img{display:block}
#ol_after_hd .profile_img img{display:block;margin:0 auto;}
.profile_set{display:flex;align-items:center;justify-content:center;margin-top:10px;}
.profile_set a{margin-left:4px}
.profile_set a i{color:#255ad5;}
#ol_after_private {display:flex;margin-top:15px;padding-top:15px;border-top:1px solid #e3e5ef}
#ol_after_private li {width:25%;text-align:Center;position:relative;}
#ol_after_private li:after{content:"";width:2px;height:9px;background:#e3e5ef;position:absolute;top:50%;transform:translateY(-50%);left:0;}
#ol_after_private li:first-child:after{display:none;}