@import url(https://fonts.googleapis.com/css2?family=Noto+Sans KR:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

div.rcmd-box.step0 {
  background-color: #85858515;
  color: #85858550;
}

div.rcmd-box.step1 {
  color: #b7b7b7;
  background-color: #333944;
}

div div p {
  color: #c6ccd9;
  font-size: 17px;
}

div.na-convert {
  color: #c9ccd3;
  font-size: 17px;
}

div.me-2 {
  color: #333a42;
  margin-top: 5px;
}

i.bi.bi-journal-text {
  color: #8b929e;
}

a.sv_member {
  font-size: 5px;
}

span.count-plus.orangered {
  color: #ca9f2f;
}

div.wr-num.text-nowrap.order-4 {
  color: #a78e4e;
}

a.sv_member.text-truncate.d-block {
  color: #b6c1c9;
  font-size: 13px;
  text-align: left;
}

li.list-group-item.d-none.d-md-block.hd-wrap {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-style: none;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #818b9a;
  background-color: #383d43;
  padding-top: 12px;
  padding-bottom: 10px;
  margin-top: 5px;
}

div h2 a {
  color: #aab5bb;
}

div.page-title.p-3.pt-4.mb-3 {
  border-radius: 15px;
  background-color: #272c30;
  padding-top: 20px;
}

div.d-flex.align-items-center.border-top.bg-secondary-subtle.py-1.px-3.small {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #273e56;
  border-color: #00000000;
  padding-top: 7px;
  padding-bottom: 6px;
}

h3.fs-5.px-3.py-2.mb-0 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #373d44;
  margin-bottom: -2px;
  padding-top: 14px;
  padding-bottom: 13px;
}


i.bi.bi-grid {
  display: none;
  font-size: 9px;
}

button.btn.btn-basic.btn-sm.w-100.py-1 {
  font-size: 12px;
  border-style: none;
  background-color: #44494f;
  color: #d3d6da;
  font-family: Noto Sans KR;
}

i.bi.bi-power {
  display: none;
}

a.btn.btn-basic.btn-sm.w-100.py-1 {
  font-size: 12px;
  border-style: none;
  background-color: #44494f;
  color: #d3d6da;
  font-family: Noto Sans KR;
}

div.mb-3 {
  border-radius: 10px;
  padding-top: -px;
}

div.nav-item.nav-link {
  border-radius: 15px;
  color: #7d8797;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-left: 1px;
}

a.nav-link.active {
  border-radius: 15px;
  width: 165px;
}

div.line-top.mb-4 {
  border-color: #21212100;
}

button.btn.btn-basic {
  color: #c8ccd0;
  background-color: #333a40;
}

a.sv_member.ellipsis-1 {
  color: #b0b8c4;
  font-size: 17px;
}

span.small {
  color: #8d99ab;
  font-size: 14px;
}

div.d-flex.justify-content-end.align-items-center.line-top.border-bottom.bg-body-tertiary.py-2.px-3.small {
  border-color: #3a404b;
  background-color: #272c30;
  border-top-width: 1px;
  margin-bottom: -24px; 
}

div.pe-2 {
  color: #87929e;
}

span.d-block {
  color: #60646f;
}

span.na-icon.na-new {
  display: none;
}

span.orangered {
  color: #6b95b6;
}

div.text-center.flex-grow-1 {
  padding-right: 200px;
}

div.ms-auto {
  color: #bdbdbd;
}

div.rcmd-box.step2.cu_rv_2 {
  background-color: #373c48;
  color: #9a9a9a;
}

div.rcmd-box.step3.cu_rv_3 {
  background-color: #1f3c5f;
  color: #b7bcc4;
}

div.rcmd-box.step4.cu_rv_4 {
  background-color: #355b95;
  color: #ffffff;
}

div.me-auto.order-0.d-none.d-sm-block {
  color: #868b9b;
}

a.btn.btn-primary.btn-sm {
  border-radius: 15px;
  background-color: #16487a;
  border-color: #747c9a;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
}

div.d-flex.align-items-center.border-top.bg-body-tertiary.py-1.px-3.small {
  border-style: none;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #333a42;
  padding-bottom: 6px;
  padding-top: 7px;
}

button.btn.btn-basic.btn-sm.w-100 {
  border-radius: 50px;
  margin-left: -10px;
  width: 80px;
}

button.btn.btn-primary.btn-sm {
  border-radius: 50px;
}

a.btn.btn-basic.btn-sm {
  border-radius: 50px;
  background-color: #353a42;
  color: #d1d7dc;
  padding-left: 10px;
  padding-right: 10px;
}

i.bi.bi-arrow-return-right {
  color: #d8c943;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  float: left;
  padding-right: 4px;
  margin-top: 5px;
}

div h3 a {
  color: #c9d1d6;
}

h1.px-3.pb-2.mb-0.lh-base.fs-5 {

  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #333a42;
  padding-top: 15px;
  padding-bottom: 12px;
  color: #edf0f1;
  }

div.comment-content.p-3 {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-bottom: 12px;
  border-color: #575e66;
  background-color: #272c30;
}

div.border.mx-3.mx-sm-0.mb-3.p-3 {
  border-radius: 50px;
  border-width: 2px;
  background-color: #272c30;
  border-color: #343e45;
  margin-top: 30px;
}

button.btn.btn-primary {
  background-color: #283a55;
  border-color: #465673;
  
}

a.page-link {
  background-color: #1e354a;
  border-color: #7692a9;
}

div.me-auto {
  padding-top: 5px;
}

section.border-bottom.p-3 {
  border-style: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

div.order-2.col-md-4.col-lg-3 {
  border-radius: 15px;
  width: 200px;
  margin-top: 32px;
  background-color: #272c30;
}

a.da-link-block {
  padding-left: 5px;
}

li.list-group-item.da-link-block {
  padding-left: 5px;
  background-color: #272c30;
}

li.list-group-item.da-link-block.bg-body-tertiary.fw-bold {
  background-color: #283448;
}

header.site-navbar {
  background-color: #181c21;
  
}

div div a {
  text-align: center;
}

h3.fs-5.px-3.py-2.mb-0.line-bottom {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #121416;
}

a.da-link-block.subject-ellipsis {
  padding-left: 0px;
}

li.list-group-item.da-link-block.bg-light-subtle {
  background-color: #293645;
}

section.line-top.mb-3 {
  border-style: none;
}

div.hd-name.text-center {
  text-align: center;
}

b.text-primary.fw-medium {
  color: #cfb623;
}

div.py-3 {
  margin-left: -5px;
}

div.rcmd-box.step1.cu_rv_1 {
  color: #525863;
  background-color: #2e3338;
}

span.d-flex.align-items-center.gap-2.nav-link-title {
  color: #e1e4e8;
}

div.d-flex.align-items-center.border-top.bg-comment-writer.py-1.px-3.small {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-top: 10px;
  background-color: #171c22;
  padding-bottom: 8px;
  border-color: #00000000;
}

div.rolling-noti-container.small {
  border-style: none;
  border-radius: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #293645;
  margin-bottom: 20px;
}

div.divider {
  color: #757c8e;
}

span.bi.bi-bell {
  padding-left: 10px;
}

div.dropdown-header {
  display: none;
}

div.order-1.col-md-8.col-lg-9 {
  padding-left: 20px;
}

div.px-3.mb-4 {
  margin-bottom: 0px;
  padding-right: 0px;
}

div.col {
  margin-right: -5px;
}

span.member {
  color: #9ea6af;
}

div a img {
  border-radius: 15px;
  margin-top: 10px;
}

div.rolling-noti-container-view.small {
  border-radius: 0px;
  border-style: solid;
  border-width: 2px;
  border-color: #404d62;
  background-color: #293645;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.rolling-noti-container-list.small {
  border-radius: 15px;
  border-style: none;
  background-color: #293645;
  margin-bottom: 20px;
}

div.d-flex.gap-1.align-items-start.pt-2.px-3.small {
  background-color: #272c30;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 10px;
}

div div img {
  border-radius: 15px;
}

div.d-flex.justify-content-between.mb-1.small {
  font-size: 12px;
  color: #b4b7c0;
}

a.win_point {
  color: #b4b7c0;
  font-size: 12px;
}

div.progress {
  margin-bottom: 15px;
  margin-right: -5px;
}

span.xp-icon {
  z-index: 1;
}

span.sv_name.text-truncate {
  font-size: 14px;
}

div a small {
  display: none;
}

div.rcmd-box.step-pai.step0 {
  color: #212121;
  background-color: #e7c12e;
  font-weight: 700;
  font-style: normal;
}

div.star-rated.d-flex.bg-secondary-subtle.p-2.mb-2.align-items-center {
  margin-right: 640px;
  border-radius: 12px;
  background-color: #202528;
}

span.me-2.small {
  color: #a3a8b8;
}

span.ms-1.small {
  color: #a3a8b8;
}

a span img {
  margin-top: 0px;
}

em.badge.rounded-pill.text-truncate.align-middle.da-member-memo__memo.da-memo-color--purple {
  margin-bottom: 5px;
}

em.badge.rounded-pill.text-truncate.align-middle.da-member-memo__memo.da-memo-color--green {
  margin-bottom: 5px;
}

img.rounded-circle {
  width: 45px;
  margin-bottom: 35px;
}

div.border.mx-0.mb-3.p-3.rounded-3 {
  border-radius: 35px;
  margin-top: 30px;
}

a.btn.btn-sm.btn-light {
  display: none;
}

div.d-flex.align-items-center.my-2 {
  margin-left: -10px;
  margin-bottom: -15px;
}

div.d-flex.flex-grow-1.gap-1.justify-content-between.mt-2 {
  margin-bottom: 5px;
}

a.btn.btn-basic.btn-sm.w-100 {
  width:  80px;
}

div.order-1.col-md-4.col-lg-3 {
  width: 180px;
}

button.btn.btn-sm.btn-link {
  margin-bottom: 5px;
}