@charset "utf-8";

/* ===== 텐카페 블로그 갤러리 (Dark Luxury) ===== */
.blog-list{ --gold:#d4af37; --gold2:#b8962e; --ink:#0b0d10; --panel:#14171c; --panel2:#1a1f26; --line:#2a2f36; --txt:#e6e8eb; --sub:#aeb3ba; }
.blog-list{ max-width:1180px; margin:0 auto; }

/* 히어로 */
.blog-hero{ text-align:center; padding:34px 16px 26px; background:radial-gradient(900px 320px at 50% -30%, #1b2230, #0b0d10 72%); border:1px solid var(--line); border-radius:20px; margin-bottom:26px; }
.blog-hero .bh-eyebrow{ display:inline-block; color:var(--ink); background:linear-gradient(135deg,#f0d67e,var(--gold)); font-size:11px; font-weight:800; letter-spacing:3px; padding:5px 14px; border-radius:30px; }
.blog-hero h2{ margin:14px 0 8px; color:#fff; font-size:30px; font-weight:900; letter-spacing:-1px; }
.blog-hero h2 b{ color:var(--gold); }
.blog-hero p{ margin:0; color:var(--sub); font-size:14.5px; }
@media(max-width:767px){ .blog-hero h2{ font-size:22px; } .blog-hero{ padding:26px 12px 20px; } }

/* 카테고리 탭 (list-category / nav-tabs) */
.blog-list .list-category{ display:block; margin:0 0 24px; border:0 !important; }
.blog-list .list-category .div-tab{ border:0 !important; }
.blog-list .list-category .nav-tabs{ border-bottom:0 !important; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.blog-list .list-category .nav-tabs > li{ float:none; margin:0; }
.blog-list .list-category .nav-tabs > li > a{ margin:0; padding:9px 20px !important; border-radius:30px !important; background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--sub) !important; font-size:14px; font-weight:600; }
.blog-list .list-category .nav-tabs > li > a:hover{ border-color:var(--gold) !important; color:var(--gold) !important; background:var(--panel2) !important; }
.blog-list .list-category .nav-tabs > li.active > a,
.blog-list .list-category .nav-tabs > li.selected > a,
.blog-list .list-category .nav-tabs > li.active > a:hover{ background:linear-gradient(135deg,var(--gold),var(--gold2)) !important; color:#1a1400 !important; border-color:var(--gold) !important; }
.blog-list .list-category .dropdown.visible-xs .btn{ background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:10px !important; }
.blog-list .bcard-author .sv_guest,
.blog-list .bcard-author span{ color:var(--gold) !important; }

/* 그리드 */
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:900px){ .blog-grid{ grid-template-columns:1fr 1fr; gap:16px; } }
@media(max-width:560px){ .blog-grid{ grid-template-columns:1fr; } }

/* 카드 */
.bcard{ background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:.25s; display:flex; flex-direction:column; }
.bcard:hover{ transform:translateY(-6px); border-color:var(--gold); box-shadow:0 18px 40px rgba(0,0,0,.5); }
.bcard-thumb{ position:relative; display:block; }
.bcard-imgwrap{ position:relative; width:100%; height:0; overflow:hidden; background:#0d0f13; }
.bcard-imgwrap img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.4s; }
.bcard:hover .bcard-imgwrap img{ transform:scale(1.06); }
.bcard-cat{ position:absolute; top:12px; left:12px; background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#1a1400; font-size:11.5px; font-weight:800; padding:4px 11px; border-radius:20px; }
.bcard-new{ position:absolute; top:12px; right:12px; background:#e0483d; color:#fff; font-size:10px; font-weight:800; letter-spacing:1px; padding:3px 8px; border-radius:6px; }
.bcard-body{ padding:15px 16px 16px; display:flex; flex-direction:column; flex:1; }
.bcard-title{ display:block; color:#fff; font-size:16px; font-weight:700; line-height:1.45; text-decoration:none; letter-spacing:-.3px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:46px; }
.bcard:hover .bcard-title{ color:var(--gold); }
.bcard-meta{ display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:11px; border-top:1px solid var(--line); font-size:12.5px; color:var(--sub); }
.bcard-author{ color:var(--gold); font-weight:600; }
.bcard-author i{ margin-right:3px; }
.bcard-date i{ margin-right:3px; opacity:.7; }

/* 페이지네이션 */
.blog-list .list-page{ margin:30px 0 10px; }
.blog-list .pagination>li>a,
.blog-list .pagination>li>span{ background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--sub) !important; margin:0 2px; border-radius:8px !important; }
.blog-list .pagination>li>a:hover{ border-color:var(--gold) !important; color:var(--gold) !important; }
.blog-list .pagination>.active>a,
.blog-list .pagination>.active>span{ background:linear-gradient(135deg,var(--gold),var(--gold2)) !important; border-color:var(--gold) !important; color:#1a1400 !important; }

/* 툴바(검색/RSS) */
.blog-toolbar{ display:flex; justify-content:center; align-items:center; gap:10px; margin:18px 0 6px; }
.blog-search{ display:flex; }
.blog-search input{ background:var(--panel) !important; border:1px solid var(--line) !important; border-right:0 !important; color:var(--txt) !important; padding:9px 14px; border-radius:30px 0 0 30px; width:220px; outline:none; font-size:14px; }
.blog-search button{ background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#1a1400; border:0; padding:0 18px; border-radius:0 30px 30px 0; cursor:pointer; }
.blog-rss{ color:var(--sub); border:1px solid var(--line); border-radius:30px; padding:8px 16px; font-size:13px; text-decoration:none; }
.blog-rss:hover{ border-color:var(--gold); color:var(--gold); }
.blog-empty{ text-align:center; color:var(--sub); padding:60px 0; }

/* ===== 블로그 전체 다크 셸 (목록+글 상세, blog 스킨에서만 로드) ===== */
body.responsive{ background:#0b0d10 !important; }
#thema_wrapper.wrapper{ background:transparent !important; }
.at-body{ background:radial-gradient(1200px 620px at 50% -8%, #14191f, #0b0d10 66%) !important; }
.at-body .at-container{ background:transparent !important; }
.at-title{ display:none !important; }

/* 사이드바 위젯 다크 */
.at-side .widget-box{ background:#14171c !important; border:1px solid #2a2f36 !important; border-radius:14px !important; margin-bottom:16px; overflow:hidden; }
.at-side .widget-box, .at-side .widget-box p, .at-side .widget-box span, .at-side .widget-box li, .at-side .widget-box div, .at-side .widget-box td, .at-side .widget-box label{ color:#c3c8cf !important; }
.at-side .widget-box a{ color:#aeb3ba !important; text-decoration:none; }
.at-side .widget-box a:hover{ color:#d4af37 !important; }
.at-side .widget-box h1,.at-side .widget-box h2,.at-side .widget-box h3,.at-side .widget-box h4,.at-side .widget-box .panel-heading,.at-side .widget-box .title{ color:#fff !important; background:transparent !important; }
.at-side .widget-box input[type=text],.at-side .widget-box input[type=password],.at-side .widget-box .form-control{ background:#0d0f13 !important; border:1px solid #2a2f36 !important; color:#e6e8eb !important; }
.at-side .side-login .btn-login,.at-side .basic-outlogin .btn-primary{ background:linear-gradient(135deg,#d4af37,#b8962e) !important; color:#1a1400 !important; border:0 !important; }

/* ===== 글 상세(view) 크롬 다크 ===== */
.view-wrap{ color:#e6e8eb; }
.view-wrap > h1{ color:#fff !important; font-size:24px; font-weight:800; line-height:1.4; padding:6px 2px 4px; letter-spacing:-.5px; }
.view-wrap .view-head.panel{ background:#14171c !important; border:1px solid #2a2f36 !important; border-radius:12px !important; box-shadow:none !important; }
.view-wrap .view-head .panel-heading{ background:transparent !important; border:0 !important; }
.view-wrap .view-head .text-muted{ color:#9aa0a8 !important; }
.view-wrap .view-head .text-muted i{ color:#d4af37; }
.view-wrap .view-head b.red,.view-wrap .view-head .red{ color:#e0483d !important; }
.view-wrap .view-content{ padding:8px 0; }
.view-wrap .btn, .board-view .btn{ background:#14171c !important; border:1px solid #2a2f36 !important; color:#c9cdd4 !important; }
.view-wrap .btn-color, .view-wrap .btn-primary, .view-wrap .btn-black{ background:linear-gradient(135deg,#d4af37,#b8962e) !important; color:#1a1400 !important; border:0 !important; }
.view-wrap .btn:hover{ border-color:#d4af37 !important; color:#d4af37 !important; }
.view-wrap table, .view-wrap .list-group{ background:#14171c !important; border-color:#2a2f36 !important; color:#c9cdd4 !important; }
.view-wrap table a, .view-wrap .list-group a{ color:#c9cdd4 !important; }
.view-wrap table a:hover{ color:#d4af37 !important; }
.view-wrap .list-group-item{ background:#14171c !important; border-color:#2a2f36 !important; color:#c9cdd4 !important; }
/* 댓글 영역 */
.view-comment, #bo_vc, .cmt-wrap{ color:#c9cdd4 !important; }
.view-comment .panel, #bo_vc .panel, .cmt-item, .view-comment .media{ background:#14171c !important; border-color:#2a2f36 !important; }
.view-wrap textarea, #bo_vc textarea{ background:#0d0f13 !important; border:1px solid #2a2f36 !important; color:#e6e8eb !important; }

/* ===== 블로그 글 본문 아티클(.tcb) — 본문 inline <style>은 board가 strip → 여기서 스타일 ===== */
.tcb{ --gold:#d4af37; --gold2:#b8962e; --ink:#0d0f13; --panel:#14171c; --panel2:#1a1f26; --line:#2a2f36; --txt:#e6e8eb; --sub:#aeb3ba;
  max-width:920px; margin:0 auto; color:var(--txt); line-height:1.85; background:#0b0d10; padding:22px 18px 34px; border-radius:16px; font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif; }
.tcb *{ box-sizing:border-box; }
.tcb img{ max-width:100%; height:auto; }
.tcb .bc{ font-size:12.5px; color:#8b9098; margin:4px 0 18px; }
.tcb .bc a{ color:#8b9098; text-decoration:none; } .tcb .bc a:hover{ color:var(--gold); }
.tcb .hero{ background:radial-gradient(900px 340px at 50% -20%, #1b2026, #0d0f13 70%); border:1px solid var(--line); border-radius:18px; padding:34px 22px; text-align:center; margin-bottom:22px; }
.tcb .hero .k{ display:inline-block; color:var(--ink); background:var(--gold); font-size:12px; font-weight:800; letter-spacing:2px; padding:5px 14px; border-radius:30px; }
.tcb .hero h1{ margin:14px 0 10px; color:#fff; font-size:27px; font-weight:900; letter-spacing:-1px; line-height:1.3; }
.tcb .hero h1 b{ color:var(--gold); }
.tcb .hero .lead{ color:var(--sub); font-size:15.5px; margin:0; }
@media(max-width:767px){ .tcb .hero h1{ font-size:22px; } .tcb .hero{ padding:26px 14px; } }
.tcb .sec{ background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:22px; margin-bottom:16px; }
.tcb .sec h2{ color:#fff; font-size:20px; font-weight:800; margin:0 0 14px; padding-left:14px; border-left:4px solid var(--gold); }
.tcb .sec h3{ color:var(--gold); font-size:16.5px; font-weight:700; margin:18px 0 8px; }
.tcb .sec p{ margin:0 0 14px; color:#d3d7dd; font-size:15px; }
.tcb .sec b,.tcb .sec strong{ color:#e9c65a; }
.tcb .sec ul{ margin:0 0 14px; padding-left:2px; list-style:none; }
.tcb .sec ul li{ position:relative; padding:6px 0 6px 22px; color:#d3d7dd; font-size:15px; border-bottom:1px dashed #23272d; }
.tcb .sec ul li:before{ content:'\25C6'; position:absolute; left:0; top:6px; color:var(--gold); font-size:11px; }
.tcb .ptable{ width:100%; border-collapse:collapse; margin:6px 0 4px; border-radius:10px; overflow:hidden; }
.tcb .ptable caption{ text-align:left; color:var(--gold); font-weight:700; font-size:15px; margin-bottom:10px; }
.tcb .ptable td{ padding:11px 13px; border-bottom:1px solid var(--line); font-size:14.5px; color:#d3d7dd; }
.tcb .ptable td:first-child{ color:#fff; font-weight:600; background:var(--panel2); }
.tcb .ptable td:last-child{ color:var(--gold); text-align:right; font-weight:700; }
.tcb .faq .qa{ background:var(--panel2); border:1px solid var(--line); border-radius:10px; margin-bottom:10px; padding:2px 16px; }
.tcb .faq .q{ padding:14px 0; color:#fff; font-weight:700; font-size:15px; }
.tcb .faq .q:before{ content:'Q '; color:var(--gold); font-weight:900; }
.tcb .faq .a{ padding:0 0 14px; color:#c9cdd4; font-size:14.5px; display:block; }
.tcb .cta{ background:linear-gradient(135deg,#1a1f26,#101318); border:1px solid var(--gold); border-radius:16px; padding:26px 20px; text-align:center; margin:20px 0 8px; }
.tcb .cta .t{ color:#fff; font-size:19px; font-weight:800; } .tcb .cta .t b{ color:var(--gold); }
.tcb .cta .btns{ margin-top:14px; }
.tcb .cta a,.tcb .cta .call{ display:inline-block; text-decoration:none; font-weight:800; font-size:15px; padding:13px 26px; border-radius:30px; margin:5px; background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#1a1400; }
.tcb .rel .sec,.tcb .rel section{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px; }
.tcb .rel h4{ color:#fff; font-size:15px; margin:0 0 12px; }
.tcb .rel .links{ display:flex; flex-wrap:wrap; gap:8px; }
.tcb .rel .links a{ display:inline-block; background:var(--panel2); border:1px solid var(--line); color:var(--sub); text-decoration:none; font-size:13px; padding:8px 14px; border-radius:8px; }
.tcb .rel .links a:hover{ border-color:var(--gold); color:var(--gold); }
.tcb .note{ background:var(--panel2); border-left:3px solid var(--gold); border-radius:8px; padding:14px 16px; color:#c9cdd4; font-size:14px; margin:6px 0 14px; }

/* ===== 흰 여백 완전 차단 (블로그 목록+글) ===== */
.wrapper{ background:#0b0d10 !important; }
.at-body, .at-body > .at-container, .at-row, .at-col, .at-main, .at-content,
.view-wrap, .view-content, .board-list, .board-view{ background:transparent !important; }
.view-wrap .panel, .view-wrap .panel-default{ background:#14171c !important; border-color:#2a2f36 !important; box-shadow:none !important; }
.view-wrap .panel-heading, .view-wrap .panel-body{ background:transparent !important; border-color:#2a2f36 !important; }
.view-wrap hr{ border-color:#2a2f36 !important; }
/* 상단 여백/제목 */
.view-wrap > h1{ margin-top:0 !important; padding-top:2px !important; }
.at-body{ padding-top:14px !important; }