/* =========================================================
   지산리조트 스키강습 브라더스 — 강습 갤러리 (BROTHERS COUTURE)
   Black · Gold · Mint  /  기본 style.css 위에 덮어씌웁니다
   ========================================================= */
.bg-wrap,.bg-view,.bg-wform,#bo_vc{--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}
.bg-wrap,.bg-view,.bg-wform{font-family:'Gowun Dodum',-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);letter-spacing:-.3px;word-break:keep-all;max-width:1100px;margin:0 auto;padding:6px 0 60px}
.bg-wrap *,.bg-view *,.bg-wform *{box-sizing:border-box}
.bg-wrap a,.bg-view a,.bg-wform a{text-decoration:none}
.sound_only{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important;padding:0 !important;margin:-1px !important}

/* ---------- 헤더 ---------- */
.bg-hero{position:relative;text-align:center;padding:44px 20px 38px;margin-bottom: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}
.bg-hero::before{content:"";position:absolute;inset:10px;border:1px solid rgba(240,135,90,.2);border-radius:18px;pointer-events:none}
.bg-eyebrow{display:inline-block;border:1px solid rgba(240,135,90,.6);color:#c2562a;font-size:11px;font-weight:800;letter-spacing:3px;padding:5px 18px;border-radius:30px;margin-bottom:14px}
.bg-hero .bg-eyebrow{color:var(--gold-l)}
.bg-title{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px;line-height:1.3}
.bg-sub{font-size:14px;color:#eef4fb;font-weight:600;margin:0}

/* ---------- 분류 ---------- */
.bg-cate{margin:0 0 18px}
.bg-cate ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.bg-cate li{list-style:none}
.bg-cate a{display:inline-block;padding:9px 18px;border-radius:30px;border:1.5px solid var(--line);background:#fff;color:#334155;font-size:13.5px;font-weight:800;transition:all .2s}
.bg-cate a:hover{border-color:var(--ink-bg);color:var(--ink)}
.bg-cate #bo_cate_on{background:var(--ink-bg);border-color:var(--ink-bg);color:#fff}

/* ---------- 상단 바 ---------- */
.bg-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 2px 16px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.bg-count{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--mute)}
.bg-count b{font-size:22px;color:var(--ink);letter-spacing:0;margin-right:4px}
.bg-count span{letter-spacing:1px}
.bg-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bg-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:38px;padding:0 12px;border-radius:30px;border:1px solid var(--line);background:#fff;color:var(--ink) !important;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s}
.bg-tool:hover{border-color:var(--ink-bg)}
.bg-allchk input{width:15px;height:15px;accent-color:var(--ink);margin:0}
.bg-write{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px;border-radius:30px;background:var(--ink-bg);border:1px solid var(--gold);color:var(--gold-l) !important;font-size:13.5px;font-weight:800;transition:transform .2s}
.bg-write:hover{transform:translateY(-1px)}
.bg-more{position:relative}
.bg-more .more_opt{right:0;left:auto;top:46px;min-width:130px;border-radius:14px;border:1px solid var(--line);box-shadow:0 14px 30px rgba(47,58,79,.14);overflow:hidden;background:#fff;padding:6px 0}
.bg-more .more_opt:before,.bg-more .more_opt:after{display:none}
.bg-more .more_opt li{border:0;padding:0}
.bg-more .more_opt li button{width:100%;padding:10px 16px;text-align:left;font-size:13px;font-weight:800;color:var(--ink);background:none;border:0;font-family:inherit}
.bg-more .more_opt li:hover button{background:var(--soft);color:var(--mint-d)}

/* ---------- 그리드 ---------- */
.bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 22px;margin:0;padding:0;list-style:none}
.bg-item{position:relative;list-style:none}
.bg-card{display:block;color:var(--ink)}
.bg-photo{position:relative;display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fdf0e4,#f0e4d8);box-shadow:0 12px 28px rgba(47,58,79,.08)}
.bg-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.bg-card:hover .bg-photo img{transform:scale(1.06);filter:saturate(1.05)}
.bg-veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(6,8,14,.35);opacity:0;transition:opacity .35s}
.bg-veil i{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:4px;color:var(--gold-l);border:1px solid rgba(255,230,214,.7);padding:9px 22px;border-radius:30px;background:rgba(6,8,14,.35)}
.bg-card:hover .bg-veil{opacity:1}
.bg-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#6f788a;font-size:12.5px;font-weight:800}
.bg-empty b{font-size:12px;letter-spacing:4px;color:#c2562a}
.bg-new{position:absolute;left:14px;top:14px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:2px;color:var(--ink);background:var(--gold-l);padding:4px 11px;border-radius:20px;box-shadow:0 4px 10px rgba(47,58,79,.18)}
.bg-cap{display:block;padding:14px 4px 0}
.bg-cate-tag{display:inline-block;font-style:normal;font-size:11px;font-weight:800;color:var(--mint-d);letter-spacing:1px;margin-bottom:4px}
.bg-name{display:block;font-size:16px;font-weight:800;color:var(--ink);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg-meta{display:flex;align-items:center;gap:12px;margin-top:5px;font-size:12px;font-weight:700;color:var(--mute)}
.bg-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#ecd9c6;margin-right:12px;vertical-align:middle}
.bg-item.is-now .bg-photo{outline:2px solid var(--gold);outline-offset:3px}
.bg-chk{position:absolute;right:12px;top:12px;z-index:3;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(47,58,79,.2)}
.bg-chk input{width:15px;height:15px;margin:0;accent-color:var(--ink);cursor:pointer}
.bg-item.is-checked .bg-photo{outline:3px solid var(--mint);outline-offset:2px}
.bg-none{grid-column:1/-1;text-align:center;padding:90px 20px;border:1px dashed #ecd9c6;border-radius:22px;color:var(--mute);font-size:14px;font-weight:700;list-style:none}
.bg-none b{display:block;font-size:12px;letter-spacing:4px;color:#c2562a;margin-bottom:8px}

/* ---------- 페이지네이션 ---------- */
.bg-pages,.bg-view .pg_wrap{margin-top:40px;text-align:center}
.bg-wrap .pg_wrap,.bg-pages .pg_wrap{float:none;display:inline-block;clear:both}
.bg-wrap .pg{display:inline-flex;gap:6px;align-items:center}
.bg-wrap .pg_page,.bg-wrap .pg_current{display:inline-flex !important;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:50% !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;text-decoration:none}
.bg-wrap .pg_page:hover{border-color:var(--ink-bg) !important}
.bg-wrap .pg_current{background:var(--ink-bg) !important;border-color:var(--ink-bg) !important;color:var(--gold-l) !important}
.bg-wrap .pg_start,.bg-wrap .pg_prev,.bg-wrap .pg_next,.bg-wrap .pg_end{text-indent:0;overflow:visible;font-size:0 !important}
.bg-wrap .pg_start::after{content:"\00AB";font-size:15px}.bg-wrap .pg_prev::after{content:"\2039";font-size:17px}.bg-wrap .pg_next::after{content:"\203A";font-size:17px}.bg-wrap .pg_end::after{content:"\00BB";font-size:15px}

/* ---------- 검색 레이어 ---------- */
.bg-sch .bo_sch{border-radius:22px;border:1px solid var(--gold);box-shadow:0 30px 60px rgba(6,8,14,.35);padding:26px 24px 22px}
.bg-sch .bo_sch h3{font-size:15px;font-weight:800;color:var(--ink);margin:0 0 14px;padding:0;border:0;letter-spacing:1px}
.bg-sch .bo_sch select,.bg-sch .bo_sch .sch_bar{border-radius:12px;border:1px solid var(--line)}
.bg-sch .bo_sch select{height:44px;padding:0 10px;font-weight:700}
.bg-sch .bo_sch .sch_input{height:44px;font-weight:700}
.bg-sch .bo_sch .sch_btn{color:var(--ink)}
.bg-sch .bo_sch_bg{background:rgba(6,8,14,.55);backdrop-filter:blur(3px)}

/* =========================================================
   VIEW (게시물 보기)
   ========================================================= */
.bg-vhead{text-align:center;padding:16px 0 4px}
.bg-view #bo_v_title{margin:0 0 6px;padding:0;text-align:center}
.bg-view #bo_v_title .bo_v_tit{display:block;font-size:30px;font-weight:800;color:var(--ink);line-height:1.35}
.bg-view #bo_v_title .bo_v_cate{display:inline-block;font-size:12px;font-weight:800;color:var(--mint-d);background:none;padding:0;margin-bottom:6px;letter-spacing:1px}
.bg-view #bo_v_info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0 26px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.bg-view #bo_v_info h2{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
.bg-view .profile_info{display:flex;align-items:center;gap:10px;float:none;margin:0}
.bg-view .profile_info .pf_img img{width:38px;height:38px;border-radius:50%;border:1px solid var(--gold)}
.bg-view .profile_info_ct{font-size:12.5px;color:var(--mute);font-weight:700;line-height:1.7;padding:0}
.bg-view .profile_info_ct strong{color:var(--ink);font-weight:800;margin-right:10px}
.bg-view .profile_info_ct strong a{color:var(--mute)}
.bg-view #bo_v_top{float:none;margin:0}
.bg-view .btn_bo_user{display:flex;gap:6px;float:none;margin:0;padding:0}
.bg-view .btn_bo_user>li{float:none;margin:0;position:relative}
.bg-view .btn_b01,.bg-view .btn_bo_user .btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;line-height:1;padding:0}
.bg-view .btn_b01:hover{border-color:var(--ink-bg);background:#fff;color:var(--ink)}
.bg-view .more_opt{right:0;top:46px;border-radius:14px;border:1px solid var(--line);box-shadow:0 14px 30px rgba(47,58,79,.14);overflow:hidden}
.bg-view .more_opt:before,.bg-view .more_opt:after{display:none}
.bg-view .more_opt li a{font-weight:800;color:var(--ink)}
.bg-view #bo_v_atc{min-height:0;margin-bottom:20px}
.bg-view #bo_v_atc_title{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
.bg-view #bo_v_img{margin:0 0 20px;text-align:center}
.bg-view #bo_v_img a{display:block;margin:0 auto 18px}
.bg-view #bo_v_img img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 18px 40px rgba(47,58,79,.12)}
.bg-view #bo_v_con{font-size:15.5px;line-height:1.85;color:#2f3a4f;font-weight:600;margin:10px auto 30px;max-width:820px}
.bg-view #bo_v_con img{border-radius:16px}
.bg-view #bo_v_share{text-align:center;margin-bottom:22px}
.bg-view #bo_v_act{text-align:center;margin:20px 0}
.bg-view .bo_v_good,.bg-view .bo_v_nogood{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;border:1px solid var(--line);color:var(--ink);font-weight:800}
.bg-view #bo_v_file,.bg-view #bo_v_link{border-radius:16px;border:1px solid var(--line);margin:0 0 16px}
.bg-view .bo_v_nb{margin:30px 0;padding:0;border-top:1px solid var(--ink-bg);border-bottom:1px solid var(--line);list-style:none}
.bg-view .bo_v_nb li{display:flex;align-items:center;gap:14px;padding:16px 6px;border-top:1px solid var(--line);font-size:14px;font-weight:700}
.bg-view .bo_v_nb li:first-child{border-top:0}
.bg-view .bo_v_nb .nb_tit{flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:1px;color:#c2562a;width:auto;float:none}
.bg-view .bo_v_nb a{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg-view .bo_v_nb .nb_date{color:var(--mute);font-size:12px;float:none}

/* 댓글 */
#bo_vc{margin:30px 0}
#bo_vc h2{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:1px}
#bo_vc article{border-radius:16px;border:1px solid var(--line);padding:16px 18px;margin-bottom:10px;background:#fff}
.bo_vc_w textarea{border-radius:14px !important;border:1px solid #ecd9c6 !important;padding:14px !important;font-family:inherit}
.bo_vc_w .btn_submit,.bg-wform .btn_submit{background:var(--ink-bg) !important;border:1px solid var(--gold) !important;color:var(--gold-l) !important;border-radius:30px !important;font-weight:800 !important;padding:0 26px !important;height:44px !important}

/* =========================================================
   WRITE (사진 올리기)
   ========================================================= */
.bg-wform{max-width:860px}
.bg-wtitle{font-size:26px;font-weight:800;color:var(--ink);margin:0 0 22px}
.bg-wform .write_div{margin:0 0 14px}
.bg-wform .frm_input,.bg-wform select{height:46px;border-radius:12px;border:1px solid #ecd9c6;padding:0 14px;font-size:14px;font-weight:700;font-family:inherit;box-shadow:none}
.bg-wform .frm_input:focus,.bg-wform select:focus{border-color:var(--mint);outline:none;box-shadow:0 0 0 3px rgba(255,154,110,.15)}
.bg-wform .wr_content textarea{border-radius:14px;border:1px solid #ecd9c6}
.bg-wform .bo_w_flie{border:1px dashed #ecd9c6;border-radius:16px;padding:14px;background:var(--soft)}
.bg-wform .bo_w_flie .lb_icon{border-radius:10px 0 0 10px;background:var(--ink-bg);color:var(--gold-l)}
.bg-wform .btn_confirm{display:flex;justify-content:center;gap:10px;margin-top:26px}
.bg-wform .btn_cancel{display:inline-flex;align-items:center;height:44px;padding:0 26px;border-radius:30px;border:1px solid #ecd9c6;background:#fff;color:var(--ink);font-weight:800}

/* ---------- 반응형 ---------- */
@media (max-width:960px){.bg-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}}
@media (max-width:600px){
  .bg-hero{padding:34px 16px 28px;border-radius:20px}.bg-title{font-size:23px}.bg-sub{font-size:12.5px}
  .bg-bar{flex-direction:column;align-items:stretch}.bg-tools{justify-content:flex-end}
  .bg-grid{grid-template-columns:repeat(2,1fr);gap:16px 10px}
  .bg-photo{border-radius:14px}.bg-name{font-size:14px}.bg-meta{font-size:11px;gap:8px}.bg-meta span+span::before{margin-right:8px}
  .bg-veil{display:none}
  .bg-view #bo_v_title .bo_v_tit{font-size:22px}
  .bg-view #bo_v_info{flex-direction:column;align-items:flex-start}
}

/* ===== 사진 아래 예약 안내 (따뜻한 설원 톤) ===== */
.bg-view .bg-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:26px 0;padding:22px 26px;border-radius:24px;background:#fff1e4;border:2px solid #ffc9a8}
.bg-view .bg-cta b{display:block;font-size:18px;font-weight:800;color:#2f3a4f;line-height:1.4}
.bg-view .bg-cta span{display:block;margin-top:2px;font-size:14.5px;font-weight:600;color:#4b5568}
.bg-view .bg-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.bg-view .bg-cta a{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;border-radius:40px;font-size:15.5px;font-weight:800;text-decoration:none !important}
.bg-view .bg-cta a.main{background:#ff9a6e;color:#3a1d0f !important;box-shadow:0 10px 22px rgba(255,154,110,.35)}
.bg-view .bg-cta a.sub{background:#fff;border:2px solid #c2562a;color:#9a3f17 !important}
@media(max-width:600px){.bg-view .bg-cta{padding:18px}.bg-view .bg-cta-btns,.bg-view .bg-cta a{width:100%}}