@charset "utf-8";
/* SIR 지운아빠 */

/* 아웃로그인 스킨 */
.ol-slim {padding:5px 5px 5px 5px;border:1px solid #dde4e9; background-color:#ccc;}
.ol-slim h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ol-slim ul {margin:0;padding:0;list-style:none}

.ol-slim a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
.ol-slim a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}


@media screen and (max-width:490px) {
  #ol_id {
    width:60px;
    font-size:0.7em;
  }

  #ol_pw {
    width:60px;
    margin-left:5px;
    font-size:0.7em;
  }

  #ol_submit {
    font-size:0.8em;
  }

  #ol_register {
    font-size:0.8em;
  }
  
  @media screen and (max-width:399px) {
    #ol_id {
      width:40%;
    }
  
    #ol_pw {
      width:40%;
    }

    .login-buttons {
      margin-top:5px;
    }  

    #ol_before fieldset {
      justify-content: center;
    }
  }
}

#ol_before a {letter-spacing:-0.15em}
#ol_svc {display:inline-block;}
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
#ol_auto {display:flex;align-items:center;min-width:80px;line-height:34px;}
#ol_auto label {letter-spacing:inherit;margin-left:5px;}
#ol_auto input {width:13px;height:13px;transform:scale(1.5);}

.ol-auto-slim {display:block;margin-left:10px;vertical-align: middle;}
.ol_svc-slim {display:block;margin-left:auto;margin-right:15px;}




@media (prefers-color-scheme:light) {
  #ol_after {display:flex; flex-wrap:wrap; align-items: center; justify-content: left;font-size:0.9em;margin:5px;border-radius: 5px;box-shadow:0px 3px 10px #dedede;}
#ol_after_hd {margin-left:10px;margin-right:0;font-family: GmarketSansLight;}
#ol_after_hd .btn_admin {width:158px;text-align:center}
#ol_after_private {display:flex; margin:0; align-items: center; justify-content: left; margin-left:1px;padding-inline-start:0;}
#ol_after_private:after {display:block;visibility:hidden;content:""}
#ol_after_private li {display:inline-block;padding:3px;border-radius:5px;background-color:#fff;margin:3px; margin-right:5px;}
#ol_after_private a {text-align:center}
#ol_after_private a strong {display:inline;color:#000;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
#ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:80px;margin-right:1px}
#ol_after_scrap {width:48px;}
#ol_after_ft {text-align:justify;margin-left:auto;margin-right:15px;}
#ol_after_ft a {display:inline-block;border-radius:14px;padding:7px;background:#3c18a7;color:#fff;text-align:center;line-height:1em}
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}

#ol_before {padding:5px;border-radius:5px;box-shadow:0px 3px 10px #dedede;margin:5px 5px 5px 5px;}
#ol_before fieldset {display:flex; flex-wrap:wrap; align-items: center; justify-content: left;}
#ol_before fieldset:last-child { margin-left:auto;}
#ol_id {border:2px solid #9a83ff !important; display:block;border-radius:10px; padding:0 5px;width:100px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
#ol_idlabel {display:inline-block;margin-left:10px;color:#333;font-size:0.95em;margin-right:5px;vertical-align: middle;line-height:2em}
#ol_pw {border:2px solid #9a83ff !important;display:block;margin-left:10px;border-radius:10px; padding:0 5px;width:100px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.8em}
#ol_pwlabel {display:inline-block;color:#333;font-size:0.95em;margin-left:10px;margin-right:5px;vertical-align: middle;line-height:2em}
#auto_login {display:inline-block;}
#auto_login_label {display:inline-block;font-size:0.8em;vertical-align:bottom;color:#777777;}
#ol_submit {display:inline-block;width:60px;border:0;margin-left:10px;border-radius:14px;vertical-align:middle;padding:4px;background:#3c18a7;color:#fff;font-size:0.9em;}
#ol_register {display:inline-block;width:60px;border:0;margin-left:5px;border-radius:14px;padding:4px;line-height:17px;background:#3c18a7;color:#fff;font-size:0.9em;vertical-align:middle;text-align:center;cursor:pointer;}
.login-buttons {display:flex;height:25px;}

}

@media (prefers-color-scheme:dark) {
  #ol_after {display:flex; flex-wrap:wrap; align-items: center; justify-content: left;font-size:0.9em;margin:5px;border-radius: 5px;box-shadow:0px 3px 10px #999;}
#ol_after_hd {margin-left:10px;margin-right:0;font-family: GmarketSansLight;}
#ol_after_hd .btn_admin {width:158px;text-align:center}
#ol_after_private {display:flex; margin:0; align-items: center; justify-content: left; margin-left:1px;padding-inline-start:0;}
#ol_after_private:after {display:block;visibility:hidden;content:""}
#ol_after_private li {display:inline-block;padding:3px;border-radius:5px;background-color:#2d2d2d;margin:3px; margin-right:5px;}
#ol_after_private a {text-align:center}
#ol_after_private a strong {display:inline;color:#fdfdfd;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#333;color:#fdfdfd;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#2d2d2d;text-decoration:none}
#ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:80px;margin-right:1px}
#ol_after_scrap {width:48px;}
#ol_after_ft {text-align:justify;margin-left:auto;margin-right:15px;}
#ol_after_ft a {display:inline-block;border-radius:14px;padding:7px;background:#3c18a7;color:#fdfdfd;text-align:center;line-height:1em}
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}

#ol_before {padding:5px;border-radius:5px;box-shadow:0px 3px 10px #999;margin:5px 5px 5px 5px;}
#ol_before fieldset {display:flex; flex-wrap:wrap; align-items: center; justify-content: left;}
#ol_before fieldset:last-child { margin-left:auto;}
#ol_id {border:2px solid #9a83ff !important; display:block;border-radius:10px; padding:0 5px;width:100px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
#ol_idlabel {display:inline-block;margin-left:10px;color:#333;font-size:0.95em;margin-right:5px;vertical-align: middle;line-height:2em}
#ol_pw {border:2px solid #9a83ff !important;display:block;margin-left:10px;border-radius:10px; padding:0 5px;width:100px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.8em}
#ol_pwlabel {display:inline-block;color:#333;font-size:0.95em;margin-left:10px;margin-right:5px;vertical-align: middle;line-height:2em}
#auto_login {display:inline-block;}
#auto_login_label {display:inline-block;font-size:0.8em;vertical-align:bottom;color:#777777;}
#ol_submit {display:inline-block;width:60px;border:0;margin-left:10px;border-radius:14px;vertical-align:middle;padding:4px;background:#3c18a7;color:#fff;font-size:0.9em;}
#ol_register {display:inline-block;width:60px;border:0;margin-left:5px;border-radius:14px;padding:4px;line-height:17px;background:#3c18a7;color:#fff;font-size:0.9em;vertical-align:middle;text-align:center;cursor:pointer;}
.login-buttons {display:flex;height:25px;}

}

@media screen and (max-width:400px) {
  #ol_after_ft {
      margin-left:auto;
      margin-right:auto;
      margin-top:5px;
      margin-bottom:5px;
  }
}

.memo-li {
  animation: rainbow 3s infinite linear;
  mix-blend-mode: difference;
  filter: brightness(1);
}

.memo-li.dark {
filter:brightness(0.5);
}

@keyframes rainbow {
  0% {
    background-color: red;
  }
  10% {
    background-color: orange;
  }
  30% {
    background-color: yellow;
  }
  50% {
    background-color: green;
  }
  70% {
    background-color: blue;
  }
  100% {
    background-color: red;
  }
}