/* ============================================
   LEGATO Sub-Page Common CSS
   그누보드 테마용 — GNB/Footer는 head.php/tail.php 에 포함
   ============================================ */

:root{--black:#0A0A0F;--black-light:#12121A;--black-card:#1A1A24;--amber:#FFBF00;--amber-light:#FFD54F;--gold:#C4A265;--white:#FFFFFF;--gray-400:#9999A5;--gray-600:#666674;--font-sans:'Noto Sans KR',-apple-system,sans-serif;--font-mono:'Roboto Mono',monospace;--section-pad:120px 0;--content-width:1200px;--transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-sans);background:var(--black);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.inner{max-width:var(--content-width);margin:0 auto;padding:0 40px}
html.hidden,body.hidden{overflow:hidden}

/* ── 서브페이지 히어로 ── */
.sub-hero{padding:160px 0 80px;background:var(--black);position:relative}
.sub-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,191,0,0.2),transparent)}
.sub-hero .section-label{font-size:11px;letter-spacing:4px;color:var(--amber);font-weight:500;margin-bottom:16px}
.sub-hero .section-title-ko{font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.3;margin-bottom:16px}
.sub-hero .section-desc{font-size:16px;font-weight:300;color:var(--gray-400);line-height:1.8;max-width:560px}

/* ── 공통 섹션 ── */
.section-label{font-size:11px;letter-spacing:4px;color:var(--amber);font-weight:500;margin-bottom:16px}
.section-title-ko{font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.3;margin-bottom:16px}
.section-desc{font-size:16px;font-weight:300;color:var(--gray-400);line-height:1.8;max-width:560px;margin-bottom:40px}

/* ── Element Box (주기율표) ── */
.element-row{display:flex;gap:16px;justify-content:center;margin-bottom:48px}
.element-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:80px;border:1.5px solid var(--amber);border-radius:6px;font-family:var(--font-mono);background:rgba(255,191,0,0.04);transition:var(--transition);cursor:default}
.element-box:hover{background:rgba(255,191,0,0.1);box-shadow:0 0 24px rgba(255,191,0,0.15)}
.element-num{font-size:10px;color:var(--gray-400);margin-bottom:2px}
.element-sym{font-size:24px;font-weight:700;color:var(--white)}
.element-name{font-size:9px;color:var(--gray-600);margin-top:2px}

/* ── Tech Cards ── */
.tech-section{padding:var(--section-pad);background:var(--black)}
.tech-grid,.tech-6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tech-card{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:40px 32px;transition:var(--transition);position:relative;overflow:hidden}
.tech-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);opacity:0;transition:opacity var(--transition)}
.tech-card:hover{border-color:rgba(255,191,0,0.15);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.tech-card:hover::before{opacity:1}
.tech-card-num{font-family:var(--font-mono);font-size:12px;color:var(--amber);letter-spacing:2px;margin-bottom:20px}
.tech-card-title{font-size:20px;font-weight:700;margin-bottom:12px}
.tech-card-sub{font-size:14px;font-weight:300;color:var(--gray-400);line-height:1.7}
.tech-card-visual{width:100%;height:140px;margin-top:24px;border-radius:8px;background:var(--black-light);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);overflow:hidden}
.tech-card-visual img{width:100%;height:100%;object-fit:cover}

/* ── Tech Detail ── */
.tech-detail{padding:80px 0;background:var(--black-light)}
.tech-detail-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}
.tech-detail-block:nth-child(even){direction:rtl}
.tech-detail-block:nth-child(even)>*{direction:ltr}
.tech-detail-visual{width:100%;aspect-ratio:16/10;background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gray-600);overflow:hidden}
.tech-detail-visual img{width:100%;height:100%;object-fit:cover}
.tech-detail-title{font-size:28px;font-weight:700;margin-bottom:16px;color:var(--white)}
.tech-detail-desc{font-size:15px;color:var(--gray-400);line-height:1.8}
.tech-detail-spec{margin-top:24px;display:flex;gap:24px;flex-wrap:wrap}
.spec-item{background:rgba(255,191,0,0.06);border:1px solid rgba(255,191,0,0.15);border-radius:8px;padding:12px 20px;text-align:center}
.spec-value{font-size:20px;font-weight:700;color:var(--amber);font-family:var(--font-mono)}
.spec-label{font-size:11px;color:var(--gray-400);margin-top:4px}

/* ── Roadmap ── */
.roadmap-section{padding:var(--section-pad);background:var(--black-light)}
.roadmap-flow{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:40px 0;flex-wrap:wrap;justify-content:center}
.roadmap-step{border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;min-width:160px;text-align:center;transition:var(--transition)}
.roadmap-step:hover{border-color:rgba(255,191,0,0.2)}
.roadmap-step.highlight{border-color:var(--amber);background:rgba(255,191,0,0.04)}
.roadmap-step-label{font-size:10px;letter-spacing:2px;color:var(--gray-600);margin-bottom:8px}
.roadmap-step-title{font-size:14px;font-weight:700;margin-bottom:4px}
.roadmap-step-desc{font-size:12px;color:var(--gray-400)}
.roadmap-arrow{font-size:18px;color:var(--gray-600)}

/* ── Expansion Grid ── */
.expansion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.expansion-card{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:var(--transition)}
.expansion-card:hover{border-color:rgba(255,191,0,0.15);transform:translateY(-4px)}
.expansion-icon{font-size:28px;flex-shrink:0}
.expansion-title{font-size:16px;font-weight:700;margin-bottom:4px}
.expansion-desc{font-size:13px;color:var(--gray-400);line-height:1.6}

/* ── Patent Table ── */
.patent-summary{display:flex;gap:24px;justify-content:center;margin:48px 0;flex-wrap:wrap}
.patent-box{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:40px;text-align:center;min-width:180px;transition:var(--transition)}
.patent-box:hover{border-color:rgba(255,191,0,0.15)}
.patent-number{font-size:48px;font-weight:900;color:var(--amber);font-family:'Montserrat',sans-serif;line-height:1}
.patent-label{font-size:14px;color:var(--gray-400);margin-top:8px}
.patent-table{width:100%;border-collapse:collapse;margin:40px 0;text-align:left}
.patent-table th{font-size:12px;font-weight:500;color:var(--gray-400);letter-spacing:1px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.1)}
.patent-table td{font-size:13px;color:var(--gray-400);padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.04)}
.patent-cat{display:inline-block;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:1px}
.cat-heater{background:rgba(255,191,0,0.1);color:var(--amber)}
.cat-beauty{background:rgba(196,162,101,0.12);color:var(--gold)}
.cat-cooking{background:rgba(255,107,0,0.1);color:#FF8C42}
.cat-living{background:rgba(0,200,150,0.1);color:#5EEAD4}
.cat-industry{background:rgba(100,140,255,0.1);color:#93B5FF}
.status-registered{color:var(--amber);font-weight:500}
.status-pending{color:var(--gray-600);font-weight:400}

/* ── Products ── */
.products-section{padding:var(--section-pad);background:var(--black)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;transition:var(--transition);position:relative}
.product-card:hover{border-color:rgba(255,191,0,0.15);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.product-badge{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1px;z-index:2}
.badge-new{background:var(--amber);color:var(--black)}
.product-img{width:100%;height:240px;background:var(--black);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover}
.product-info{padding:24px}
.product-category{font-size:11px;letter-spacing:2px;color:var(--amber);font-weight:500;margin-bottom:8px}
.product-name{font-size:18px;font-weight:700;margin-bottom:8px}
.product-desc{font-size:13px;color:var(--gray-400);line-height:1.6}
.product-price{font-size:16px;font-weight:700;color:var(--white);margin:12px 0}
.product-cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 0;font-size:13px;color:var(--amber);font-weight:500;transition:var(--transition)}
.product-cta:hover{gap:10px}
.product-cta-arrow{display:inline-block;width:16px;height:1px;background:var(--amber);position:relative;transition:width var(--transition)}
.product-cta-arrow::after{content:'';position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-right:1px solid var(--amber);border-top:1px solid var(--amber);transform:rotate(45deg)}
.product-section-title{font-size:22px;font-weight:700;color:var(--amber);margin-bottom:24px;margin-top:60px}
.product-section-title:first-of-type{margin-top:0}
.category-tabs{display:flex;gap:12px;margin-bottom:48px}
.category-tab{padding:10px 24px;border-radius:100px;font-size:13px;font-weight:500;letter-spacing:1px;border:1px solid rgba(255,255,255,0.1);color:var(--gray-400);cursor:pointer;transition:var(--transition);background:transparent;font-family:var(--font-sans)}
.category-tab:hover,.category-tab.active{border-color:var(--amber);color:var(--amber);background:rgba(255,191,0,0.06)}

/* ── Fandom ── */
.fandom-section{padding:var(--section-pad);background:var(--black)}
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.tier-card{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:32px 24px;text-align:center;transition:var(--transition)}
.tier-card:hover{border-color:rgba(255,191,0,0.15);transform:translateY(-4px)}
.tier-card.premium{border-color:var(--amber);background:rgba(255,191,0,0.04)}
.tier-name{font-size:18px;font-weight:700;margin-bottom:8px}
.tier-req{font-size:12px;color:var(--gray-600);margin-bottom:20px}
.tier-benefits{list-style:none;text-align:left}
.tier-benefits li{font-size:13px;color:var(--gray-400);padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.tier-benefits li::before{content:'✓ ';color:var(--amber)}
.campaign-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;background:var(--amber);color:var(--black);font-size:14px;font-weight:700;letter-spacing:1px;transition:var(--transition);border:none;cursor:pointer;font-family:var(--font-sans)}
.campaign-btn:hover{background:var(--amber-light);box-shadow:0 0 30px rgba(255,191,0,0.3)}

/* ── Brand Story ── */
.brand-section{padding:var(--section-pad);background:var(--black)}
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px}
.vision-box{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:40px}
.vision-box h3{font-size:14px;letter-spacing:2px;color:var(--amber);margin-bottom:16px}
.vision-box p{font-size:18px;font-weight:300;color:var(--gray-400);line-height:1.7}
.timeline{position:relative;padding-left:40px;margin-top:60px}
.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:1px;background:rgba(255,191,0,0.2)}
.timeline-item{position:relative;margin-bottom:40px}
.timeline-dot{position:absolute;left:-34px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--amber)}
.timeline-year{font-size:14px;font-weight:700;color:var(--amber);font-family:var(--font-mono);margin-bottom:6px}
.timeline-text{font-size:15px;color:var(--gray-400);line-height:1.6}

/* ── News ── */
.news-section{padding:var(--section-pad);background:var(--black)}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.news-card-full{background:var(--black-card);border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}
.news-card-full:hover{border-color:rgba(255,191,0,0.15);transform:translateY(-4px)}
.news-card-img{width:100%;height:180px;background:var(--black-light);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);overflow:hidden}
.news-card-img img{width:100%;height:100%;object-fit:cover}
.news-card-body{padding:24px}
.news-card-tag{font-size:11px;letter-spacing:2px;color:var(--amber);margin-bottom:8px}
.news-card-title{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:10px}
.news-card-summary{font-size:13px;font-weight:300;color:var(--gray-400);line-height:1.7;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card-date{font-size:12px;color:var(--gray-600)}

/* ── Contact ── */
.contact-section{padding:var(--section-pad);background:var(--black-light)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px}
.contact-info h3{font-size:20px;font-weight:700;margin-bottom:20px}
.contact-info p{font-size:14px;color:var(--gray-400);line-height:2}
.contact-form input,.contact-form textarea{width:100%;background:var(--black-card);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:14px 16px;color:var(--white);font-size:14px;font-family:var(--font-sans);margin-bottom:12px;outline:none;transition:border-color var(--transition)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--amber)}
.contact-form textarea{height:120px;resize:vertical}
.contact-form button{width:100%;padding:14px;background:var(--amber);color:var(--black);border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-sans);transition:var(--transition)}
.contact-form button:hover{background:var(--amber-light)}

/* ── Animations ── */
.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── Responsive ── */
@media(max-width:768px){
  .inner{padding:0 20px}
  :root{--section-pad:80px 0}
  .tech-grid,.tech-6-grid,.product-grid,.expansion-grid{grid-template-columns:1fr}
  .tier-grid{grid-template-columns:1fr 1fr}
  .vision-grid{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .tech-detail-block{grid-template-columns:1fr}
  .tech-detail-block:nth-child(even){direction:ltr}
  .category-tabs{flex-wrap:wrap}
  .sub-hero{padding:120px 0 60px}
  .roadmap-flow{flex-direction:column}
  .roadmap-arrow{transform:rotate(90deg)}
}
@media(max-width:480px){
  .tier-grid{grid-template-columns:1fr}
}


/* ── News card — 실제 이미지 썸네일 ── */
.news-card-img--photo{padding:0;overflow:hidden}
.news-card-img--photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94)}
.news-card-full:hover .news-card-img--photo img{transform:scale(1.04)}

/* ── News Article View ── */
.news-article-section{padding:0 0 var(--section-pad)}
.news-article-header{padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:48px}
.news-article-title{font-size:clamp(24px,3.5vw,40px);font-weight:900;color:var(--white);line-height:1.3;margin:12px 0 20px;font-family:'Noto Sans KR',sans-serif}
.news-article-meta{display:flex;gap:24px;font-size:13px;color:var(--gray-600);font-family:'Roboto Mono',monospace;letter-spacing:1px}
.news-article-body{font-size:16px;line-height:1.9;color:var(--gray-300);word-break:keep-all}
.news-article-body img{max-width:100%;height:auto;border-radius:12px;margin:32px 0}
.news-article-body p{margin-bottom:1.5em}
.news-article-body h2,.news-article-body h3{color:var(--white);font-weight:700;margin:2em 0 0.8em}
.news-article-footer{margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08)}
@media(max-width:768px){
  .news-article-title{font-size:22px}
  .news-article-body{font-size:15px}
}

/* ══════════════════════════════════════════════════════════════
   BBS — 그누보드 게시판 레가토 다크 테마 오버라이드
   대상: /bbs/board.php, write.php 등 head.sub.php 경유 모든 페이지
   실제 HTML 구조 기반 (list_type01 스킨 / gallery 스킨 공용)
   ══════════════════════════════════════════════════════════════ */

/* ── 전역 리셋 ── */
.bbs-wrap{color:var(--white)}
.bbs-wrap *{box-sizing:border-box}
.bbs-wrap a{color:var(--gray-300);text-decoration:none}
.bbs-wrap a:hover{color:var(--amber)}

/* 관리자 로그인 바 → legato-common.css로 이동 */

/* ── 상단/하단 버튼 영역 ── */
#bo_btn_top,
.bo_fx{margin:16px 0}
.btn_bo_user{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.btn_bo_user li{margin:0}

/* 버튼 공통 */
.btn{
  display:inline-block;padding:7px 18px;border-radius:6px;
  font-size:12px;font-weight:600;letter-spacing:0.5px;
  cursor:pointer;transition:all 0.25s;border:1px solid transparent;
  font-family:'Noto Sans KR',sans-serif}

/* 글쓰기 버튼 — 앰버 강조 */
.btn_write,.btn_b02{
  background:var(--amber);color:#0A0A0F !important;
  border-color:var(--amber)}
.btn_write:hover,.btn_b02:hover{background:#e6ab00;border-color:#e6ab00}

/* 관리자 버튼 */
.btn_admin,.btn_change2{
  background:transparent;color:var(--gray-400) !important;
  border-color:rgba(255,255,255,0.15)}
.btn_admin:hover,.btn_change2:hover{
  border-color:var(--amber);color:var(--amber) !important}

/* ── 게시판 목록 테이블 ── */
.tbl_head01{border-radius:12px;overflow:hidden;margin:16px 0}
.tbl_head01 table{width:100%;border-collapse:collapse}
.tbl_head01 thead tr{background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.08)}
.tbl_head01 th{
  color:var(--gray-600);font-size:11px;font-weight:600;
  letter-spacing:1.5px;padding:12px 16px;text-align:left;
  font-family:'Montserrat',sans-serif}
.tbl_head01 th.check{width:40px;text-align:center}
.tbl_head01 th.bt_num{width:60px}
.tbl_head01 tbody tr{
  border-bottom:1px solid rgba(255,255,255,0.05);
  transition:background 0.2s}
.tbl_head01 tbody tr:hover{background:rgba(255,191,0,0.04)}
.tbl_head01 td{
  padding:14px 16px;font-size:14px;
  color:var(--gray-300);vertical-align:middle}
.tbl_head01 td.td_num2{
  color:var(--gray-600);font-size:12px;
  font-family:'Roboto Mono',monospace;text-align:center}
.tbl_head01 td.td_datetime{
  color:var(--gray-600);font-size:12px;
  font-family:'Roboto Mono',monospace;white-space:nowrap}

/* 제목 링크 */
.tbl_head01 .bo_tit .title{
  color:var(--white);font-weight:500;font-size:14px}
.tbl_head01 .bo_tit .title:hover{color:var(--amber)}

/* fa 아이콘 (링크·좋아요) */
.tbl_head01 .bo_tit .fa{
  color:var(--gray-600);font-size:11px;margin-left:4px}

/* 모바일용 날짜 */
.bo_date.vw_mo{color:var(--gray-600);font-size:11px;margin-top:3px}

/* 체크박스 커스텀 */
.chkbox_div input[type="checkbox"]{accent-color:var(--amber)}

/* ── 페이지네이션 ── */
.pg_area{margin:32px 0 8px;text-align:center}
.pg_wrap{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;align-items:center}
.pg_wrap .pg{display:flex;gap:4px;align-items:center}
.pg_wrap .pg_current{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:6px;
  background:var(--amber);color:#0A0A0F;
  font-size:13px;font-weight:700}
.pg_wrap .pg_page{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:6px;
  color:var(--gray-400);font-size:13px;
  border:1px solid rgba(255,255,255,0.08);transition:all 0.2s}
.pg_wrap .pg_page:hover{border-color:var(--amber);color:var(--amber)}
.pg_wrap .pg_end,.pg_wrap .pg_start{
  color:var(--gray-600);font-size:12px;letter-spacing:1px}

/* ── 게시글 뷰 ── */
#bo_v_con{
  color:var(--gray-200);line-height:1.9;font-size:15px;
  padding:32px 0;border-top:1px solid rgba(255,255,255,0.08)}
#bo_v_con img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;display:block}
#bo_v_con p{margin-bottom:1.4em}
#bo_v_con h2,#bo_v_con h3{color:var(--white);font-weight:700;margin:2em 0 0.8em}

/* ── 글쓰기/수정 폼 ── */
#bo_write{padding:16px 0}
#bo_write .frm_row{margin-bottom:16px}
#bo_write label{color:var(--gray-500);font-size:13px;margin-bottom:6px;display:block}
#bo_write input[type="text"],
#bo_write input[type="email"],
#bo_write select,
#bo_write textarea{
  background:var(--black-card);border:1px solid rgba(255,255,255,0.1);
  color:var(--white);border-radius:8px;padding:10px 14px;
  font-size:14px;width:100%;font-family:'Noto Sans KR',sans-serif}
#bo_write input:focus,#bo_write textarea:focus{
  outline:none;border-color:rgba(255,191,0,0.5)}

/* ── 검색 영역 (관리자용) ── */
.board_search{margin:16px 0}
#bo_sch{border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:16px;background:var(--black-card)}
#bo_sch .sch_input{
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
  color:var(--white);border-radius:6px;padding:8px 12px;font-size:13px;
  width:240px}
#bo_sch .sch_btn{
  background:var(--amber);color:#000;border:none;
  padding:8px 16px;border-radius:6px;cursor:pointer;margin-left:8px;font-size:13px}

/* ── 접근성용 숨김 텍스트 ── */
.sound_only{
  position:absolute;width:1px;height:1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ── 반응형 ── */
@media(max-width:768px){
  .bbs-wrap{padding-top:80px!important}
  .tbl_head01 th.bt_num,
  .tbl_head01 td.td_num2,
  .tbl_head01 td.td_datetime{display:none}
  .tbl_head01 .bo_date.vw_mo{display:block}
  #bo_sch .sch_input{width:160px}
}