@charset "utf-8";

/* 1.1.4 */
.rb_bbs_wrap .rb_bbs_list {
  border-top: 0px solid var(--rd-border) !important;
}
#faq_wrap {
  border-top: 1px solid var(--rd-border) !important;
}
.rb_prof_tab #bo_cate {
  border-bottom: 1px solid var(--rd-border);
}

/* 1.1.5 */
.point_info_btns {
  border: 1px solid var(--rd-border);
  border-radius: 6px;
}
.point_info_btns:hover {
  border-color: var(--rd-text-second);
}
.point_info_btns.act {
  border-color: var(--rd-text-second);
}
.point_info_btns_wrap ul {
  background-color: var(--rd-bg-second);
  border-radius: 6px;
}
.point_info_opens {
  border: 1px solid var(--rd-border-second);
  border-radius: 6px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.02);
  background: var(--rd-bg);
}

/* 1.2.6 */
.notification,
.notification-custom {
  border: 1px solid var(--rd-text-primary) !important;
}
.cbp-hrmenu-btm {
  box-shadow: none !important;
  border: 0px !important;
}
.content_box {
  transition: box-shadow 0.3s ease;
}
.content_box.dragging {
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: var(--rd-bg);
  opacity: 0.6;
}
.placeholders_box {
  border: 1px dashed var(--rd-border);
  background: none;
}
.sv_wrap .sv a {
  color: var(--rd-text-white) !important;
}

/* 1.2.7 */
#bo_v_con img {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.gallery-item-img img {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.rb_bbs_wrap .rb_thumb_wrap img {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.system_del_btn {
  background-color: var(--rd-bg) !important;
  border: 1px solid var(--rd-border) !important;
  border-radius: 6px !important;
}
.system_del_btn a {
  color: var(--rd-text-primary) !important;
}

/* 1.3.9 */
.cbp-hrmenu-btm > ul > li.add_arr_svg {
  background-image: var(--icon-arrow);
}
.cbp-hrmenu-btm > ul > li.cbp-hropen {
  background-image: var(--icon-arrow);
}

/* 1.3.11 */
.cbp-hrmenu-btm > ul > li.add_arr_svg.cbp-hropen {
  background-image: var(--icon-arrow);
}
.cbp-hrmenu-btm > ul > li.cbp-hropen {
  background-image: none;
}

/* 1.4.12 */
.chat_open_btn {
  background-color: var(--rd-bg);
  border-radius: 40%;
  box-shadow: -10px 0px 20px 2px rgba(0, 0, 0, 0.06);
}
.chat_open_btn:hover {
  background-color: #f3f5fd;
}
.chat_open_btn_inner span {
  background-color: #2d3748;
  color: var(--rd-text-white);
  border-radius: 22px;
}

/* 1.6.14 */
.rb_bbs_wrap #bo_cate {
  border-bottom: 1px solid var(--rd-border-second);
}
.rb-board-table th {
  background-color: var(--rd-bg-second);
}
.rb_bbs_for {
  border: 1px solid var(--rd-border-second);
  border-radius: 10px;
}
.rb_bbs_for:hover {
  border-color: var(--rd-border) !important;
}
.bn_border {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.rb_bbs_wrap_qa .rb_bbs_for {
  border-top: 0px !important;
  border-bottom: 1px solid var(--rd-border-second) !important;
  border-radius: 0px !important;
}

/* 1.6.15 */
.rb_prof .copy_urls {
  background-color: transparent !important;
}

/* 2.0.0 */
#mb_login_od_wr p {
  border-radius: 10px;
}
.bn_bg_color_label {
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.content_box_set:hover .admin_ov {
  opacity: 1;
}
.content_box_set {
  border: 0.1px dashed #b9faff;
}
.placeholders_box {
  background: var(--rd-bg-second);
  border-radius: 10px;
}
.hd_pops {
  background-color: var(--rd-bg) !important;
}

/* 2.0.3 */
#sod_list #cp_frm {
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.05);
}
#sod_frm_pay .pay_tbl td .btn_frmline {
  border: 1px solid #38b2b9;
  color: #38b2b9;
  background: var(--rd-bg);
  border-radius: 3px;
}
.rb_login_box .textarea_divs {
  border: 1px solid var(--rd-border);
  border-radius: 10px;
}

/* 2.1.5 */
#sod_frm_pay .sod_frm_point {
  border-radius: 10px;
}
#sod_frm_pay .sod_frm_point div {
  background-color: transparent;
}
#sod_frm_pay .sod_frm_point #od_temp_point {
  border-radius: 6px;
}
#settle_bank #od_deposit_name {
  border-radius: 6px;
}
.rb_prof.rb_prof_new .rb_prof_info_img img {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.rb_prof.rb_prof_new .rb_prof_info_txt {
  color: var(--rd-text-second);
}
.rb_prof.rb_prof_new .rb_prof_info_nick span {
  color: var(--rd-text-white);
  background-color: #25282b;
  border-radius: 6px;
}
.rb_prof.rb_prof_new .copy_urls img {
  border-radius: 6px;
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns {
  background-color: transparent !important;
  color: #09244b;
  border: 0px solid #09244b;
  border-radius: 6px;
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {
  background-color: var(--rd-bg-second) !important;
  color: var(--rd-text-primary);
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns:hover {
  opacity: 0.5;
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt:hover {
  opacity: 0.7;
}
.rb_prof.rb_prof_new .copy_urls {
  background-color: var(--rd-bg-second);
  border-radius: 6px;
}
.rb_prof.rb_prof_new .rb_prof_r_box {
  background-color: var(--rd-bg-second);
  border-radius: 10px;
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {
  border-radius: 45px;
}

/* 2.1.6 */
.rb_swiper .rb_swiper_list img {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.rb_swiper .rb_swiper_paging_btn button {
  border: 1px solid var(--rd-border);
  border-radius: 4px;
}
.rb_shop_list4 .swiper-slide .rb_swiper_list {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.rb_shop_list4 .swiper-slide .rb_swiper_list:hover {
  border-color: #25282b;
}
.rb_shop_list5 .swiper-slide {
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
}
.rb_shop_list5 .swiper-slide .rb_swiper_list {
  border-radius: 10px;
  background-color: var(--rd-bg-second);
  border: 1px solid var(--rd-bg-second);
}
.rb_shop_list5 .swiper-slide .rb_swiper_list:hover {
  border-color: #25282b;
}

/* 2.1.7 */
.sod_frm_flex .cp_cancel1 {
  border: 1px solid var(--rd-text-second);
  color: var(--rd-text-fourth);
  background: var(--rd-bg);
  border-radius: 3px;
}
#mod_option_frm .btn_confirm {
  background-color: transparent !important;
}
#sod_addr .td_address .frm_input {
  border-radius: 6px;
}
.adm_bbs_set_wrap dd label {
  color: var(--rd-text-second);
}
.adm_bbs_set_wrap input {
  border-radius: 6px;
  border: 1px dashed var(--rd-text-third);
}
.adm_bbs_set_wrap .adm_set_btn {
  background-color: #25282b;
  color: var(--rd-text-white);
  border-radius: 6px;
  border: 0px;
}
.rb_bbs_set_select_wrap select {
  background-image: none !important;
}
.rb_bbs_set_select_wrap input {
  border: 1px solid var(--rd-border);
}
.rb_bbs_set_opens {
  border: 1px solid var(--rd-border-second);
  border-radius: 6px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.02);
  background: var(--rd-bg);
}

/* 2.1.8 */
.rb_prof.rb_prof_new .rb_prof_info_img img {
  border: 0px !important;
  border-radius: 20px;
}

/* 테마별 아이콘(데이터 URI)을 변수로 보관 */
:root[data-theme="light"] {
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-rep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 10 20 15 15 20'/%3E%3Cpath d='M4 4v7a4 4 0 0 0 4 4h12'/%3E%3C/svg%3E");
}

:root[data-theme="dark"] {
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-rep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 10 20 15 15 20'/%3E%3Cpath d='M4 4v7a4 4 0 0 0 4 4h12'/%3E%3C/svg%3E");
}

/* 컬러 관련 스타일만 유지 */
.rb_bbs_wrap .rb_bbs_list {
  border-top: 0px solid var(--rd-border) !important;
}
#faq_wrap {
  border-top: 1px solid var(--rd-border) !important;
}
.rb_prof_tab #bo_cate {
  border-bottom: 1px solid var(--rd-border);
}

.point_info_btns {
  border: 1px solid var(--rd-border);
}
.point_info_btns:hover {
  border-color: var(--rd-text-second);
}
.point_info_btns.act {
  border-color: var(--rd-text-second);
}
.point_info_btns_wrap ul {
  background-color: var(--rd-bg-second);
}
.point_info_opens {
  border: 1px solid var(--rd-border-second);
  background: var(--rd-bg-default);
}

.notification,
.notification-custom {
  border: 1px solid var(--rd-text-primary) !important;
}
.content_box.dragging {
  background-color: var(--rd-bg-default);
}
.placeholders_box {
  border: 1px dashed var(--rd-border);
}
.content_box_set {
  border: 0.1px dashed var(--rd-border-second);
}
.placeholders_box {
  background: var(--rd-bg-second);
}

#bo_v_con img {
  border: 1px solid var(--rd-border-second);
}
.gallery-item-img img {
  border: 1px solid var(--rd-border-second);
}
.rb_bbs_wrap .rb_thumb_wrap img {
  border: 1px solid var(--rd-border-second);
}
.system_del_btn {
  background-color: var(--rd-bg-default) !important;
  border: 1px solid var(--rd-border) !important;
}
.system_del_btn a {
  color: var(--rd-text-primary) !important;
}

.cbp-hrmenu-btm > ul > li.add_arr_svg {
  background-image: var(--icon-arrow);
}
.cbp-hrmenu-btm > ul > li.cbp-hropen {
  background-image: var(--icon-arrow);
}

.chat_open_btn {
  background-color: var(--rd-bg-default);
}
.chat_open_btn:hover {
  background-color: var(--rd-bg-second);
}
.chat_open_btn_inner span {
  background-color: var(--rd-bg-inverse);
  color: var(--rd-text-white);
}

.rb_bbs_wrap #bo_cate {
  border-bottom: 1px solid var(--rd-border-second);
}
.rb-board-table th {
  background-color: var(--rd-bg-second);
}
.rb_bbs_for {
  border: 1px solid var(--rd-border-second);
}
.rb_bbs_for:hover {
  border-color: var(--rd-border) !important;
}
.bn_border {
  border: 1px solid var(--rd-border-second);
}

.rb_bbs_wrap_qa .rb_bbs_for {
  border-bottom: 1px solid var(--rd-border-second) !important;
}

.rb_prof.rb_prof_new .rb_prof_info_img img {
  border: 1px solid var(--rd-border-second) !important;
}
.rb_prof.rb_prof_new .rb_prof_info_nick span {
  color: var(--rd-text-white);
  background-color: var(--rd-bg-inverse);
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns {
  color: var(--rd-text-primary);
}
.rb_prof.rb_prof_new .rb_prof_btn .fl_btns.fl_btns_txt {
  background-color: var(--rd-bg-second) !important;
}
.rb_prof.rb_prof_new .copy_urls {
  background-color: var(--rd-bg-second);
}
.rb_prof.rb_prof_new .rb_prof_r_box {
  background-color: var(--rd-bg-second);
}

.rb_swiper .rb_swiper_list img {
  border: 1px solid var(--rd-border-second);
}
.rb_shop_list4 .swiper-slide .rb_swiper_list {
  border: 1px solid var(--rd-border-second);
}
.rb_shop_list4 .swiper-slide .rb_swiper_list:hover {
  border-color: var(--rd-text-primary);
}
.rb_shop_list5 .swiper-slide .rb_swiper_list {
  background-color: var(--rd-bg-second);
  border: 1px solid var(--rd-bg-second);
}
.rb_shop_list5 .swiper-slide .rb_swiper_list:hover {
  border-color: var(--rd-text-primary);
}

.popup {
  background: var(--rd-bg-default);
  color: var(--rd-text-primary);
}
.popup .close {
  color: var(--rd-text-white);
  background: var(--rd-text-second);
}
#popupBackground {
  background: var(--rd-overlay);
}

#rewardList {
  border: 1px solid var(--rd-border);
  background: var(--rd-bg-card);
}
#rewardList .cols {
  background-color: var(--rd-bg-second);
  color: var(--rd-text-primary);
  border-bottom: 2px solid var(--rd-border);
}
#rewardList .cols .cell {
  background: var(--rd-bg-second);
  color: var(--rd-text-primary);
  border-bottom: 1px solid var(--rd-border);
}
#rewardList .cell {
  border-bottom: 1px solid var(--rd-border);
  color: var(--rd-text-primary);
  background: var(--rd-bg-default);
}
#rewardList .pagination .page-link {
  border: 1px solid var(--rd-border);
  background-color: var(--rd-bg-card);
  color: var(--rd-text-primary);
}
#rewardList .pagination .page-link.active {
  background-color: var(--rd-primary);
  border: 1px solid var(--rd-primary);
  color: var(--rd-text-white);
}

#payformModal ul li .zip button {
  background: var(--rd-text-second);
  color: var(--rd-text-white);
}
#payformModal ul li input {
  border: 1px solid var(--rd-border);
  background: var(--rd-bg-default);
  color: var(--rd-text-primary);
}
#payformModal ul li label {
  color: var(--rd-text-primary);
}

#rewardList .item_sub {
  color: var(--rd-text-third);
}

#payformModal {
  box-shadow: 0px 0px 20px 20px var(--rd-shadow-third);
}

.roullFooter .info-box {
  border: 1px solid var(--rd-border);
  background: var(--rd-bg-card);
}
.roullFooter .info-box .info-header {
  border-bottom: 1px solid var(--rd-border-second);
}
.roullFooter .info-box .info-title {
  color: var(--rd-text-primary);
}
.roullFooter .info-box .section-title {
  color: var(--rd-text-primary);
  background: var(--rd-bg-second);
}
.roullFooter .info-box .section-title.warning {
  background: var(--rd-bg-second);
  color: var(--rd-text-primary);
}
.roullFooter .info-box .section-title.user {
  background: var(--rd-bg-second);
  color: var(--rd-text-primary);
}
.roullFooter .info-box .info-item {
  color: var(--rd-text-fourth);
}
.roullFooter .info-box .info-item.highlight {
  background: var(--rd-bg-second);
  border: 1px solid var(--rd-border);
  color: var(--rd-error);
}
.roullFooter .info-box .user-info-card {
  background: var(--rd-bg-second);
  border: 1px solid var(--rd-border);
}
.roullFooter .info-box .user-point {
  color: var(--rd-text-primary);
}
.roullFooter .info-box .user-point strong {
  color: var(--rd-text-primary);
}
.roullFooter .info-box .point-value {
  color: var(--rd-primary);
}
.roullFooter .info-box .point-note {
  color: var(--rd-text-third);
}

section.roulette-card {
  border: 1px solid var(--rd-border);
  background: var(--rd-bg-card);
}
.regulation-card {
  background: var(--rd-bg-card);
  border: 1px solid var(--rd-border);
}
.card-title {
  color: var(--rd-text-primary);
}
.section-title {
  color: var(--rd-text-primary);
  border-bottom: 1px solid var(--rd-border-second);
}
.section-title.warning {
  color: var(--rd-warning);
}
.rule-item {
  color: var(--rd-text-fourth);
}
.rule-item:before {
  color: var(--rd-primary);
}
.rule-item.warning:before {
  color: var(--rd-warning);
}
.highlight {
  color: var(--rd-primary);
}
.warning-text {
  color: var(--rd-warning);
}

.rb-help {
  --rb-border-color: var(--rd-border-second);
  --rb-bg: var(--rd-bg-default);
  --rb-fg: var(--rd-text-primary);
}

.rb-help-pop {
  background: var(--rb-bg);
  color: var(--rb-fg);
  border: var(--rb-border);
}
.rb-help-pop::after {
  border-left-color: var(--rb-bg);
}
.rb-help-pop-title {
  color: var(--rd-text-primary);
}
.rb-help-pop-desc {
  color: var(--rd-text-second);
}

.alt_boxs {
  background: var(--rd-bg-second);
}

.rb-tooltip {
  background: var(--rd-overlay);
}
.rb-tooltip.rb-tip-top::before {
  border-top-color: var(--rd-overlay);
}
.rb-tooltip.rb-tip-right::before {
  border-right-color: var(--rd-overlay);
}
.rb-tooltip.rb-tip-bottom::before {
  border-bottom-color: var(--rd-overlay);
}
.rb-tooltip.rb-tip-left::before {
  border-left-color: var(--rd-overlay);
}

@media all and (max-width: 1024px) {
  .mod_bn_wrap {
    border-top: 1px solid var(--rd-border-second);
  }

  .rb_prof.rb_prof_new .rb_prof_btn {
    border: 1px dashed var(--rd-border);
  }
}