@charset "utf-8";

@media (min-width:1025px) {
/* 아웃로그인 스킨 */
.wp {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px;background-color:#fff !important;}
.wp h2 {width:117px;float:left;padding:15px 0;text-align:center}
.wp #wp_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.wp form {padding:5px}
.wp a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle}
.wp a.btn_admin:focus, .wp a.btn_admin:hover {text-decoration:none}
.wp .login-sns{padding-bottom:0px}

#wp_before {}
#wp_before:after {display:block;visibility:hidden;clear:both;content:""}
#wp_before .wp_wr {position:relative;margin-bottom:5px}
#wp_id {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px;padding-left:30px;box-sizing:border-box}
#wp_pw {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
#wp_svc {float:right;line-height:20px}
#wp_svc a {display:inline-block;border:1px solid #d5d9dd;color:#b8181a;border-radius:2px;padding:2px 5px}
#wp_auto {float:left;line-height:20px;margin-top:5px}
#wp_auto label {color:#555;vertical-align:baseline}
.wp_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}

/* 로그인 후 */
#wp_after {overflow:hidden}
#wp_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#wp_after_hd {
  position:relative;
  padding:12px 44px 10px 70px;
  min-height:54px;
  background:#fff;
  box-sizing:border-box;
}
#wp_after_hd .profile_img {
  position:absolute;
  top:10px;
  left:10px;
  display:inline-block;
}
#wp_after_hd .member-icon img,
#wp_after_hd .profile_img img {
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  border:0;
}
#wp_after_hd .wp_after_meta {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  min-height:48px;
}
#wp_after_hd .wp_after_meta .meta-top {
  display:block;
}
#wp_after_hd .wp_after_meta .meta-bottom {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
}
#wp_after_hd strong {
  display:inline;
  margin:0;
  font-size:15px;
  color:#222;
  font-weight:700;
  line-height:1.2;
}
#wp_after_hd .wp_level {
  font-size:13px;
  color:#444;
  line-height:1.2;
}
#wp_after_hd .wp_level em {
  font-style:normal;
  font-family:'S-CoreDream-6Bold', sans-serif;
  font-weight:800;
  color:#b8181a;
}
#wp_after_info {
  display:inline-block;
  height:24px;
  line-height:22px;
  border:1px solid #d5d9dd;
  color:#b8181a;
  border-radius:2px;
  padding:0 8px;
  font-size:12px;
  text-decoration:none;
  box-sizing:border-box;
}
#wp_after_hd .btn_admin {
  position:absolute;
  top:12px;
  right:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  padding:0;
  border-radius:3px;
  color:#fff;
  background-color:#b8181a;
  line-height:1;
  text-decoration:none;
}
#wp_after_hd .btn_admin:hover {
  color:#b8181a;
  background-color:#fff;
  border:1px solid #b8181a;
}

/* 경험치 게이지 */
#wp_after .level-gg {
  height:6px;
  background:#e9ecef;
  overflow:hidden;
  margin:0;
}
#wp_after .level-gg .gg-bar {
  height:100%;
  background:#b8181a;
  transition:width .3s ease;
}

/* 포인트/쪽지/스크랩/알림 */
#wp_after .user-info-list {
  display:flex;
  gap:0;
  padding:0;
  margin:0;
  list-style:none;
  justify-content:center;
  align-items:stretch;
  width:100%;
  border-bottom:1px solid #dde7e9;
}
#wp_after .user-info-list li {
  flex:1 1 0;
  margin:0;
  padding:0;
}
#wp_after .item-box {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:12px 4px;
  color:#333;
  width:100%;
  box-sizing:border-box;
  text-decoration:none;
  transition:background-color .2s;
}
#wp_after .item-box:hover { background-color:#f5f5f5; }
#wp_after .icon-wrap i {
  font-size:18px;
  margin-bottom:4px;
  color:#666;
}
#wp_after .text-wrap .label,
#wp_after .text-wrap strong { display:block; }
#wp_after .text-wrap .label {
  font-size:13px;
  color:#555;
  margin-bottom:2px;
}
#wp_after .text-wrap strong {
  font-size:13px;
  font-weight:700;
  color:#007bff;
  white-space:nowrap;
}
#wp_after .text-wrap strong.noti-count {
  display:inline-block;
  min-width:18px;
  padding:0 5px;
  line-height:18px;
  font-size:11px;
  color:#fff !important;
  background:#b8181a;
  border-radius:2px;
}

#wp_after_logout {
  text-align:center;
  font-weight:bold;
  display:block;
  padding:14px 0;
  color:#a0a0a1;
  text-decoration:none;
}
#wp_after_logout:hover { color:#b8181a; }
#wp_after_logout i { margin-right:4px; }

.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:#b8181a}
.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% #b8181a;border-color:#1471f6;border-radius:3px}
}