@charset "utf-8";
/* SIR 퍼플스 재수정 */

/* 아웃로그인 스킨 */
.pp_ol {position:relative;padding:17px;}
.pp_ol h2 {margin:0;padding:0;font-size:22px; font-weight:300; color:#fff; margin:1em; text-align:center;}
.pp_ol h2 img { width:16px; margin-right:0.2em; vertical-align:top;}
.pp_ol ul {margin:0;padding:0;list-style:none}

.pp_ol_top {position:relative;padding:17px; margin-top:3em;}
.pp_ol_name, .pp_ol_register {
	display:block;
	text-align:center;
}
.pp_ol_register {
	color:rgba(255,255,255,.6);
}
.pp_ol_name strong {
	font-weight:300;
	font-size:18px;
	color:#fff;
}
.pp_ol_top_img {
	background:url('mobile_menu_img.jpg')no-repeat center center;
	display:block;
	height:120px;
}
.pp_ol_top_img img {
	position:absolute;
	top:75px;
	right:34%;
	width:90px;
	height:90px;
	padding:0.5em;
	background:#fff;
	border-radius:50%;
	box-shadow:0px 0px 10px #212121;
	display:block;
	margin:0 auto 1em auto;
}

.pp_ol2 {position:relative;}
.pp_ol2 h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.pp_ol2 ul {margin:0;padding:0;list-style:none}

.pp_ol2 a.btn_adm {width:auto;height:15px;padding:0 3px;border:1px solid #ef5118;border-radius:60px;background:#ef5118;color:#fff;font-family:tahoma;font-size:11px;}
.pp_ol2 a.btn_adm:focus, .ol a.btn_admin:hover {text-decoration:none}

#pp_ol_before {}
#pp_ol_before fieldset {position:relative}
#pp_ol_id {color:#fff;display:block;margin:0 0 5px;padding:0 5px;width:100%;height:35px; background:#185696;border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(255, 255, 255, 0.050);}
#pp_ol_id:focus {border:1px solid #8451a5;}
.pp_ol_idlabel {position:absolute;top:11px;left:10px;}
#pp_ol_pw {color:#fff;display:block;margin:0 0 10px !important;margin:0 0 3px;padding:0 5px;background:#185696;width:100%;height:35px;border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(255, 255, 255, 0.050);vertical-align:top;}
#pp_ol_pw:focus {border:1px solid #8451a5;}
.pp_ol_pwlabel {position:absolute;top:50px;left:10px;color:rgba(255, 255, 255, 0.5);font-size:0.95em}
#auto_login {}
#auto_login_label {font-size:12px;color:rgba(255,255,255,.5);}
#pp_ol_submit {display:block;width:100%;height:45px;border:1px solid #04a2e3;background:#04a2e3;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
#pp_ol_before a {color:rgba(255,255,255,.5);}
#pp_ol_svc {margin:10px 0 0;font-size:12px; color:rgba(255,255,255,.5);float:left;}
#pp_ol_svc span{padding:0.5em;}
#pp_ol_password_lost {display:inline-block;color:#666}
#pp_ol_auto {position:relative;float:right;margin:8px 0 0 0;}
#pp_ol_auto input {width:13px;height:13px;vertical-align:bottom}

#pp_ol_after {}
#pp_ol_after_hd {margin:0 0 3px}
#pp_ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
#pp_ol_after_private {margin:0;padding:0 17px 10px;zoom:1}
#pp_ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#pp_ol_after_private li {display:inline-block;width:32%; height:43px;vertical-align:top;}
#pp_ol_after_private a {display:block;padding:1em;background:#fff;text-align:center; color:#185696;}
#pp_ol_after_private a strong {display:inline-block;padding-top:3px;color:#185696;font-size:11px;font-weight:bold;}
#pp_ol_after_private a:focus,
#pp_ol_after_private a:hover {background:#fff;color:#04a2e3;text-decoration:none}
#pp_ol_after_private a:focus strong,
#pp_ol_after_private a:hover strong {color:#04a2e3;text-decoration:none}
#pp_ol_after_memo {}
#pp_ol_after_pt {}
#pp_ol_after_scrap {}
.pp_ol_info, .pp_ol_logout {
	display:inline-block;
	width:auto;
	height:15px;
	padding:10px;
	color:rgba(255,255,255,.6);
	text-align:center;
	line-height:15px;
	font-size:13px;
}