@charset "utf-8";

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

#ol_before {margin:0 0 20px 0;}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before .ol_wr {position:relative;}

.ol_wr {position:relative;}
.ol_wr label {display:block;position:absolute;left:0;width:40px;height:40px;text-align:center;line-height:40px;}
.ol_wr label i {color:#999;font-size:24px;}
.ol_wr label#ol_idlabel {top:0px;}
.ol_wr label#ol_pwlabel {top:50px;}

#ol_id {display:block;width:100%;height:40px;margin:0 0 10px 0;text-indent:40px;line-height:40px;background:#eee;border:none;border-radius:3px;}
#ol_pw {display:block;width:100%;height:40px;margin:0 0 10px 0;text-indent:40px;line-height:40px;background:#eee;border:none;border-radius:3px;}
#ol_submit {display:block;width:100%;height:40px;margin:0 0 10px 0;color:#fff;font-weight:500;text-align:center;line-height:40px;background:#ff7700;border:none;border-radius:3px;}

.ol_auto_wr {font-size:12px;}
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}

#ol_svc {float:right;}
#ol_svc a {display:inline-block;padding:0 6px;color:#666;font-size:12px;line-height:24px;background:#fff;border:1px solid #ddd;border-radius:3px;}
#ol_auto {float:left;line-height:20px;margin-top:5px}

#sns_outlogin {margin:10px 0 0 0;}
#sns_outlogin h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#ol_after {margin:0 0 20px 0;}
#ol_after:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#ol_after_hd {position:relative;margin:0 0 16px 0;padding:0 0 6px 70px;line-height:50px;border-bottom:solid 1px #eee;}
#ol_after_hd .profile_img {display:block;position:absolute;top:0px;left:10px;}
#ol_after_hd .profile_img img {width:50px;height:50px;border-radius:50%;}
#ol_after_hd .profile_img a.btn_edit {display:block;position:absolute;right:0;bottom:0;width:24px;height:24px;text-align:center;line-height:24px;background:#999;border-radius:50%;}
#ol_after_hd .profile_img a.btn_edit i {color:#fff;font-size:16px;}
#ol_after_hd strong {display:block;margin:0;}
#ol_after_hd a.win_point {font-size:12px;}
#ol_after_hd a.win_point span {font-size:14px;}
#ol_after_hd .btn_admin {display:block;position:absolute;right:0;top:50%;padding:0 6px;color:#666;font-size:12px;line-height:24px;background:#fff;border:1px solid #ddd;border-radius:3px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}

#ol_after_info {}

#ol_after_private {margin:0 10px 12px 10px;}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {display:block;float:left;width:48%;margin:0 4% 0 0;}
#ol_after_private li:last-child {margin:0;}
#ol_after_private a {display:block;font-size:12px;}
#ol_after_private a:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private a strong {display:block;float:right;font-family:'Lato';color:#ff7700;font-size:14px;font-weight:700;}
#ol_after_private a i {color:#666;font-size:18px;}

a.btn_mypage {display:block;float:left;width:49%;height:40px;margin:0 2% 0 0;color:#fff;text-align:center;line-height:40px;background:#666;border-radius:5px;}
#ol_after_logout {display:block;float:left;width:49%;height:40px;color:#999;text-align:center;line-height:38px;background:#fff;border:solid 1px #ddd;border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#ol_after_logout:hover {color:#ff7700;background:#666}