@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative}
.ol h2 {font-size:1.2em;text-align:left;padding:15px;border-bottom:1px solid #e4e4e4}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before {background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
#ol_before h2 {text-align:center;font-size:1.35em;font-weight:700;color:#fff;padding:22px 20px 18px;border-bottom:0;letter-spacing:.02em;background:linear-gradient(135deg,#ff8a5c 0%,#fe4444 55%,#ff6b6b 100%)}
#ol_before h2:after {content:"";display:block;width:34px;height:3px;border-radius:2px;background:rgba(255,255,255,.75);margin:12px auto 0}
#ol_before form {padding:22px 20px 0;background:#fff}
#ol_id, #ol_pw {display:block;width:100%;border:1px solid #e3e7ee;background:linear-gradient(180deg,#fbfcfe,#f4f5f8);padding:0 14px;height:46px;border-radius:10px;transition:border-color .2s,box-shadow .2s,background .2s;font-size:1em;box-sizing:border-box}
#ol_id:focus, #ol_pw:focus {border-color:#fe4444;background:#fff;box-shadow:0 0 0 3px rgba(254,68,68,.10);outline:none}
#ol_id {margin-bottom:10px}
#ol_submit {width:100%;height:48px;margin-top:16px;background:linear-gradient(135deg,#ff6b6b,#fe4444);border:0;border-radius:10px;color:#fff;font-weight:700;font-size:1.05em;cursor:pointer;letter-spacing:.08em;box-shadow:0 4px 12px rgba(254,68,68,.28);transition:transform .15s,box-shadow .15s}
#ol_submit:hover {transform:translateY(-1px);box-shadow:0 6px 16px rgba(254,68,68,.38)}

#ol_auto {margin:14px 0 0;line-height:22px;display:flex;align-items:center}
#ol_auto label {color:#666;font-size:.93em;cursor:pointer}
#ol_auto input {width:15px;height:15px;margin-right:7px;accent-color:#fe4444;cursor:pointer}

#ol_svc {background:#fafbfc;border-top:1px solid #eef0f4;margin:20px -20px 0;border-radius:0 0 16px 16px;display:flex;align-items:center;padding:16px 0}
#ol_svc:after {display:block;visibility:hidden;clear:both;content:""}
#ol_svc a {flex:1;text-align:center;color:#777;font-size:.95em;padding:4px 0;float:none;width:auto}
#ol_svc a#ol_password_lost {border-left:1px solid #e8ebf0}
#ol_svc b {color:#fe4444;font-weight:600}

#ol_after {}
#ol_after_hd {position:relative;margin:0 0 10px;padding:20px 15px;padding-left:90px;height:80px;text-align:left}
#ol_after_hd h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ol_after_hd strong {display:inline-block;text-align:left;line-height:23px}
#ol_after_hd .profile_img {position:absolute;top:20px;left:20px;display:inline-block}
#ol_after_hd .profile_img img {border:1px solid #bbb;border-radius:50%;width:50px;height:50px}
#ol_after_hd .profile_img a {display:block;position:absolute;bottom:-5px;right:-5px;background:#606c86;text-align:center;width:22px;height:22px;line-height:17px;border-radius:50%;color:#777;border:2px solid #fff}
#ol_after_hd .profile_img i {font-size:0.89em}
#ol_after_hd .btn_b04 {line-height:23px;padding:0 5px;float:right}
#ol_after_hd .win_point {display:block}
#ol_after_hd .win_point strong {color:#0380ff}
#ol_after_private {background:#f7f7f7;border-top: 1px solid #e8e8e8}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;float:left;width:159.5px;text-align:left;margin:0;padding:20px 15px;border-left:1px solid #e8e8e8}
#ol_after_private a {display:block;color:#444;width:100%}
#ol_after_private i {font-size:1em !important;color:#7e7e7e !important}
#ol_after_private li:first-child a {border-left:0}
#ol_after_private a strong {display:inline-block;float:right;vertical-align:top;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#fff;color:#298aff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:2px 2px 3px rgba(0,0,0,0.2)}
#ol_after_memo {margin-right:1px}
#ol_after_pt {margin-right:1px}