/* =========================================================
   지산리조트 스키강습 브라더스 — 예약하기 · 예약확인 (BROTHERS COUTURE)
   기존 style.css 위에 덮어씌웁니다
   ========================================================= */
.brr,.brr-view,.brr-wwrap{--ink:#2f3a4f;--ink-bg:#3b73b3;--ink2:#3b4863;--ink2-bg:#4f86c6;--gold:#f0875a;--gold-l:#ffe6d6;--mint:#ff9a6e;--mint-d:#2a6fa8;--line:#f0e4d8;--soft:#fff8f0;--mute:#64748b;--red:#e11d48}
.brr,.brr-view,.brr-wwrap{font-family:'Gowun Dodum',-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif !important;color:var(--ink);letter-spacing:-.3px;word-break:keep-all}
.brr *,.brr-view *,.brr-wwrap *{box-sizing:border-box}
.brr a,.brr-view a{text-decoration:none !important}
.brr .sound_only{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.brr{max-width:1100px;margin:0 auto;padding:6px 0 40px}

/* ---------- 헤더 ---------- */
.brr-hero{position:relative;text-align:center;padding:46px 22px 40px;margin:0 0 26px;border-radius:26px;background:radial-gradient(circle at 85% 10%,rgba(255,154,110,.15) 0%,rgba(47,95,154,0) 45%),linear-gradient(150deg,#2f5f9a 0%,#3b73b3 60%,#4f86c6 100%);border:1px solid rgba(240,135,90,.3);overflow:hidden;color:#fff}
.brr-hero::before{content:"";position:absolute;inset:10px;border:1px solid rgba(240,135,90,.2);border-radius:18px;pointer-events:none}
.brr-hero.sm{padding:34px 22px 30px}
.brr-eyebrow{display:inline-block;border:1px solid rgba(240,135,90,.6);color:var(--gold-l);font-size:11px;font-weight:800;letter-spacing:3px;padding:5px 18px;border-radius:30px;margin-bottom:14px}
.brr-title{font-size:30px !important;font-weight:800 !important;color:#fff !important;margin:0 0 10px !important;line-height:1.3}
.brr-sub{font-size:14px;color:#eef4fb;font-weight:600;margin:0 auto;max-width:720px;line-height:1.7}
.brr-sub b{color:var(--gold-l)}
.brr-cta{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:13px 28px;border-radius:40px;background:var(--mint);color:var(--ink) !important;font-size:14.5px;font-weight:800;box-shadow:0 10px 24px rgba(255,154,110,.3);transition:transform .2s}
.brr-cta:hover{transform:translateY(-2px)}

/* 상태 배지 */
.brr .st,.brr-view .st{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:800;white-space:nowrap}
.brr .st::before,.brr-view .st::before{content:"";width:7px;height:7px;border-radius:50%}
.st.wait{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.st.wait::before{background:#f97316}
.st.done{background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc}.st.done::before{background:var(--mint)}
.brr-hero .st{margin-right:6px;vertical-align:1px}

/* ---------- 분류 / 상단 바 ---------- */
.brr-cate{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px}
.brr-cate a{padding:9px 18px;border-radius:30px;border:1.5px solid var(--line);background:#fff;color:#334155;font-size:13.5px;font-weight:800}
.brr-cate a.on{background:var(--ink-bg);border-color:var(--ink-bg);color:#fff}
.brr-bar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 2px 14px}
.brr-count{font-size:12.5px;font-weight:800;letter-spacing:2px;color:var(--mute)}
.brr-count b{font-size:22px;color:var(--ink);letter-spacing:0;margin-right:4px}
.brr-legend{display:flex;gap:6px}

/* ---------- 목록 ---------- */
.brr-table{border-top:2px solid var(--ink-bg);background:#fff}
.brr-row{display:grid;grid-template-columns:70px 1.1fr 1fr 2fr .9fr 110px;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;transition:background .2s}
.brr-table.has-chk .brr-row,.brr-row:has(.c-chk){grid-template-columns:36px 70px 1.1fr 1fr 2fr .9fr 110px}
.brr-row:not(.brr-head):hover{background:var(--soft)}
.brr-head{padding:14px 16px;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--mute);background:var(--soft)}
.brr-head a{color:var(--mute) !important}
.brr-row .c-no{color:var(--mute);font-size:13px;text-align:center}
.brr-row .c-st,.brr-row .c-reg{text-align:center}
.brr-row .c-reg{color:var(--mute);font-size:13px}
.brr-row .c-name{color:var(--ink) !important;font-weight:800}
.brr-row .c-name .fa-lock{color:#c2562a;margin-right:5px;font-size:12px}
.brr-row .c-name .cm{display:inline-block;margin-left:4px;min-width:18px;padding:1px 6px;border-radius:10px;background:var(--ink-bg);color:var(--gold-l);font-size:10.5px;text-align:center}
.brr-row .c-date{font-weight:800;color:var(--ink)}
.brr-row a.c-date,.brr-row a.c-desc{text-decoration:none}
.brr-row a.c-date{color:var(--ink)}
.brr-row a.c-desc{color:#334155}
.brr-row a.c-date:hover,.brr-row a.c-desc:hover{text-decoration:underline}
.brr-row .c-desc{color:#334155;font-size:13.5px}
.brr-row .c-desc b{color:var(--ink)}
.brr-row .c-desc i{font-style:normal;color:var(--mint-d)}
.brr-row .c-desc .sep{color:#d9c7b5;margin:0 8px}
.brr-row .c-chk input{width:16px;height:16px;accent-color:var(--ink)}
.brr-row .nt{font-style:normal;font-size:11.5px;font-weight:800;color:#c2562a}
.brr-row.is-now{background:#fffbeb}
.brr-row.is-notice{background:#fcfdfe}
.brr-none{padding:80px 20px;text-align:center;color:var(--mute);font-size:14px;font-weight:700;border-bottom:1px solid var(--line)}
.brr-none b{display:block;font-size:12px;letter-spacing:4px;color:#c2562a;margin-bottom:8px}
.brr-none a{display:inline-block;margin-top:12px;color:var(--mint-d) !important;font-weight:800}

/* ---------- 버튼 ---------- */
.brr-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.brr-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.brr-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border-radius:30px;background:var(--ink-bg);border:1px solid var(--gold);color:var(--gold-l) !important;font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .2s}
.brr-btn:hover{transform:translateY(-1px)}
.brr-btn.ghost{background:#fff;border-color:#ecd9c6;color:var(--ink) !important}
.brr-btn.ghost:hover{border-color:var(--ink-bg)}

/* ---------- 페이지네이션 ---------- */
.brr-pages{text-align:center;margin:34px 0 26px}
.brr-pages .pg_wrap{float:none;display:inline-block}
.brr-pages .pg{display:inline-flex;gap:6px}
.brr-pages .pg_page,.brr-pages .pg_current,.brr-pages .pagination a,.brr-pages .pagination span{display:inline-flex !important;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:20px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-size:13px !important;font-weight:800;line-height:1 !important}
.brr-pages .pg_current,.brr-pages .pagination .active a,.brr-pages .pagination .active span{background:var(--ink-bg) !important;border-color:var(--ink-bg) !important;color:var(--gold-l) !important}

/* ---------- 검색 ---------- */
.brr-search{min-width:0;max-width:100%;border:0;margin:0;padding:22px;border-radius:22px;background:var(--soft);border:1px solid var(--line)}
.brr-search form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.brr-sdate{display:flex;align-items:center;gap:6px}
.brr-sdate span{color:var(--mute);font-weight:800}
.brr-in{height:44px;border-radius:12px;border:1px solid #ecd9c6;background:#fff;padding:0 14px;font-size:13.5px;font-weight:700;font-family:inherit;color:var(--ink)}
.brr-sdate .brr-in{width:130px;text-align:center}
.brr-in.grow{flex:1 1 220px;max-width:320px}
.brr-in:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px rgba(255,154,110,.15)}

/* =========================================================
   VIEW (예약 상세)
   ========================================================= */
.brr-vwrap{padding-bottom:0}
.brr-view{max-width:1100px;margin:0 auto 40px}
.brr-view #board_01_view{font-size:14px}
.brr-view #board01_view_wrap{font-family:inherit !important}
.brr-view .table_border{border:0 !important;border-top:2px solid var(--ink-bg) !important;border-radius:0;overflow:hidden;background:#fff}
.brr-view .table{margin:0}
.brr-view .board_info th{background:var(--soft) !important;border:0 !important;border-bottom:1px solid var(--line) !important;color:var(--mute) !important;font-size:12.5px;font-weight:800;letter-spacing:.5px;padding:16px 18px !important;white-space:nowrap;width:180px}
.brr-view .board_info td{border:0 !important;border-bottom:1px solid var(--line) !important;color:var(--ink);font-size:14.5px;font-weight:700;padding:16px 18px !important;line-height:1.75}
.brr-view .board_info td strong{color:var(--ink)}
.brr-view .board_info th[style*="background:#3b73b3"]{background:var(--ink-bg) !important;color:var(--gold-l) !important}
.brr-view .ans-sucess{color:var(--mint-d) !important;font-weight:800}
.brr-view .ans-wait{color:#c2410c !important;font-weight:800}
.brr-view .view_btn_wrp{margin-top:20px}
.brr-view #board01_view_wrap .view_btn_wrp .btn,.brr-view #board01_view_wrap .btn-quaternary,.brr-view .view_btn_wrp .btn,.brr-view .btn-quaternary{display:inline-flex !important;align-items:center;justify-content:center;height:42px;padding:0 22px !important;border-radius:30px !important;background:#fff !important;border:1px solid #ecd9c6 !important;color:#2f3a4f !important;font-size:13.5px !important;font-weight:800 !important;margin:0 0 0 6px !important;box-shadow:none !important}
.brr-view #board01_view_wrap .view_btn_wrp .btn:hover,.brr-view .view_btn_wrp .btn:hover{border-color:#3b73b3 !important;color:#2f3a4f !important}
.brr-view #board01_view_wrap .view_btn_wrp a.adjust_btn,.brr-view #board01_view_wrap .view_btn_wrp a[href*="write.php"],.brr-view .view_btn_wrp a.adjust_btn,.brr-view .view_btn_wrp a[href*="write.php"]{background:#3b73b3 !important;border-color:#f0875a !important;color:#ffe6d6 !important}

/* =========================================================
   WRITE (예약하기)
   ========================================================= */
.brr-wwrap #board_01_write .board_01_write_title,.brr-wwrap #board_01_write hr{display:none}
.brr-wwrap #board_01_write table{border:0 !important;border-top:2px solid var(--ink-bg) !important;font-size:14px;background:#fff}
.brr-wwrap #board_01_write table tr{border:0 !important;border-bottom:1px solid var(--line) !important}
.brr-wwrap #board_01_write table th{background:var(--soft) !important;color:var(--ink) !important;border:0 !important;font-size:13px;font-weight:800;padding:18px 18px !important;width:170px;vertical-align:top}
.brr-wwrap #board_01_write table td{padding:16px 18px !important;vertical-align:top}
.brr-wwrap #board_01_write table th[style*="#3b73b3"]{background:var(--ink-bg) !important;color:var(--gold-l) !important}
.brr-wwrap fieldset{border:0;padding:0;margin:0;min-width:0}
.brr-wwrap .sr-only,.brr-wwrap legend{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.brr-wwrap #board_01_write .required_write{color:var(--mint-d);font-weight:800}
.brr-wwrap #board_01_write input[type=text],.brr-wwrap #board_01_write input[type=password],.brr-wwrap #board_01_write select,.brr-wwrap #board_01_write textarea{height:44px;border-radius:12px !important;border:1px solid #ecd9c6 !important;padding:0 14px;font-size:14px;font-weight:700;font-family:inherit;color:var(--ink);background:#fff;box-shadow:none}
.brr-wwrap #board_01_write textarea{height:140px;padding:12px 14px;width:100%}
.brr-wwrap #board_01_write input:focus,.brr-wwrap #board_01_write select:focus,.brr-wwrap #board_01_write textarea:focus{outline:none;border-color:var(--mint) !important;box-shadow:0 0 0 3px rgba(255,154,110,.15)}
.brr-wwrap .brw-top{margin:0 0 16px}
.brr-wwrap .brw-top p{color:var(--mute) !important;font-weight:700 !important}
.brr-wwrap .brw-top a{border-color:var(--ink-bg) !important;border-radius:30px}
.brr-wwrap #board_01_write .wr_btn_wrp{display:flex;justify-content:center;gap:10px;height:auto;margin-top:28px}
.brr-wwrap #board_01_write .wr_btn_wrp .wr_btn{float:none !important;width:auto !important;height:52px;padding:0 34px !important;border-radius:40px !important;font-size:15.5px !important;font-weight:800 !important;display:inline-flex !important;align-items:center;justify-content:center;margin:0 !important}
.brr-wwrap #board_01_write .wr_btn_wrp #btn_submit{background:var(--ink-bg) !important;border:1px solid var(--gold) !important;color:var(--gold-l) !important;box-shadow:0 12px 26px rgba(47,58,79,.25)}
.brr-wwrap #board_01_write .wr_btn_wrp a.wr_btn{background:#fff !important;border:1px solid #ecd9c6 !important;color:var(--ink) !important}

/* ---------- 반응형 ---------- */
@media (max-width:860px){
  .brr-hero{padding:34px 16px 30px;border-radius:20px}
  .brr-title{font-size:23px !important}
  .brr-sub{font-size:13px}
  .brr-head{display:none !important}
  .brr-row,.brr-row:has(.c-chk){grid-template-columns:auto 1fr auto;grid-template-areas:"chk name st" "chk date date" "chk desc desc";gap:4px 12px;padding:16px 14px}
  .brr-row .c-no,.brr-row .c-reg{display:none}
  .brr-row .c-chk{grid-area:chk}
  .brr-row .c-name{grid-area:name;font-size:15px}
  .brr-row .c-st{grid-area:st}
  .brr-row .c-date{grid-area:date;font-size:13px;color:var(--mint-d)}
  .brr-row a.c-date{color:var(--mint-d)}
  .brr-row .c-desc{grid-area:desc;font-size:12.5px}
  .brr-row:not(:has(.c-chk)){grid-template-areas:"name st" "date date" "desc desc";grid-template-columns:1fr auto}
  .brr-search form{flex-direction:column;align-items:stretch}
  .brr-search{padding:16px}
  .brr-sdate{width:100%;min-width:0}
  .brr-search .brr-btn{width:100%}
  .brr-sdate .brr-in{flex:1 1 0;width:auto;min-width:0}
  .brr-in{width:100%;min-width:0}
  .brr-in.grow{flex:0 0 auto;max-width:none}
  .brr-actions>div{width:100%}
  .brr-view .board_info th{width:110px;white-space:normal}
  .brr-wwrap #board_01_write table th{width:100% !important;padding:14px 14px 6px !important;background:transparent !important;color:var(--mute) !important}
  .brr-wwrap #board_01_write table td{padding:4px 14px 16px !important}
}

/* ---------- 자동등록방지(kcaptcha) 입력창 패딩 충돌 수정 ---------- */
#board_01_write #captcha #captcha_key,
#board_01_write #captcha_key,
#board_01_view #captcha #captcha_key,
#board_01_view #captcha_key {
  width: 120px !important;
  height: 60px !important;
  padding: 0 10px !important;
  margin: 0 4px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 58px !important;
  color: #2f3a4f !important;
  background-color: #fff !important;
  border: 1.5px solid #ecd9c6 !important;
  border-radius: 10px !important;
  text-align: center !important;
  vertical-align: top !important;
  position: static !important;
  top: auto !important;
  box-sizing: border-box !important;
}
#board_01_write #captcha #captcha_key:focus,
#board_01_view #captcha #captcha_key:focus {
  border-color: var(--mint) !important;
  box-shadow: 0 0 0 3px rgba(255,154,110,.15) !important;
}