@charset "utf-8";

/* 아웃로그인 스킨 */

.ol{
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color:#d1d5db;
  --tw-shadow:var(--tw-shadow-colored)
}

.ol:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(243 244 246 / var(--tw-text-opacity, 1));
  --tw-shadow-color:#6b7280;
  --tw-shadow:var(--tw-shadow-colored)
}

.ol #ol_be_cate > h2{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));
  padding-left:2rem;
  padding-right:2rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.ol #ol_be_cate > h2:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.ol #ol_be_cate > .join{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-width:2px;
  padding-left:2rem;
  padding-right:2rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.ol #ol_be_cate > .join:hover{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.ol #ol_be_cate > .join:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.ol #ol_be_cate > .join:hover:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.ol #ol_be_cate{
  display:flex;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.ol #ol_be_cate:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))
}

.ol form {
  padding:20px
}

.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 .login-sns{
  padding-bottom:0px
}

/* #ol_before {} */

/* #ol_before:after {display:block;visibility:hidden;clear:both;content:""} */

/* #ol_before .ol_wr {position:relative;margin-bottom:5px} */

/* #ol_id {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px} */

/* #ol_pw {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px} */

/* #ol_submit {width:100%;height:35px;background:#3a8afd;border-left:1px solid #ccc;color:#fff;font-weight:bold;font-size:1.167em;border-radius:3px} */

/* #ol_svc {float:right;line-height:20px} */

/* #ol_svc a {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px} */

.ol_auto_wr{
  display:flex;
  align-items:center;
  justify-content:space-between
}

/* #ol_auto label {color:#555;vertical-align:baseline} */

/* #ol_auto input {width:13px;height:13px}  */

/* .ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""} */

#sns_login {
  margin-top:0 !important;
  border-top:0 !important
}

#sns_login h3 {
  position:absolute;
  font-size:0;
  line-height:0;
  overflow:hidden
}

#ol_after {
}

#ol_after_hd {
  position:relative;
  padding:10px;
  padding-left:80px;
  height:80px
}

#ol_after_hd strong {
  display:block;
  margin:5px 0 10px
}

#ol_after_hd .profile_img {
  position:absolute;
  top:15px;
  left:15px;
  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 {
  text-align:center;
  font-size:17px;
  width:30px;
  line-height:30px;
  color:#777
}

#ol_after_info {
  display:inline-block;
  height:28px;
  line-height:22px;
  border:1px solid #d5d9dd;
  color:#3a8afd;
  border-radius:2px;
  padding:2px 5px
}

#ol_after h2 {
  margin:0;
  padding:0;
  width:1px;
  height:1px;
  font-size:0;
  line-height:0;
  overflow:hidden
}

#ol_after_hd .btn_admin {
  border-radius:3px;
  height:28px;
  line-height:28px;
  vertical-align:baseline
}

#ol_after_hd .btn_b04 {
  line-height:23px;
  padding:0 5px
}

#ol_after_private {
  zoom:1
}

#ol_after_private:after {
  display:block;
  visibility:hidden;
  clear:both;
  content:""
}

#ol_after_private li {
  position:relative;
  text-align:left
}

#ol_after_private li:first-child a {
  border-left:0
}

#ol_after_private a {
  display:block;
  color:#465168;
  line-height:18px;
  padding:10px 10px 10px 20px
}

#ol_after_private a strong {
  display:inline-block;
  float:right;
  max-width:87px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:clip;
  color:#3a8afd;
  padding:0 5px;
  border-radius:15px;
  font-size:0.92em
}

#ol_after_private a:hover strong {
  background:#4b8bff
}

#ol_after_private li a:hover {
  color:#4b8bff;
  background:#f7f7f7
}

#ol_after_private li a:hover:after {
  position:absolute;
  left:-1px;
  top:0;
  width:2px;
  height:38px;
  background:#3a8afd;
  content:""
}

#ol_after_private li i {
  width:25px;
  color:#8c9eb0;
  margin-right:5px
}

#ol_after_private li:hover i {
  color:#3a8afd
}

#ol_after_private .win_point:hover strong {
  background:#37bc9b;
  color:#fff
}

#ol_after_private .win_memo:hover strong {
  background:#8cc152;
  color:#fff
}

#ol_after_private .win_scrap:hover strong {
  background:#ff8b77;
  color:#fff
}

#ol_after_logout {
  text-align:center;
  font-weight:bold;
  display:block;
  padding:15px 0;
  color:#a0a0a1;
  border-top:1px solid #dde7e9
}

#ol_after_logout:hover {
  color:#3c8bfd
}

#ol_after_memo {
  margin-right:1px
}

#ol_after_pt {
  margin-right:1px
}

.selec_chk {
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  opacity:0;
  outline:0;
  z-index:-1;
  overflow:hidden
}

.chk_box {
  position:relative
}

.chk_box input[type="checkbox"] + label {
  padding-left:20px;
  color:#676e70
}

.chk_box input[type="checkbox"] + label:hover{
  color:#2172f8
}

.chk_box input[type="checkbox"] + label span {
  position:absolute;
  top:2px;
  left:0;
  width:15px;
  height:15px;
  display:block;
  margin:0;
  background:#fff;
  border:1px solid #d0d4df;
  border-radius:3px
}

.chk_box input[type="checkbox"]:checked + label {
  color:#000
}

.chk_box input[type="checkbox"]:checked + label span {
  background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;
  border-color:#1471f6;
  border-radius:3px
}