@charset "utf-8";
/* 와우씨씨엠 renew 게시판 스킨
 * renew 메인과 같은 규칙: 주황 포인트, 각진 모서리, Pretendard, 흰 바탕
 * 목록(일반/사진/영상) · 글보기 · 댓글 · 글쓰기
 */
#bo_list,#bo_v,#bo_w,#bo_vc,#bo_vc_w,.cmt_btn{
  --rn-brand:#ef5a22; --rn-brand-dk:#d4481a; --rn-soft:#fff1e9; --rn-line-b:#fbd3c0;
  --rn-ink:#1f2328; --rn-sub:#555b63; --rn-mute:#9aa0a7; --rn-line:#e5e7eb; --rn-line2:#f0f1f3; --rn-band:#f6f7f8;
  font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color:var(--rn-ink); letter-spacing:-.01em; box-sizing:border-box;
}
#bo_list *,#bo_v *,#bo_w *,#bo_vc *,#bo_vc_w *{box-sizing:border-box}
#bo_list,#bo_v,#bo_w{max-width:100%;margin:0 auto 40px;font-size:15px;line-height:1.55;text-align:left}
#bo_list a,#bo_v a,#bo_w a{color:inherit;text-decoration:none}
#bo_list a:hover,#bo_v a:hover,#bo_w a:hover{color:var(--rn-brand)}

/* ===== 공통 버튼 ===== */
#bo_list .btn,#bo_v .btn,#bo_w .btn,#bo_vc_w .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;min-width:36px;padding:0 12px;border:1px solid var(--rn-line);background:#fff;color:var(--rn-ink);font-size:14px;font-weight:600;border-radius:0;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
#bo_list .btn:hover,#bo_v .btn:hover,#bo_w .btn:hover{border-color:var(--rn-brand);color:var(--rn-brand)}
#bo_list .btn_write,#bo_v .btn_write{background:var(--rn-brand);border-color:var(--rn-brand);color:#fff}
#bo_list .btn_write:hover{background:var(--rn-brand-dk);color:#fff}
#bo_list .btn_admin,#bo_v .btn_admin{background:var(--rn-ink);border-color:var(--rn-ink);color:#fff}
.btn_bo_user{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.btn_bo_user > li{position:relative;float:none;margin:0}
.more_opt{display:none;position:absolute;right:0;top:40px;z-index:20;min-width:130px;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--rn-line);box-shadow:0 6px 18px rgba(0,0,0,.1)}
.more_opt li{border:0;margin:0}
.more_opt li a,.more_opt li button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 14px;border:0;background:none;font-size:14px;color:var(--rn-ink);text-align:left;cursor:pointer}
.more_opt li a:hover,.more_opt li button:hover{background:var(--rn-soft);color:var(--rn-brand)}
.more_opt li i{color:var(--rn-mute)}

/* 체크박스 */
.chk_box{position:relative}
.chk_box input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}
.chk_box input[type=checkbox] + label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--rn-sub)}
.chk_box input[type=checkbox] + label span{display:inline-block;width:18px;height:18px;border:1px solid #c9cdd2;background:#fff;border-radius:0;position:relative}
.chk_box input[type=checkbox]:checked + label span{background:var(--rn-brand);border-color:var(--rn-brand)}
.chk_box input[type=checkbox]:checked + label span::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.chk_box input[type=checkbox]:focus-visible + label span{outline:2px solid var(--rn-brand);outline-offset:2px}

/* ===== 목록: 머리 ===== */
.rn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--rn-ink)}
.rn-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}
#bo_list_total{font-size:13px;color:var(--rn-mute);float:none;line-height:1.4}
#bo_list_total b{color:var(--rn-brand);font-weight:700}

/* 분류 탭 */
#bo_cate{margin:16px 0 0;background:none}
#bo_cate h2{position:absolute;overflow:hidden;width:1px;height:1px}
#bo_cate_ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;border:0}
#bo_cate_ul li{float:none;margin:0;padding:0;border:0}
#bo_cate_ul a{display:block;height:auto;padding:7px 14px;border:1px solid var(--rn-line);background:#fff;font-size:14px;color:var(--rn-sub);border-radius:0;line-height:1.4}
#bo_cate_ul a:hover{border-color:var(--rn-brand);color:var(--rn-brand)}
#bo_cate #bo_cate_on{background:var(--rn-ink);border-color:var(--rn-ink);color:#fff;font-weight:700;box-shadow:none}

#bo_btn_top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px;min-height:36px}
#bo_btn_top .btn_bo_user{margin-left:auto}
.rn-allchk{font-size:13px}

/* ===== 목록: 일반 표 ===== */
#bo_list{container-type:inline-size}
#bo_list .tbl_wrap{margin:0}
#bo_list .tbl_head01 table{width:100%;border-collapse:collapse;border:0;table-layout:auto}
#bo_list caption{position:absolute;overflow:hidden;width:1px;height:1px}
#bo_list .tbl_head01 thead th{padding:11px 6px;background:none;border:0;border-bottom:1px solid var(--rn-line);color:var(--rn-mute);font-size:13px;font-weight:600;text-align:center;letter-spacing:0}
#bo_list .tbl_head01 thead th a{color:var(--rn-mute)}
#bo_list .tbl_head01 thead th a:hover{color:var(--rn-brand)}
#bo_list .tbl_head01 td{padding:13px 6px;border:0;border-bottom:1px solid var(--rn-line2);color:var(--rn-sub);font-size:14px;text-align:center;background:none}
#bo_list .tbl_head01 tbody tr:hover td{background:#fcfaf8}
#bo_list .th_chk,#bo_list .td_chk{width:40px}
#bo_list .th_num,#bo_list .td_num2{width:70px;font-variant-numeric:tabular-nums}
#bo_list .th_name,#bo_list .td_name{width:110px}
#bo_list .th_hit,#bo_list .td_num{width:64px;font-variant-numeric:tabular-nums}
#bo_list .th_date,#bo_list .td_datetime{width:80px;font-variant-numeric:tabular-nums}
#bo_list .td_subject{text-align:left}
#bo_list .td_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
#bo_list .td_name .sv_member,#bo_list .td_name .sv_guest{color:var(--rn-sub)}
#bo_list .bo_tit{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:15px;color:var(--rn-ink);font-weight:500}
#bo_list .bo_tit a{color:var(--rn-ink)}
#bo_list .bo_tit a:hover{color:var(--rn-brand)}
#bo_list .bo_tit .fa{font-size:13px;color:var(--rn-mute)}
#bo_list .bo_tit .fa-heart{color:var(--rn-brand)}
#bo_list .bo_tit .fa-lock{color:var(--rn-sub)}
#bo_list .new_icon{display:inline-grid;place-items:center;width:16px;height:16px;background:var(--rn-brand);color:#fff;font-size:10px;font-weight:800;border-radius:0;line-height:1}
#bo_list .cnt_cmt{display:inline-block;min-width:18px;padding:0 5px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:11.5px;font-weight:700;line-height:18px;text-align:center;border-radius:0}
#bo_list .bo_cate_link{display:inline-block;margin:0 6px 4px 0;padding:1px 7px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:12px;font-weight:700;border-radius:0}
#bo_list .bo_notice td{background:#fffaf6}
#bo_list .bo_notice .bo_tit a{font-weight:700}
#bo_list .notice_icon{display:inline-block;padding:2px 8px;background:var(--rn-brand);color:#fff;font-size:12px;font-weight:700;border-radius:0}
#bo_list .bo_current{color:var(--rn-brand);font-weight:700;font-size:13px}
#bo_list .empty_table,#bo_list .empty_list{padding:60px 0!important;color:var(--rn-mute);text-align:center;font-size:14px}
#bo_list .rn-mmeta{display:none}

/* 게시판 칸이 좁을 때 (옛 레이아웃 안 · 태블릿) */
@container (max-width:820px){
  #bo_list .th_good,#bo_list .td_good{display:none}
}
@container (max-width:680px){
  #bo_list .th_name,#bo_list .td_name,#bo_list .th_hit,#bo_list .td_num{display:none}
  #bo_list .th_date,#bo_list .td_datetime{width:64px;font-size:13px}
}
@container (max-width:520px){
  #bo_list .th_num,#bo_list .td_num2,#bo_list .th_date,#bo_list .td_datetime{display:none}
  #bo_list .td_subject{padding-left:4px!important}
  #bo_list .rn-mmeta{display:block;margin-top:4px;font-size:12.5px;color:var(--rn-mute)}
  #bo_list .bo_notice .rn-mmeta::before{content:"공지 · ";color:var(--rn-brand);font-weight:700}
  .rn-cards{grid-template-columns:1fr 1fr;gap:18px 12px}
  .rn-mode-video .rn-cards{grid-template-columns:1fr}
}
#bo_list .td_subject{min-width:0}
#bo_list .bo_tit a{word-break:keep-all;overflow-wrap:anywhere}

/* ===== 목록: 사진·영상 카드 ===== */
.rn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 18px;margin:18px 0 0;padding:0;list-style:none}
.rn-mode-video .rn-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.rn-card{position:relative;display:grid;gap:10px;align-content:start;min-width:0;margin:0}
.rn-card-chk{position:absolute;left:8px;top:8px;z-index:3}
.rn-card-chk label span{background:rgba(255,255,255,.9)!important}
.rn-thumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--rn-band)}
.rn-mode-video .rn-thumb{aspect-ratio:16/9;background:#2b2522}
.rn-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.rn-card:hover .rn-thumb img{transform:scale(1.04)}
.rn-noimg{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.2em;color:#c4c8cd;background:repeating-linear-gradient(45deg,#f3f4f6 0 10px,#eceef1 10px 20px)}
.rn-mode-video .rn-noimg{color:#6d625c;background:repeating-linear-gradient(45deg,#2b2522 0 10px,#332b27 10px 20px)}
.rn-play{position:absolute;right:10px;bottom:10px;width:38px;height:38px;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:13px;transition:background .2s}
.rn-play .fa{margin-left:2px}
.rn-card:hover .rn-play{background:var(--rn-brand)}
.rn-new{position:absolute;left:0;top:0;padding:3px 8px;background:var(--rn-brand);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em}
.rn-card.is-current .rn-thumb{outline:3px solid var(--rn-brand);outline-offset:-3px}
.rn-card-body{display:grid;gap:5px;min-width:0}
.rn-card-body .bo_cate_link{justify-self:start;padding:1px 7px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:12px;font-weight:700}
.rn-card-tit{font-size:15px;font-weight:600;line-height:1.45;color:var(--rn-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.rn-card-tit .cnt_cmt{display:inline-block;margin-left:4px;padding:0 5px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:11.5px;font-weight:700;line-height:18px;vertical-align:1px}
.rn-card-meta{display:flex;gap:12px;font-size:12.5px;color:var(--rn-mute);font-variant-numeric:tabular-nums}
.rn-mode-gallery .tbl_wrap,.rn-mode-video .tbl_wrap{margin-bottom:6px}

/* ===== 목록: 웹진 ===== */
.rn-webzine{margin:10px 0 0;padding:0;list-style:none}
.rn-wz{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid var(--rn-line2)}
.rn-wz.no-thumb{grid-template-columns:minmax(0,1fr)}
.rn-wz.is-current{background:#fffaf6}
.rn-wz-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--rn-band)}
.rn-wz-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rn-wz:hover .rn-wz-thumb img{transform:scale(1.04)}
.rn-wz-body{display:grid;gap:6px;align-content:start;min-width:0}
.rn-wz-body .bo_cate_link{justify-self:start;padding:1px 7px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:12px;font-weight:700}
.rn-wz-tit{font-size:17px;font-weight:700;line-height:1.4;color:var(--rn-ink);word-break:keep-all}
.rn-wz-tit .new_icon{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;background:var(--rn-brand);color:#fff;font-size:10px;font-weight:800;vertical-align:2px}
.rn-wz-ex{margin:0;font-size:14px;line-height:1.6;color:var(--rn-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.rn-wz .rn-card-chk{left:0;top:26px}
.rn-wz:has(.rn-card-chk) .rn-wz-thumb,.rn-wz.no-thumb:has(.rn-card-chk) .rn-wz-body{margin-left:30px}

/* ===== 목록: 다시듣기 (정사각 프로그램 카드) ===== */
.rn-audio-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 16px;margin:18px 0 0;padding:0;list-style:none}
.rn-audio{position:relative;display:grid;gap:4px;align-content:start;min-width:0}
.rn-audio .rn-card-chk{left:8px;top:8px}
.rn-art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#3b332f;margin-bottom:6px}
.rn-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rn-audio:hover .rn-art img{transform:scale(1.04)}
.rn-art .rn-play{right:10px;bottom:10px;width:34px;height:34px;font-size:12px}
.rn-audio:hover .rn-play{background:var(--rn-brand)}
.rn-audio.is-current .rn-art{outline:3px solid var(--rn-brand);outline-offset:-3px}
.rn-art.gen{display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:#fff}
.rn-art.gen::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 105% -5%,rgba(255,255,255,.16) 0 1.5px,transparent 1.5px 18px)}
.rn-art.gen::after{content:"";position:absolute;width:70%;height:70%;left:-20%;bottom:-25%;background:radial-gradient(closest-side,rgba(255,255,255,.18),transparent)}
.rn-art.gen .brand,.rn-art.gen .ttl{position:relative;z-index:1}
.rn-art.gen .brand{font-size:10px;font-weight:700;letter-spacing:.16em;opacity:.85}
.rn-art.gen .ttl{display:grid;gap:2px;padding-right:36px}
.rn-art.gen .ttl small{font-size:13px;font-weight:500;opacity:.88}
.rn-art.gen .ttl b{font-size:22px;font-weight:900;line-height:1.15;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere}
.rn-art.gen.long .ttl b{font-size:18px}
.rn-art.rn-tone0{background:linear-gradient(145deg,#f59b42,#e8551f)}
.rn-art.rn-tone1{background:linear-gradient(145deg,#a2477a,#4b2c5e)}
.rn-art.rn-tone2{background:linear-gradient(145deg,#3fa38c,#1f5f5b)}
.rn-art.rn-tone3{background:linear-gradient(145deg,#4a6fb0,#22325c)}
.rn-art.rn-tone4{background:linear-gradient(145deg,#c97a2b,#6b3a1f)}
.rn-art.rn-tone5{background:linear-gradient(145deg,#f08a6b,#b8325a)}
.rn-audio-date{font-size:12.5px;color:var(--rn-mute)}
.rn-audio-tit{font-size:15px;font-weight:600;color:var(--rn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== 목록: 사연&신청곡 (말풍선) ===== */
.rn-wants{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px 16px;margin:18px 0 0;padding:0;list-style:none}
.rn-bubble{position:relative;display:grid;gap:12px;align-content:start;min-width:0}
.rn-bubble .rn-card-chk{left:auto;right:8px;top:8px}
.rn-bubble-body{position:relative;display:grid;gap:6px;align-content:start;min-height:112px;padding:16px 18px;background:var(--rn-band);border:1px solid var(--rn-line2);color:var(--rn-ink)}
.rn-bubble-body::after{content:"";position:absolute;left:22px;bottom:-9px;width:16px;height:16px;background:inherit;border:solid var(--rn-line2);border-width:0 1px 1px 0;transform:rotate(45deg)}
.rn-bubble:hover .rn-bubble-body{border-color:var(--rn-line-b);background:#fff8f3}
.rn-bubble:hover .rn-bubble-body::after{border-color:var(--rn-line-b)}
.rn-bubble.is-request .rn-bubble-body{background:var(--rn-soft);border-color:var(--rn-line-b)}
.rn-bubble.is-request .rn-bubble-body::after{border-color:var(--rn-line-b)}
.rn-bubble.is-current .rn-bubble-body{outline:2px solid var(--rn-brand);outline-offset:-2px}
.rn-req{justify-self:start;padding:1px 8px;background:var(--rn-brand);color:#fff;font-size:11.5px;font-weight:800}
.rn-bubble-body strong{font-size:15.5px;font-weight:700;line-height:1.45;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rn-bubble-ex{font-size:13.5px;line-height:1.6;color:var(--rn-sub);word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rn-bubble-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-left:4px;font-size:12.5px;color:var(--rn-mute)}
.rn-bubble-foot b{font-size:13.5px;color:var(--rn-ink)}
.rn-bubble-foot .rn-reply{color:var(--rn-brand-dk);font-weight:700}

/* ===== 목록: 자주하는 질문 ===== */
.rn-faq{margin:10px 0 0;border-top:1px solid var(--rn-line)}
.rn-faq-item{border-bottom:1px solid var(--rn-line)}
.rn-faq-item summary{position:relative;display:flex;align-items:center;gap:14px;padding:18px 6px;cursor:pointer;list-style:none}
.rn-faq-item summary::-webkit-details-marker{display:none}
.rn-faq-item summary:hover .rn-faq-q{color:var(--rn-brand)}
.rn-faq-chk{flex:none}
.rn-q,.rn-a{flex:none;display:grid;place-items:center;width:30px;height:30px;font-size:14px;font-weight:900}
.rn-q{background:var(--rn-ink);color:#fff}
.rn-a{background:var(--rn-brand);color:#fff}
.rn-faq-q{flex:1;min-width:0;font-size:16px;font-weight:600;color:var(--rn-ink);word-break:keep-all}
.rn-faq-q em{margin-right:8px;padding:1px 7px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:12px;font-weight:700;font-style:normal}
.rn-caret{flex:none;width:10px;height:10px;border:solid var(--rn-mute);border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 6px 4px 0;transition:transform .2s}
.rn-faq-item[open] .rn-caret{transform:rotate(-135deg);margin-bottom:-4px}
.rn-faq-item[open] summary .rn-faq-q{color:var(--rn-brand-dk)}
.rn-faq-a{display:flex;gap:14px;padding:4px 6px 22px}
.rn-faq-con{flex:1;min-width:0;padding:14px 16px;background:var(--rn-band);font-size:15px;line-height:1.75;color:#2b2f34;word-break:keep-all}
.rn-faq-con p{margin:0 0 .6em}
.rn-faq-con img{max-width:100%;height:auto}
.rn-faq-more{display:inline-block;margin-top:6px;font-size:13px;color:var(--rn-mute)}

/* ===== 목록: 배너 관리 ===== */
.rn-banners{display:grid;gap:22px;margin:18px 0 0;padding:0;list-style:none}
.rn-bn{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--rn-line2)}
.rn-bn .rn-card-chk{left:8px;top:8px}
.rn-bn-img{position:relative;display:block;min-height:120px;background:var(--rn-band);border:1px solid var(--rn-line2);overflow:hidden}
.rn-bn-img img{display:block;width:100%;height:auto}
.rn-bn.is-current .rn-bn-img{outline:3px solid var(--rn-brand);outline-offset:-3px}
.rn-bn-info{display:grid;gap:6px;min-width:0}
.rn-bn-tit{font-size:16px;font-weight:700;color:var(--rn-ink);word-break:keep-all}
.rn-bn-link{font-size:13px;color:var(--rn-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rn-bn-link .fa{color:var(--rn-brand)}
.rn-bn-date{font-size:12.5px;color:var(--rn-mute)}

/* 좁은 칸에서 새 모양들 */
@container (max-width:620px){
  .rn-wz{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:16px 0}
  .rn-wz-tit{font-size:15.5px}
  .rn-wz-ex{-webkit-line-clamp:2;font-size:13px}
  .rn-audio-list{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  .rn-art.gen .ttl b{font-size:19px}
  .rn-wants{grid-template-columns:1fr}
  .rn-bn{grid-template-columns:1fr;gap:10px}
  .rn-faq-q{font-size:15px}
}

/* ===== 페이지 번호 ===== */
#bo_list .pg_wrap{display:flex;justify-content:center;float:none;width:100%;margin:34px 0 0;padding:0;clear:both}
#bo_list .pg{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
#bo_list .pg_page,#bo_list .pg_current{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--rn-line);background:#fff;color:var(--rn-sub);font-size:14px;font-weight:500;border-radius:0;line-height:1;text-indent:0;overflow:visible}
#bo_list .pg_page:hover{border-color:var(--rn-brand);color:var(--rn-brand)}
#bo_list .pg_current{background:var(--rn-brand);border-color:var(--rn-brand);color:#fff;font-weight:700}
#bo_list .pg_start,#bo_list .pg_prev,#bo_list .pg_next,#bo_list .pg_end{font-size:0;background:#fff}
#bo_list .pg_start::before{content:"«"}
#bo_list .pg_prev::before{content:"‹"}
#bo_list .pg_next::before{content:"›"}
#bo_list .pg_end::before{content:"»"}
#bo_list .pg_start::before,#bo_list .pg_prev::before,#bo_list .pg_next::before,#bo_list .pg_end::before{font-size:16px;color:var(--rn-sub)}

/* ===== 검색 ===== */
.rn-search{display:flex;justify-content:center;gap:6px;margin:26px 0 0}
.rn-search select,.rn-search .sch_input{height:40px;border:1px solid var(--rn-line);border-radius:0;background:#fff;font:inherit;font-size:14px;color:var(--rn-ink)}
.rn-search select{padding:0 30px 0 10px}
.rn-search .sch_input{width:260px;max-width:100%;padding:0 12px}
.rn-search .sch_input:focus,.rn-search select:focus{outline:none;border-color:var(--rn-brand)}
.rn-search .sch_btn{height:40px;padding:0 18px;border:0;background:var(--rn-ink);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border-radius:0}
.rn-search .sch_btn:hover{background:var(--rn-brand)}


/* ===== 글보기 ===== */
.rn-v-hd{padding-bottom:14px;border-bottom:2px solid var(--rn-ink)}
.rn-v-title{margin:0;font-size:25px;font-weight:800;line-height:1.38;letter-spacing:-.03em;word-break:keep-all}
.rn-v-cate{display:inline-block;margin:0 8px 0 0;padding:2px 9px;background:var(--rn-soft);color:var(--rn-brand-dk);font-size:13px;font-weight:700;vertical-align:4px}
.rn-v-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:12px;font-size:13.5px;color:var(--rn-mute)}
.rn-v-name{font-weight:700;color:var(--rn-ink)}
.rn-v-name a,.rn-v-name .sv_member,.rn-v-name .sv_guest{color:var(--rn-ink);font-weight:700}
.rn-v-meta a:hover{color:var(--rn-brand)}
.rn-v-scrap{margin-left:auto;padding:3px 10px;border:1px solid var(--rn-line);font-size:12.5px}
.rn-v-body{padding:30px 0 10px}
.rn-v-img{margin:0 0 22px;text-align:center}
.rn-v-img a{display:block;margin:0 auto 12px}
.rn-v-img img{display:inline-block;max-width:100%;height:auto}
.rn-v-video{position:relative;aspect-ratio:16/9;margin:0 0 24px;background:#000}
.rn-v-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rn-v-con{min-height:120px;font-size:16px;line-height:1.85;color:#2b2f34;word-break:keep-all;overflow-wrap:break-word}
.rn-v-con p{margin:0 0 .9em}
.rn-v-con img{max-width:100%;height:auto}
.rn-v-con a{color:var(--rn-brand-dk);text-decoration:underline;text-underline-offset:2px}
.rn-v-con iframe[src*="youtube"],.rn-v-con iframe[src*="youtu.be"],.rn-v-con iframe[src*="vimeo"]{display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:16/9;margin:0 0 1em;border:0}
.rn-v-con table{max-width:100%}
.rn-v-sign{margin-top:24px;padding:14px 16px;background:var(--rn-band);font-size:14px;color:var(--rn-sub)}
.rn-v-act{position:relative;display:flex;justify-content:center;gap:10px;margin:34px 0 6px}
.rn-v-good{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--rn-line);background:#fff;font-size:15px;color:var(--rn-sub)}
#bo_v a.rn-v-good:hover{border-color:var(--rn-brand);color:var(--rn-brand)}
.rn-v-good strong{color:var(--rn-ink)}
.rn-v-act-msg{display:none;position:absolute;top:52px;left:50%;transform:translateX(-50%);padding:6px 12px;background:var(--rn-ink);color:#fff;font-size:13px;font-weight:500;white-space:nowrap}
.rn-v-attach{margin:22px 0 0;border-top:1px solid var(--rn-line)}
.rn-v-attach ul{margin:0;padding:0;list-style:none}
.rn-v-attach li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 4px;border-bottom:1px solid var(--rn-line2);font-size:14.5px}
.rn-v-attach a{font-weight:600;word-break:break-all}
.rn-v-attach small{margin-left:auto;font-size:12.5px;color:var(--rn-mute)}
.rn-v-fdesc{color:var(--rn-sub);font-size:13.5px}
.rn-v-btns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--rn-line)}
.rn-v-btns > div{display:flex;flex-wrap:wrap;gap:6px}
.rn-v-pn{margin:28px 0 0;border-top:1px solid var(--rn-ink)}
.rn-v-pn a{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 6px;border-bottom:1px solid var(--rn-line);font-size:14.5px}
.rn-v-pn b{font-weight:700;color:var(--rn-mute)}
.rn-v-pn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rn-v-pn time{font-size:12.5px;color:var(--rn-mute)}

/* ===== 댓글 ===== */
.rn-c{margin:44px 0 0}
.rn-c-hd{margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--rn-ink);font-size:18px;font-weight:800}
.rn-c-hd b{color:var(--rn-brand)}
.rn-cmt{padding:16px 4px;border-bottom:1px solid var(--rn-line2)}
.rn-cmt.is-reply{margin-left:calc(var(--d,1) * 22px);padding-left:14px;background:#fbfbfc}
.rn-cmt-hd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--rn-mute)}
.rn-cmt-re{color:var(--rn-brand);font-weight:800}
.rn-cmt-name,.rn-cmt-name a,.rn-cmt-name .sv_member,.rn-cmt-name .sv_guest{font-size:14.5px;font-weight:700;color:var(--rn-ink)}
.rn-cmt-tx{margin-top:6px;font-size:15px;line-height:1.7;color:#2b2f34;word-break:keep-all;overflow-wrap:anywhere}
.rn-cmt-act{display:flex;gap:12px;margin:8px 0 0;font-size:13px}
.rn-cmt-act a{color:var(--rn-mute)}
.rn-cmt-act a:hover{color:var(--rn-brand)}
.rn-c-empty{margin:0;padding:26px 0;text-align:center;font-size:14.5px;color:var(--rn-mute)}
.bo_vc_w{display:block}
.rn-cw,#bo_vc .bo_vc_w #fviewcomment{display:block;margin-top:18px}
#fviewcomment{padding:16px;background:var(--rn-band);border:1px solid var(--rn-line2)}
#fviewcomment textarea{display:block;width:100%;min-height:96px;padding:12px 14px;border:1px solid var(--rn-line);background:#fff;font:inherit;font-size:15px;line-height:1.6;resize:vertical}
#fviewcomment input[type=text],#fviewcomment input[type=password]{height:40px;padding:0 12px;border:1px solid var(--rn-line);background:#fff;font:inherit;font-size:14px}
#fviewcomment textarea:focus,#fviewcomment input:focus{outline:none;border-color:var(--rn-brand)}
.rn-cw-guest{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.rn-cw-guest input{flex:1;min-width:140px}
.rn-cw-count{margin:4px 0 0;text-align:right;font-size:12.5px;color:var(--rn-mute)}
.rn-cw-bot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.rn-cw-captcha{flex:1}
.rn-cw-submit{margin-left:auto;height:42px;padding:0 24px;border:0;background:var(--rn-brand);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.rn-cw-submit:hover{background:var(--rn-brand-dk)}
.rn-cw-submit:disabled{opacity:.6}

/* ===== 글쓰기 ===== */
.rn-w-title{margin:0 0 6px;padding-bottom:14px;border-bottom:2px solid var(--rn-ink);font-size:24px;font-weight:800;letter-spacing:-.03em}
.rn-w-title small{margin-left:8px;font-size:15px;font-weight:500;color:var(--rn-mute)}
.rn-w-grid{display:grid;gap:18px;padding:20px 0 4px}
.rn-f{display:grid;gap:6px;min-width:0;align-content:start}
.rn-f > label{font-size:14px;font-weight:700;color:var(--rn-ink)}
.rn-f > label em{margin-left:4px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--rn-brand)}
.rn-f small{font-size:12.5px;color:var(--rn-mute)}
.rn-f-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:14px}
#bo_w input[type=text],#bo_w input[type=password],#bo_w input[type=email],#bo_w select{width:100%;height:44px;padding:0 14px;border:1px solid var(--rn-line);border-radius:0;background:#fff;font:inherit;font-size:15px;color:var(--rn-ink)}
#bo_w select{padding-right:34px}
#bo_w input:focus,#bo_w select:focus,#bo_w textarea:focus{outline:none;border-color:var(--rn-brand)}
#bo_w textarea#wr_content{width:100%;min-height:320px;padding:14px;border:1px solid var(--rn-line);font:inherit;font-size:15px;line-height:1.7;resize:vertical}
.rn-w-opts{display:flex;flex-wrap:wrap;gap:8px 22px;padding:12px 14px;background:var(--rn-band)}
.rn-w-subject{position:relative;display:flex;gap:8px}
.rn-w-subject input{flex:1}
.rn-w-subject #btn_autosave{flex:none;height:44px}
.rn-w-autosave{display:none;position:absolute;right:0;top:50px;z-index:30;width:320px;max-width:100%;padding:14px;background:#fff;border:1px solid var(--rn-line);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.rn-w-autosave strong{display:block;margin-bottom:8px;font-size:14px}
.rn-w-autosave ul{max-height:200px;overflow:auto;margin:0 0 10px;padding:0;list-style:none;font-size:13.5px}
.rn-w-autosave li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--rn-line2)}
.rn-w-editor .wr_content{min-width:0}
.rn-w-note{margin:0;font-size:13px;color:var(--rn-mute)}
.rn-w-count{margin:4px 0 0;text-align:right;font-size:12.5px;color:var(--rn-mute)}
.rn-w-file{padding:12px 14px;border:1px dashed var(--rn-line)}
.rn-w-file input[type=file]{font-size:14px}
.rn-w-fdel label{color:var(--rn-sub)}
.rn-w-btns{display:flex;justify-content:center;gap:8px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--rn-line)}
#bo_w .rn-w-btns .btn{height:48px;min-width:120px;font-size:15.5px}
#bo_w .rn-w-submit{background:var(--rn-brand);border-color:var(--rn-brand);color:#fff}
#bo_w .rn-w-submit:hover{background:var(--rn-brand-dk);color:#fff}

/* ===== 좁은 화면 ===== */
@media (max-width:767px){
  #bo_list,#bo_v,#bo_w{font-size:15px}
  .rn-title,.rn-v-title,.rn-w-title{font-size:20px}
  #bo_list .th_num,#bo_list .td_num2,#bo_list .th_name,#bo_list .td_name,#bo_list .th_hit,#bo_list .td_num,#bo_list .th_date,#bo_list .td_datetime{display:none}
  #bo_list .td_subject{padding-left:4px!important}
  #bo_list .rn-mmeta{display:block;margin-top:4px;font-size:12.5px;color:var(--rn-mute)}
  #bo_list .bo_notice .rn-mmeta::before{content:"공지 · ";color:var(--rn-brand);font-weight:700}
  .rn-cards{grid-template-columns:1fr 1fr;gap:18px 12px}
  .rn-mode-video .rn-cards{grid-template-columns:1fr}
  .rn-card-tit{font-size:14px}
  .rn-search{flex-wrap:wrap}
  .rn-search .sch_input{flex:1;width:auto}
  .rn-v-con{font-size:15.5px}
  .rn-v-pn a{grid-template-columns:56px minmax(0,1fr)}
  .rn-v-pn time{display:none}
  .rn-cmt.is-reply{margin-left:12px}
  .rn-w-subject{flex-wrap:wrap}
  .rn-w-subject #btn_autosave{width:100%}
  .rn-cw-submit{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .rn-thumb img,.rn-play,#bo_list .btn,#bo_v .btn,.rn-wz-thumb img,.rn-art img,.rn-caret{transition:none}
}