@charset "utf-8";
.ol { position: relative; }
#ol_before { display: flex; flex-direction: column; height: 100%; }
#ol_before form, #ol_before fieldset { display: flex; flex: 1; flex-direction: column; }
.ol form { padding: 0; }
.ol fieldset { min-height: 0; margin: 0; padding: 0; border: 0; }
.ol .ol_wr { display: grid; gap: 10px; }
#ol_id, #ol_pw { display: block; width: 100%; height: 54px; padding: 0 22px; border: 1px solid #eaeaea; border-radius: 5px; background: #fff; color: #a8a8a8;  }
#ol_id::placeholder, #ol_pw::placeholder { color: #a8a8a8; }
#ol_submit { margin-top:5px; width: 100%; height: 54px; border: 0; border-radius: 5px; background: linear-gradient(0, #000, #3a3a3a, #000); color: #fff;  cursor: pointer; }
.ol_auto_wr { display: flex; flex: 1; align-items: center; justify-content: space-between; width: 100%;color: #a8a8a8;  }

#ol_auto { position: relative; }
#ol_auto input.selec_chk { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; opacity: 0; }
#ol_auto label { display: inline-flex; align-items: center; gap: 10px; color: #a8a8a8; cursor: pointer; }
#ol_auto label span { display: inline-block; width: 40px; height: 20px; border-radius: 10px; background: #f7323f; }
#ol_auto label span::after { display: block; width: 16px; height: 16px; margin: 2px; border-radius: 50%; background: #fff; content: ""; }
#ol_auto input:checked + label span::after { margin-left: 22px; }
#ol_svc { display: flex; align-items: center; gap: 3px; }
#ol_svc a { color: #a8a8a8; }
#ol_after_hd { display: flex; align-items: center; gap: 8px; padding: 6px 0 14px; }
#ol_after_hd strong { flex: 1; color: #333;  }
#ol_after_info { color: #a8a8a8; }
#ol_after_private { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
#ol_after_private a { display: flex; justify-content: space-between; padding: 9px 0; border-top: 1px solid #eaeaea; color: #555;  }
#ol_after_private strong { color: #f7323f; font-weight: 600; }
#ol_after_logout { display: block; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eaeaea; color: #a8a8a8;  text-align: center; }