@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {}

.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 {border-bottom:solid #CCCCCC 1px; height:195px}
#ol_before h2 { font-size:18px; padding:5px; border-bottom:solid #CCCCCC 1px}
#ol_before form{padding:10px;}
#ol_before fieldset {position:relative}
#ol_id {display:block;width:180px; float:left}
.ol_idlabel {color:#333;}
#ol_pw {display:block;width:180px;margin:3px 0; float:left}
.ol_pwlabel {color:#333;}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em; color:#FF0000; font-weight:bold}
#ol_submit {width:80px; float:left; height:95px; margin-left:8px; margin-top:-45px;cursor:pointer;border-radius:5px}
#ol_before a {letter-spacing:-0.15em}
#ol_svc {text-align:center;margin:10px 0 0; float:left}
#ol_svc a{display:inline-block;color:#333;margin:0 10px 5px}
#ol_auto {position:relative;font-size:0.92em;color:#555; }
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom} 

#ol_after { height:195px}
#ol_after h2 { font-size:18px; padding:5px; border-bottom:solid #CCCCCC 1px}
#ol_after .ol_hd {padding:10px;padding-left:80px;position:relative;min-height:50px}
#ol_after .profile_img{display:block;position:absolute;top:10px;left:10px}
#ol_after .profile_img img{width:50px;height:auto;border-radius:50px;}
#ol_after. ol_hd .win_point{display:block;  width:100%; text-align:left}
#ol_after .ol_hd  strong{font-size:1.167em;font-weight:400;display:block;line-height:40px;margin-bottom:5px; text-align:left;  }
#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;}


#ol_after_private1 li {position:relative;display:block;padding:10px 10px;line-height:30px;font-size: 1.083em; float:left; width:100%; background-color:#222;border-radius:5px; }
#ol_after_private1 li a{display:block;font-weight:300; color:#FFFFFF}
#ol_after_private1 li:hover{background:#000;}
#ol_after_private li{position:relative;display:block;padding:10px 10px;line-height:20px;font-size: 1.083em;list-style:none; float:left; width:50%; text-align:left}
#ol_after_private li strong{ float:right;color:#fb6369}
#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;
background: -moz-linear-gradient(-45deg, rgba(247,248,249,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(247,248,249,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(247,248,249,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#ol_after_private li:hover:before{content:'';width:2px;height:100%;background:#fb6369;position:absolute;top:0;left:0}
#ol_after_private li i{text-align:center;width:20px;margin-right:10px;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}