@charset "utf-8";

/* outlogin.skin.1 */
.ol-before {position:relative;display:block;background:#fff;border:1px solid #e5e5e5;padding:15px;margin-bottom:30px}
.ol-account {margin-bottom:10px}
.ol-account a:hover {color:#000;text-decoration:underline}
#sns_login h3 {font-size:1rem}

/* outlogin.skin.2 */
.ol-after {position:relative;border:1px solid #e5e5e5;margin-bottom:30px}
.ol-after .profile {position:relative;border-bottom:1px solid #e5e5e5}
.ol-after .profile .cover {position:relative;overflow:hidden;width:100%;height:115px}
.ol-after .profile .photo {position:absolute;overflow:hidden;top:30px;left:50%;width:40px;height:40px;z-index:7;transform:translateX(-50%)}
.ol-after .profile .photo img {display:block;max-width:100%;height:auto}
.ol-after .profile .info {position:absolute;bottom:10px;left:0;width:100%;text-align:center;z-index:7}
.ol-after .profile .info .name {color:#353535;font-size:1rem}
.ol-after .profile .info .name .level-icon {display:inline-block;margin-left:3px}
.ol-after .profile .info .position {color:#959595;font-size:.8125rem}
.ol-after .member-info-wrap {position:relative}
.ol-after .member-info-wrap.community-no {margin-top:25px}
.ol-after .member-info-wrap .member-info {position:relative;padding:20px}
.ol-after .member-info-wrap.community-no .member-info {border:1px solid #e5e5e5}
.ol-after .member-info-btn {position:relative}
.ol-after .member-info-btn .info-btn {display:inline-block;width:52px;height:48px;padding:6px 0;background:#656565;color:#fff;text-align:center;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.ol-after .member-info-btn .info-btn:hover {opacity:0.8}
.ol-after .member-info-btn .info-btn i {font-size:.9375rem;line-height:1.4}
.ol-after .member-info-btn .info-btn span {display:block;line-height:1;font-size:.6875rem}
.ol-after .member-info-btn .info-btn strong {font-weight:400;font-size:.6875rem}
.ol-after .member-info-btn .info-btn.others-btn {padding:0;line-height:48px;font-size:.6875rem;background:#a5a5a5}
.ol-after .member-info-btn .info-btn .alarm-marker .alarm-point {left:inherit;top:-4px;right:3px}
.ol-after .member-info-btn .info-btn .alarm-marker .alarm-effect {left:inherit;top:-14px;right:-7px}
.ol-after .member-info-btn .mypage-btn {background-color:#2d343d;border-color:#2d343d}
.ol-after .member-info-btn .mypage-btn:hover {background-color:#363f4b;border-color:#363f4b}
.ol-after .member-point {margin:10px 0}
.ol-after .member-follow {border-top:1px dotted #e5e5e5;padding-top:10px;margin-top:15px}
.ol-after .member-follow p {padding:3px 0}
.ol-after .member-follow span.badge {padding:4px 10px;min-width:80px;text-align:right}
.ol-after .member-btn {border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}
.ol-after .member-btn a {margin-top:2px;margin-bottom:2px;width:23%;text-align:center}
.ol-after .member-btn span {width:4px}
.ol-after .member-txt-info a {color:#000}
.ol-after .member-txt-info a:hover {text-decoration:underline}
.ol-after .member-alarm-btn {margin-top:15px}
.ol-after .member-alarm-btn:after {content:"";display:block;clear:both}
.ol-after .member-alarm-btn .width-47 {width:47%}