@charset "utf-8";
/* ================================
   Theme Color Tokens (Step-based)
   ================================ */

/* Light Mode */
:root[data-theme="light"] {
  /* ===== Text ===== */
  --rd-text-primary: #000000;
  /* 기본 텍스트 */
  --rd-text-second: #999999;
  /* 보조 텍스트 */
  --rd-text-third: #bbbbbb;
  /* 약한 강조 */
  --rd-text-fourth: #333333;
  /* 2차 강조 */
  --rd-text-inverse: #ffffff;
  /* 어두운 배경 위 텍스트 */
  --rd-text-white: #ffffff;
  /* ===== Brand / Primary ===== */
  --rd-primary: #fc0032;
  /* 브랜드 기본 */
  --rd-primary-second: #a80024;
  /* 브랜드 연한 배경 */
  --rd-primary-third: #ff3d5a;
  /* 브랜드 진한 강조 */

  /* ===== Backgrounds ===== */
  --rd-bg: #ffffff;
  /* 전체 배경 */
  --rd-bg-default: #ffffff;
  /* 기본 표면 */
  --rd-bg-second: #f6f6f6;
  /* 대체 표면 */
  --rd-bg-third: #f7f7f8;
  /* 약한 표면 */
  --rd-bg-inverse: #000000;
  /* 반전 배경 */
  --rd-bg-card: #fff;
  /* ===== Borders ===== */
  --rd-border: #dddddd;
  /* 기본 테두리 */
  --rd-border-second: #eeeeee;
  /* 약한 테두리 */
  --rd-border-third: #c1d1d5;
  /* 강조된 테두리 */

  /* ===== States ===== */
  --rd-success: #22c55e;
  /* 성공 (green-500) */
  --rd-error: #ef4444;
  /* 오류 (red-500) */
  --rd-warning: #f59e0b;
  /* 경고 (amber-500) */
  --rd-info: #3b82f6;
  /* 정보 (blue-500) */

  /* ===== Interaction ===== */
  --rd-hover: rgba(0, 0, 0, 0.04);
  /* Hover 배경 */
  --rd-active: rgba(0, 0, 0, 0.08);
  /* Active 배경 */
  --rd-overlay: rgba(0, 0, 0, 0.5);
  /* 오버레이 */

  /* ===== Shadows ===== */
  --rd-shadow-second: rgba(0, 0, 0, 0.1);
  --rd-shadow-third: rgba(0, 0, 0, 0.2);
}

/* Dark Mode (Adjusted for Warm Orange #ff6a00) */
:root[data-theme="dark"] {
  /* ===== Brand / Primary ===== */
  --rd-primary: #fc0032;
  /* 브랜드 기본 */
  --rd-primary-second: #660015;
  /* 브랜드 연한 배경 */
  --rd-primary-third: #ff5a76;
  /* 브랜드 진한 강조 */

  /* ===== Text ===== */
  --rd-text-primary: #ffffff;
  /* 기본 텍스트 */
  --rd-text-second: #b3b3b3;
  /* 보조 텍스트 (웜그레이) */
  --rd-text-third: #999999;
  /* 약한 강조 */
  --rd-text-fourth: #cccccc;
  /* 2차 강조 */
  --rd-text-inverse: #000000;
  /* 밝은 배경 위 텍스트 */
  --rd-text-white: #ffffff;
  /* ===== Brand / Primary ===== */

  /* ===== Backgrounds ===== */
  --rd-bg: #1e1e20;
  /* 전체 배경 (웜 블랙) */
  --rd-bg-default: #252525;
  /* 기본 표면 */
  --rd-bg-second: #272829;
  /* 대체 표면 */
  --rd-bg-third: #303030;
  /* 약한 표면 */
  --rd-bg-inverse: #353637;
  /* 반전 배경 */
  --rd-bg-card: #272829;
  /* ===== Borders ===== */
  --rd-border: #383c3c;
  /* 기본 테두리 (웜그레이) */
  --rd-border-second: #313334;
  /* 약한 테두리 */
  --rd-border-third: #515254;
  /* 강조된 테두리 */

  /* ===== States ===== */
  --rd-success: #22c55e;
  /* 성공 (green-500, 밝게 유지) */
  --rd-error: #ef4444;
  /* 오류 (red-500, 따뜻한 빨강) */
  --rd-warning: #f59e0b;
  /* 경고 (amber-500, 주황과 어울림) */
  --rd-info: #3b82f6;
  /* 정보 (blue-500, 대비 유지) */

  /* ===== Interaction ===== */
  --rd-hover: rgba(255, 106, 0, 0.15);
  /* Hover 시 주황 톤 오버레이 */
  --rd-active: rgba(255, 106, 0, 0.25);
  /* Active 시 진한 오버레이 */
  --rd-overlay: rgba(0, 0, 0, 0.65);
  /* 오버레이 */

  /* ===== Shadows ===== */
  --rd-shadow-second: rgba(0, 0, 0, 0.35);
  --rd-shadow-third: rgba(0, 0, 0, 0.55);
}

/* 테마별 아이콘(데이터 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");
}

/* ===== Component ===== */
.rctheme div#contents_wrap {
  background-color: var(--rd-bg);
}

.co_header_ffffff #header {
  background-color: var(--rd-bg-default);
  border-bottom: 1px solid var(--rd-border-second);
}

.cbp-hrmenu > ul > li > a {
  color: var(--rd-text-primary);
}

.rctheme .topbar {
  background-color: var(--rd-bg-third);
}

.rctheme .rb_module_padding_20 .module_latest_wrap,
.rctheme .rb_module_border_solid .module_widget_wrap {
  border: 1px solid var(--rd-border-second);
  background-color: var(--rd-bg-card);
}

.rctheme h2.font-B {
  color: var(--rd-text-primary) !important;
}

.rctheme .font-B {
  color: var(--rd-text-fourth);
}

.rctheme .bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_info {
  color: var(--rd-text-third);
}

.rctheme span.cc_total_cnt.font-B {
  color: var(--rd-text-white);
}

.rctheme .more_btn {
  border: 1px solid var(--rd-border-third);
  background-color: var(--rd-bg-third);
  color: var(--rd-text-third);
}

.rctheme .rb-tab {
  border: 1px solid var(--rd-border-third);
  background-color: var(--rd-bg-third);
  color: var(--rd-text-primary);
}

.rctheme .rb-tab.is-active {
  border: 1px solid var(--rd-primary);
  background-color: var(--rd-primary);
  color: var(--rd-text-white);
}

/* .rctheme .rb-tab:hover  {
    
    border: 1px solid var(--rd-border-third);
    background-color: var(--rd-bg-third);
    color: var(--rd-text-primary);
} */

.rctheme .rb-item {
  border-top: 1px solid var(--rd-border-second);
}

.rctheme span.point_list_point.font-R,
.rctheme .sv_member,
.rctheme .rb-board-table .bbs_basic_infos_wrap {
  color: var(--rd-text-third);
}

.rctheme .bbs_maon_popular_con .point_list_name a,
.rb_bbs_wrap #bo_cate a,
.rctheme .rb-board-table td,
.rctheme .rb-board-table td.rb-board-title a,
.rctheme button#rb-theme-fab {
  color: var(--rd-text-primary);
}

.rctheme .rb_bbs_wrap #bo_cate,
.rctheme .rb-board-table td,
.rctheme .rb_bbs_for_mem_view {
  border-bottom: 1px solid var(--rd-border);
}

.rctheme .rb_bbs_wrap .bo_vc_w_wr {
  border: 1px solid var(--rd-border);
}

.rctheme .rb_bbs_wrap .btm_btns .fl_btns,
.rctheme .event_filter_buttons .filter_btn,
.rctheme .rb_bbs_wrap #bo_v_act .bo_v_nogood,
.rctheme .rb_bbs_wrap #bo_v_act .bo_v_good {
  background-color: var(--rd-bg-third);
  color: var(--rd-text-fourth);
  border: 1px solid var(--rd-border-third);
}

.rctheme input[type="text"],
.rctheme input[type="tel"],
.rctheme input[type="password"],
.rctheme input[type="date"],
.rctheme input[type="time"],
.rctheme input[type="file"],
.rctheme input[type="email"],
.rctheme input[type="number"],
.rctheme input[type="url"] {
  background-color: var(--rd-bg-second);
  color: var(--rd-text-primary);
  border: 1px solid var(--rd-border);
}

.rctheme textarea,
.rctheme .rb_inp_wrap.new_bbs_border_wrap,
.rctheme .rb_bbs_wrap .bo_vc_w textarea {
  background-color: var(--rd-bg-second);
  color: var(--rd-text-primary);
  border: 1px solid var(--rd-border) !important;
}

.rctheme footer {
  background-color: #25282b;
  border-top: 1px solid #25282b;
}

.rctheme .au_btn_search_file {
  border: 2px dashed var(--rd-border-second) !important;
  background-color: var(--rd-bg-second) !important;
  color: var(--rd-text-third) !important;
}

.rctheme label,
.rctheme .rb_bbs_wrap h2,
.rctheme .rb_bbs_wrap .bo_vc_w .btn_confirm label {
  color: var(--rd-text-primary);
}

.rctheme
  .gallery_v_mtop.swiper-slide.swiper-slide-Review_Board.swiper-slide-next,
.rctheme
  .gallery_v_mtop.swiper-slide.swiper-slide-Review_Board.swiper-slide-active,
.rctheme ul.gallery-item-info,
.rctheme .rb_bbs_wrap .cmt_btn b {
  color: var(--rd-text-fourth);
}

.rctheme .rb_bbs_wrap .rb_bbs_for {
  border-bottom: 1px solid var(--rd-border);
}

.rctheme .bo_v_nb li {
  border-top: 1px solid var(--rd-border);
}

.rctheme .bo_v_nb li:last-child,
.rctheme article#c_3,
.rctheme #bo_vc article {
  border-bottom: 1px solid var(--rd-border);
}

.rctheme a,
.rctheme .rb_bbs_wrap #bo_vc .cmt_contents {
  color: var(--rd-text-primary);
}

.rb_bbs_wrap .bo_v_nb li:hover {
  background-color: var(--rd-bg-third);
}

.rctheme .bo_vc_act li a,
.rctheme .rb_bbs_wrap .cmt_btn span.total {
  color: var(--rd-text-primary);
}

.rctheme .cmt_btn {
  border-bottom: 1px solid var(--rd-border);
  background-color: var(--rd-bg);
}

.rctheme .bo_sch {
  background: var(--rd-bg-card);
}

.rctheme .select {
  border: 1px var(--rd-border-third);
  background-color: var(--rd-bg-second);
  color: var(--rd-text-primary);
}

.rctheme label,
.rctheme .rb_faq h2,
.rctheme .rb_faq .rb_faq_sub_tit {
  color: var(--rd-text-primary);
}

.rctheme
  .gallery_v_mtop.swiper-slide.swiper-slide-Review_Board.swiper-slide-next,
.rctheme
  .gallery_v_mtop.swiper-slide.swiper-slide-Review_Board.swiper-slide-active {
  color: var(--rd-text-fourth);
}

.rctheme #faq_wrap,
.rctheme #current_connect li:first-child {
  border-top: 1px solid var(--rd-border) !important;
}

.rctheme .no_data,
.rctheme #current_connect li {
  border-bottom: 1px solid var(--rd-border);
}

.rctheme .rb_bbs_wrap #bo_v_act {
  background-color: var(--rd-bg-second);
}

.rctheme span.sv_guest,
.rctheme .rb_bbs_wrap #bo_v_con {
  color: var(--rd-text-primary);
}

.rctheme .rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns {
  background-color: var(--rd-bg-second);
  color: var(--rd-text-primary);
  border: 1px solid var(--rd-border);
}

.rctheme .bo_sch form {
  background-color: var(--rd-bg);
}

.rctheme .bo_sch h3 {
  background-color: var(--rd-bg);
  border-bottom: 1px solid var(--rd-border);
  color: var(--rd-text-primary);
}

.rctheme .bo_sch .bo_sch_cls {
  background-color: var(--rd-bg);
}

.rctheme .co_ff6a00 .top1_bg {
  background-color: var(--rd-primary);
}

.rctheme .top2_bg {
  background-color: var(--rd-primary);
}

.rctheme .point_list_num {
  background-color: var(--rd-primary);
}

.rctheme .au_file_list_img_wrap {
  border: 1px solid var(--rd-border);
}

.rctheme .cut {
  color: var(--rd-text-primary);
}

.rctheme #search_box_wrap {
  background-color: var(--rd-bg-third);
  border: 1px solid var(--rd-border) !important;
  z-index: 2;
}

.rctheme #search_box_wrap ul input.w100 {
  background-color: var(--rd-bg-default);
  border-bottom: 1px solid var(--rd-border) !important;
}

.rctheme #captcha {
  border: 1px solid var(--rd-border);
}

.rctheme .rb_bbs_wrap .bo_vc_w_info .frm_input {
  background-color: var(--rd-bg-second);
  color: var(--rd-text-primary);
  border: 1px solid var(--rd-border);
}

.rctheme #captcha #captcha_key {
  border: 1px solid var(--rd-border);
  background-color: var(--rd-bg);
  color: var(--rd-text-primary);
}

.rctheme .rb_bbs_wrap .rb_bbs_for_mem li dd span {
  color: var(--rd-text-primary);
}

.rctheme .rb_bbs_wrap .rb_bbs_file_for {
  border-bottom: 1px solid var(--rd-border);
  background-color: var(--rd-bg-default);
  color: var(--rd-text-primary);
}

.sh-side-demos-container {
  background-color: var(--rd-bg);
}

.rctheme ul.bo_vc_act {
  background: var(--rd-bg-card);
}

.rctheme .rb_bbs_wrap #bo_vc .bo_vl_opt button {
  color: var(--rd-text-primary);
}

.rctheme .sch_res_list li {
  background-color: var(--rd-bg);
  border-bottom: 1px solid var(--rd-border-second);
}

.rctheme .rb_serch_skin .rb_faq_sub_tit {
  color: var(--rd-text-second);
}

.rctheme span.cut2 {
  color: var(--rd-text-second);
}

.rctheme .user_prof_bg {
  background-color: var(--rd-bg);
}

.rctheme .cbp-hrmenu-btm {
  background-color: var(--rd-bg);
}

.rctheme .rb_config h6,
.rctheme .rb_config .rows_inp_l_span span {
  color: var(--rd-text-primary) !important;
}

.rctheme .rb_serch_skin #bo_cate a {
  color: var(--rd-text-primary);
}

.rctheme #bo_cate {
  border-bottom: 1px solid var(--rd-border);
}

.rctheme .rb_serch_skin #sch_res_ov {
  background-color: var(--rd-bg-card);
}

.rctheme .rb_serch_skin #sch_res_ov h2 {
  color: var(--rd-text-second);
}

.rctheme .rb_serch_skin #sch_res_ov h2 strong {
  color: var(--rd-text-primary);
}

.rctheme #sch_res_ov ul {
  color: var(--rd-text-second);
}

.rctheme #sch_res_ov li {
  border-right: 1px solid var(--rd-text-second);
}

.rctheme input[type="text"]:focus,
.rctheme input[type="password"]:focus,
.rctheme textarea:focus,
.rctheme select:focus {
  border: 1px solid var(--rd-primary) !important;
}

.rctheme svg.feather.feather-volume-2 {
  stroke: var(--rd-primary);
}

.rctheme .select {
  background-image: var(--icon-arrow);
}

.rctheme .guest_inp_wrap {
  background-color: var(--rd-bg-card);
}

:root[data-theme="dark"] .rctheme .btns_gr img {
  filter: grayscale(1) brightness(0) invert(1);
}

:root[data-theme="dark"] .rctheme li.rb_bbs_for_btm_info img {
  filter: grayscale(1) brightness(0) invert(1);
}

:root[data-theme="dark"] .rctheme button.bo_sch_cls img {
  filter: grayscale(1) brightness(0) invert(1);
}

:root[data-theme="dark"] .rctheme button.sch_btn {
  filter: grayscale(1) brightness(0) invert(1);
}

:root[data-theme="dark"] .rctheme button.ser_btns svg {
  filter: grayscale(1) brightness(0) invert(1);
}

:root[data-theme="dark"] .rctheme button#m_gnb_close_btn img {
  filter: grayscale(1) brightness(0) invert(1);
}

:root[data-theme="dark"] .rctheme .sh-side-demos-container-close img {
  filter: grayscale(1) brightness(0) invert(1);
}

.rctheme #ctt_con {
  background: var(--rd-bg);
  color: var(--rd-text-primary);
}

.rctheme .rb-card {
  background-color: transparent;
}

.rctheme .rb_menu_list_btm_l {
  background: var(--rd-bg-card);
  border: 1px solid var(--rd-border);
}

.rctheme .rb_menu_list_btm_r {
  background: var(--rd-bg-card);
  border: 1px solid var(--rd-border);
}

.rctheme .rb-card {
  color: var(--rd-text-primary);
}

.rctheme .rb_menu_list_btm_list dl dd.rb_menu_list_btm_list_tit span {
  color: var(--rd-text-primary);
}

.rctheme .rb_menu_list_btm_list dl dd a {
  color: var(--rd-text-second);
}

.rctheme .rb_menu_list_btm_list dl dd a.dss {
  color: var(--rd-text-second) !important;
}

.rctheme .cbp-hrmenu .cbp-hrsub {
  background-color: var(--rd-bg-card) !important;
  color: var(--rd-text-primary);
}

.rb_menu_list_btm_tit dl dd.rb_menu_list_btm_tit_span1 {
  color: var(--rd-text-primary);
}

.rctheme .co_header_ffffff #header .gnb_wrap nav a:hover {
  color: var(--rd-primary) !important;
}

.rctheme .rb_menu_list_btm_tit dl dd.rb_menu_list_btm_tit_span1 {
  color: var(--rd-text-primary);
}

.rctheme button.login_btns.main_rb_bg.font-B {
  color: #fff;
}

@media (max-width: 1024px) {
  .rctheme main,
  .rctheme footer .footer_gnb_ul2 {
    background-color: var(--rd-bg) !important;
  }

  .rctheme .flex_box {
    margin: 0 !important;
  }

  .rctheme #search_box_wrap {
    top: 112px;
  }

  .rctheme .flex_box.flex_box_l {
    display: none;
  }
}

:root[data-theme="dark"]
  .co_header_ffffff
  #header
  .gnb_wrap
  .snb_wrap
  .qm_wrap
  button
  svg
  path {
  fill: #ffffff !important;
}

.co_header_ffffff #header .gnb_wrap nav a:hover {
  color: var(--rd-primary) !important;
}

.rctheme main#main {
  background: var(--rd-bg-default);
}

.rctheme .rb_module_border_solid .module_latest_wrap {
  border: 1px solid var(--rd-border-second);
  background-color: var(--rd-bg-card);
}

.rctheme .footer_nav {
  background: var(--rd-bg-second);
  border-top: 1px solid var(--rd-border-second);
}

.rctheme .footer_nav .footer_nav_grid_item {
  color: var(--rd-text-second);
}

.rctheme .footer_nav .footer_nav_grid_item.active {
  color: var(--rd-primary);
}

.rctheme .bbs_main_wrap_thumb_con dd {
  border: 1px solid var(--rd-border-second) !important;
  background-color: var(--rd-bg-card);
}

.rctheme .rb_prof_tab #bo_cate a {
  color: var(--rd-text-primary);
}

.rb_prof_tab .cont_info_wrap {
  border-bottom: 1px solid var(--rd-border);
}

.rctheme .rb_prof_tab .cont_info_wrap_l dd {
  color: var(--rd-text-primary);
}

.rctheme .rb_prof_tab .cont_info_wrap_r dd {
  color: var(--rd-text-primary);
}

.show-gnb {
  background-color: var(--rd-bg-third);
  color: var(--rd-text-second);
  border-bottom: 1px solid var(--rd-border);
}

span.point_list_point.font-H {
  color: var(--rd-text-primary);
}

.point_list_point {
  font-weight: bolder;
  color: var(--rd-text-primary);
  font-family: "font-H", sans-serif !important;
}

.rctheme .rb_bbs_wrap .lb_ico_noti {
  background-color: var(--rd-primary);
}

.rctheme .rb-custom-view {
  background-color: var(--rd-bg-second);
  border-radius: 12px;
  border: 1px solid var(--rd-border-second);
  color: var(--rd-text-primary);
  padding: 20px;
  margin-bottom: 24px;
}

.rctheme #bo_v_con a {
  color: var(--rd-text-primary);
}

.rctheme .rb_bbs_for_meta b {
  background: var(--rd-primary);
  color: var(--rd-text-white);
  padding: 4px 8px;
  border-radius: 4px;
}

.rctheme .rb_bbs_for_meta {
  color: var(--rd-text-primary);
}

.rcthme .rb_bbs_for:hover {
  border-color: 1px solid var(--rd-border);
}

.rctheme .cbp-hrmenu-btm {
  z-index: 1001;
}

#m_gnb_close_btn {
  z-index: 1002;
}

.rb_bbs_wrap .btns_gr_wrap {
  top: 180px;
}

.pg_end,
.pg_start,
.pg_page,
.pg_current {
  background-color: var(--rd-bg-third);
  border: 1px solid var(--rd-border-third);
}

.pg_end:hover,
.pg_start:hover,
.pg_page:hover {
  border-color: #fc0032;
  background-color: var(--rd-bg-third);
}

.bo_vc_act {
  border: 1px solid var(--rd-border);
}

.bo_vc_act li {
  border-bottom: 1px solid var(--rd-border);
}

.sch_res_list ul {
  border-top: 1px solid var(--rd-border);
}

.sm-level-mark {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

span.level-mark {
  padding: 0 !important;
  margin: 0 !important;
}

span.level-mark .md-level-mark {
  border-radius: 50%;
  width: 42px;
  height: 42px;
}
/* 
.btm_btns {
  border-top: 1px solid var(--rd-border);
} */

@media (max-width: 1024px) {
  span.level-mark .md-level-mark {
    width: 24px;
    height: 24px;
  }
}

[data-theme="dark"] .rctheme .point_info_btns i svg {
  filter: contrast(0);
}

[data-theme="dark"] a#data-copy img {
  filter: unset;
}

span.pc {
  color: var(--rd-text-primary);
}