@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {z-index:999}

.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;background:#d13f4a;color:#fff;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

.ol_before_wr {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
#ol_before{position:absolute;top:50%;left:50%;width:450px;height:500px;margin-left:-225px;margin-top:-250px;padding:45px;background:#fff}
#ol_before h2{font-size:28px;margin:20px 0}
#ol_before .btn_close{position:absolute;top:0;right:0;width:60px;height:60px;background:#fff;border:0;color: #ccc;font-size: 18px;}
#ol_before .btn_close:hover{color:#666}
#ol_before fieldset {position:relative}
#ol_id {display:block;width:100%}
.ol_idlabel {color:#333;}
#ol_pw {display:block;;width:100%;margin:5px 0}
.ol_pwlabel {color:#333;}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {width:100%;height:52px;font-size:14px;font-weight:900;}
.btn_join{display:block;line-height:52px;width:100%;font-size:14px;margin:5px 0;font-weight:900}
#ol_svc {text-align:center;margin:10px 0 0}
#ol_svc a{display:inline-block;color:#333;margin:0 5px 5px;text-decoration:underline}
#ol_auto {position:relative;margin:20px 0;text-align:left;color:#555}
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom} 

#ol_after {text-align:left;position:absolute;right:0;top:80px;background:#fff;width:300px;border: 1px solid #e2e2e2;    box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.05);}
#ol_after h2{padding:20px;line-height:20px;font-size:16px;border-bottom:1px solid #f3f3f3}
#ol_after .btn_close{position:absolute;top:0;right:0;width:60px;height:60px;background:#fff;border:0;color: #ccc;font-size: 18px;}
#ol_after .btn_close:hover{color:#666}
#ol_after .ol_hd {padding:20px;padding-left:80px;position:relative;min-height:50px}
#ol_after .profile_img{display:block;position:absolute;top:20px;left:20px}
#ol_after .profile_img img{width:50px;height:auto;border-radius:50px;}
#ol_after .btn_b01{padding:0 15px;line-height:30px}
#ol_after .ol_hd  strong{font-size:1.167em;font-weight:400;display:block;line-height:50px;margin-bottom:5px}
#ol_after #ol_after_info{position:absolute;bottom:0;right:-5px;background:#fff;width:26px;line-height:26px;display:block;border-radius:50px;text-align:center}
#ol_after_logout{position:absolute;top:50%;right:20px;margin-top:-17px}
#ol_after_private {border-top:1px solid #f3f3f3;padding:20px 0}
#ol_after_private li{position:relative;display:block;padding:10px 20px;line-height:20px;font-size: 1.083em}
#ol_after_private li strong{float:right;color:#9e82ff}
#ol_after_private li a{display:block;font-weight:300;}
#ol_after_private li:after {display:block;visibility:hidden;clear:both;content:""} 
#ol_after_private li:hover{background:#fafafa;}
#ol_after_private li i{text-align:center;width:30px;margin-right:20px;color:#ccc}
#ol_after_private li .fa-gift{font-size:18px}
#ol_after_private li .fa-comments-o{font-size:18px}
#ol_after_private li .fa-question-circle-o {font-size:18px}