@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 10px 0;background:#fff;border:solid 1px #ddd;}
.ol .title {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#ol_before {padding:10px;}
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before fieldset {margin:0;padding:0;}
#ol_before label,
#ol_before span,
#ol_before img,
#ol_before a {vertical-align:top;}

#ol_before .ol_wr {position:relative;margin:0 0 10px 0;}
#ol_id {display:block;width:100%;height:40px;margin:0 0 10px 0;font-size:13px;text-indent:10px;line-height:38px;border:solid 1px #ccc;}
#ol_pw {display:block;width:100%;height:40px;margin:0 0 10px 0;font-size:13px;text-indent:10px;line-height:38px;border:solid 1px #ccc;}
#ol_submit {position:block;width:100%;height:40px;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:40px;background: #05b721;border:none;
background: -moz-linear-gradient(top,  #05b721 0%, #06a51e 100%);
background: -webkit-linear-gradient(top,  #05b721 0%,#06a51e 100%);
background: linear-gradient(to bottom,  #05b721 0%,#06a51e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05b721', endColorstr='#06a51e',GradientType=0 );
}

.ol_auto_wr {color:#666;font-size:12px;line-height:30px;}
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}

#ol_auto_top {color:#666;font-size:12px;line-height:30px;}

#ol_auto {float:left;letter-spacing:-1px;}
#ol_svc {float:right;}
#ol_svc:after {display:block;visibility:hidden;clear:both;content:""}
#ol_svc a {display:block;float:left;color:#666;letter-spacing:-1px;}

#ol_password_lost {margin:0 6px 0 0;padding:0 6px 0 0;background:url(../../../img/var.gif) no-repeat right 50%;}



#ol_after {height:150px;padding:10px 10px;}
#ol_after:after {display:block;visibility:hidden;clear:both;content:""}

#ol_after_hd {display:block;height:80px;}
#ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}

#ol_after_hd .profile_img {display:block;float:left;position:relative;}
#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;bottom:-4px;right:-4px;width:28px;height:28px;overflow:hidden;line-height:999px;background:url(../../../img/icon_edit.png) no-repeat 50% 50% #ff7700;border-radius:20px;}
#ol_after_hd a.btn_logout {display:block;position:absolute;right:10px;top:11px;color:#666;font-size:11px;padding:2px 4px;line-height:normal;background:#fff;border:solid 1px #ccc}

#ol_after_hd p {display:block;margin:0 0 0 62px;color:#999;font-size:12px;line-height:20px;}
#ol_after_hd p strong.id {display:block;margin:0 0 4px 0;color:#444;font-size:13px;font-weight:700;}
#ol_after_hd p a {color:#666}
#ol_after_hd p a strong {color:#f00001;font-weight:700;}

.ol a.btn_admin {color:#666;font-weight:700;} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_after_private {position:absolute;left:0;bottom:0;width:100%;border-top:solid 1px #06a51e;}
#ol_after_private ul {}
#ol_after_private ul:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private ul li {display:block;float:left;width:25%;}
#ol_after_private ul li a {display:block;height:60px;padding:8px 0 0 0;color:#666;font-size:12px;line-height:20px;text-align:center;background:#fff;border-right:solid 1px #ddd;}
#ol_after_private ul li:last-child a {border-right:none}
#ol_after_private ul li a img {display:block;margin:0 auto;}
#ol_after_private ul li a strong {display:inline-block;min-width:16px;height:16px;color:#fff;font-size:10px;line-height:16px;font-weight:normal;background:#f00001;border-radius:9px;}

.ol_box {display:none;position:absolute;left:0;top:148px;width:100%;background:#fff;border:solid 1px #999;z-index:9}

.ol_recent_title {display:block;position:relative;height:40px;padding:0 10px;color:#444;font-weight:700;line-height:36px;border-bottom:solid 1px #ddd;}
.ol_recent_title a {display:block;position:absolute;right:10px;top:9px;padding:2px 4px;color:#666;font-size:11px;line-height:normal;font-weight:normal;border:solid 1px #ccc;}

.ol_recent_list {height:300px;overflow-y:scroll}
.ol_recent_list dl {}
.ol_recent_list dl dd {display:block;padding:6px 10px;border-bottom:solid 1px #ddd;}
.ol_recent_list dl dd:after {display:block;visibility:hidden;clear:both;content:""}
.ol_recent_list dl dd:last-child {border-bottom:none}
.ol_recent_list dl dd.ol_empty {padding:100px 0 0 ;color:#666;font-size:12px;text-align:center;}
.ol_recent_list dl dd.ol_empty a {display:block;width:80px;margin:6px auto 0 auto;padding:4px 0;color:#666;font-size:12px;line-height:normal;background:#f6f6f6;border:solid 1px #ccc;}
.ol_recent_list dl dd a {display:block;padding:0 0 0 8px;background:url(../../../img/bullet.png) no-repeat 0 10px;}
.ol_recent_list dl dd a:after {display:block;visibility:hidden;clear:both;content:""}
.ol_recent_list dl dd a .subject {font-size:13px;}
.ol_recent_list dl dd a .info {color:#999;font-size:12px;letter-spacing:-1px;}

.ol_recent_list dl dd a .profile {float:left;width:30px;height:30px;margin:6px 10px 0 0;}
.ol_recent_list dl dd a .profile img {width:100%;height:auto;border-radius:50%;}

.ol_recent_list dl dd a.none {padding:0;background:none;}