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

/* 아웃로그인 스킨 */
.pp_ol {position:relative;width:800px; margin:0 auto ; padding:50px 0}
.pp_ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.pp_ol ul {margin:0;padding:0;list-style:none}

.pp_ol_top {position:relative;width:600px; margin:105px auto;}
.pp_ol_top:after {display:block;visibility:hidden;clear:both;content:""}
.pp_ol_top_name {float:left; width:300px; line-height:90px; }
.pp_ol_top_admin {float:right; width:90px; margin:0 0 0 10px; line-height:90px;height:90px; text-align:center; background:#ff6600 }
.pp_ol_top_admin a{color:#fff; font-weight:bold; font-size:14px}
.pp_ol_top_modify{float:right; width:90px; margin:0 0 0 10px; line-height:90px;height:90px; text-align:center; background:#558ed5 }
.pp_ol_top_modify a{color:#fff; font-weight:bold; font-size:14px}
.pp_ol_top_logout{float:right; width:90px; margin:0 0 0 10px; line-height:90px;height:90px; text-align:center; background:#000000 }
.pp_ol_top_logout a{color:#fff; font-weight:bold; font-size:14px}

.pp_ol2 {position:relative;padding:30px 0 30px 0;background:#f3f3f3;border:1px solid #cccccc}
.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;margin:50px 0 0 0; padding:30px 0 30px 0;background:#fff;border:1px solid #cccccc}
#pp_ol_before .pp_login_sbox {position:relative; margin:0 auto; width:500px;}
#pp_ol_before .pp_login_sbox:after {display:block;visibility:hidden;clear:both;content:""}
#pp_ol_before .pp_login_sbox .pp_login_sbox_input{float:left; width:400px;}
#pp_ol_before .pp_login_sbox .pp_login_sbox_input label{float:left;line-height:40px; font-size:16px; font-weight:bold; width:100px;}
#pp_ol_before .pp_login_sbox .pp_login_sbox_btn{float:left; width:90px; margin:0 0 0 10px;}

#pp_ol_id {float:left; margin:0 0 8px !important;margin:0 0 8px;padding:0 5px;width:280px;height:40px;border-top:1px solid #b5b5b5;border-left:1px solid #b5b5b5;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#ffffff;vertical-align:top;line-height:40px}
#pp_ol_id:focus {border:1px solid #558ed5;}

#pp_ol_pw {float:left; margin:0 0 8px !important;margin:0 0 8px;padding:0 5px;width:280px;height:40px;border-top:1px solid #b5b5b5;border-left:1px solid #b5b5b5;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#ffffff;vertical-align:top;line-height:40px}
#pp_ol_pw:focus {border:1px solid #558ed5;}

#auto_login {}
#auto_login_label {letter-spacing:-0.1em;font-size:11px;}
#pp_ol_submit {display:inline-block;margin:0px;width:90px;height:90px;border:0px solid #d4d4d4;background:#000000;color:#fff;font-size:1.2em;font-weight:bold;vertical-align:top}
#pp_ol_before a {letter-spacing:-0.15em}

.pp_ol_svc {float:left; width:30%; margin:25px 0%;background:#56c3f1}
.pp_ol_svc p{width:100%; margin:20px 0;text-align:center; font-weight:bold; color:#fff; font-size:12px}
.pp_ol_svc h2{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff; text-align:center; background:#028bc2}
.pp_ol_svc h2 a{font-size:14px; font-weight:bold; color:#fff; }

.pp_ol_svc02 {float:left; width:30%; margin:25px 5%;background:#56c3f1}
.pp_ol_svc02 p{width:100%; margin:20px 0;text-align:center; font-weight:bold; color:#fff; font-size:12px}
.pp_ol_svc02 h2{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff; text-align:center; background:#028bc2}
.pp_ol_svc02 h2 a{font-size:14px; font-weight:bold; color:#fff; }

#pp_ol_password_lost {display:inline-block;color:#666}
#pp_ol_auto {position:relative;margin:0px auto;width:400px; text-align:left; padding:0 0 0 100px;}
#pp_ol_auto label {letter-spacing:-0.1em}
#pp_ol_auto input {width:13px;height:13px;vertical-align:bottom}

#pp_ol_after {width:800px; margin:50px auto ; padding:20px 0}
#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 {float:left; margin:30px 0 0 0 }
#pp_ol_after_private li {float:left}
#pp_ol_after_private a {display:block;padding-top:20px;height:50px;background:#fff;text-align:center}
#pp_ol_after_private a strong {display:block;padding-top:3px;font-family:tahoma;color:#000;font-size:11px;font-weight:bold;}
#pp_ol_after_private a:focus,
#pp_ol_after_private a:hover {background:#fff;color:#815a8a;font-weight:bold;text-decoration:none}
#pp_ol_after_private a:focus strong,
#pp_ol_after_private a:hover strong {font-family:tahoma;color:#815a8a;text-decoration:none}
#pp_ol_after_memo {width:200px;}
#pp_ol_after_pt {width:200px;}
#pp_ol_after_scrap {width:200px;line-height:2.6em !important}
.pp_ol_info {display:inline-block;width:90px;height:15px;padding:1px 3px;background:red ;color:#fff;text-align:center;line-height:15px;font-size:11px;}
.pp_ol_logout {display:inline-block;width:90px;height:90px;padding:0;background:#000;color:#fff;text-align:center;line-height:90px;font-size:14px;}
.pp_ol_modify {display:inline-block;width:90px;height:90px;padding:0;background:#558ed5;color:#fff;text-align:center;line-height:90px;font-size:14px;}
.pp_ol_admin {display:inline-block;width:90px;height:90px;padding:0;background:#ff6600;color:#fff;text-align:center;line-height:90px;font-size:14px;}