/* HN26SUB 20261009 : 서브 공통 (상단 비주얼 · 왼쪽 메뉴 · 본문) */

/* 상단 비주얼 — 헤더 바로 아래 붙임 */
.scx-subhero{background:var(--bg)}
.scx .shero{position:relative;overflow:hidden;color:#fff;
  background:#0F2E5E var(--shero-img,none) center 58%/cover no-repeat;}
.scx .shero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(9,26,58,.92) 0%,rgba(12,45,98,.74) 42%,rgba(10,60,90,.28) 100%);}
.scx .shero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad)}
.scx .shero__in{position:relative;z-index:1;min-height:220px;display:flex;flex-direction:column;justify-content:center;padding:40px 0 44px}
.scx .crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:rgba(255,255,255,.72);margin-bottom:12px}
.scx .crumb a{display:inline-flex;align-items:center;transition:color .2s}
.scx .crumb a:hover{color:#fff}
.scx .crumb svg{width:15px;height:15px}
.scx .crumb i{font-style:normal;opacity:.45}
.scx .crumb span{color:#fff;font-weight:600}
.scx .shero__tit{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.2;color:#fff}
.scx .shero__cat{margin-top:8px;font-size:14px;color:rgba(255,255,255,.66);letter-spacing:.02em}
html[data-theme="dark"] .scx .shero::before{background:linear-gradient(100deg,rgba(5,10,20,.94) 0%,rgba(8,20,40,.82) 45%,rgba(7,12,21,.45) 100%)}

/* 모바일 전용 가로 탭 */
.scx .stabs{display:none;background:var(--surface);border-bottom:1px solid var(--line)}
.scx .stabs__in{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}
.scx .stabs__in::-webkit-scrollbar{display:none}
.scx .stabs a{flex:none;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2);background:var(--surface-2);white-space:nowrap}
.scx .stabs a.on{background:var(--blue);color:#fff}
html[data-theme="dark"] .scx .stabs a.on{color:#0B1220}

/* 본문 레이아웃 */
.hn26s{--bg:#F2F5FA;--surface:#FFFFFF;--surface-2:#E9EFF8;--ink:#0F1827;--ink-2:#47566B;--ink-3:#7C8AA0;--line:#DBE3EF;--line-soft:#EBF0F8;--blue:#0F4FE0;--blue-2:#4A85FF;--blue-wash:#E6EEFF;--orange:#FF5A1F;--orange-wash:#FFEBE2;--green:#00B36B;--green-wash:#DFF7EC;--amber:#FFB020;--grad:linear-gradient(102deg,#0F4FE0 0%,#1E7BF0 46%,#00B36B 100%);--grad-hot:linear-gradient(96deg,#FF5A1F 0%,#FF8A3D 100%);--shadow:0 1px 2px rgba(15,24,39,.05), 0 12px 30px -18px rgba(15,24,39,.32);--shadow-lift:0 2px 6px rgba(15,24,39,.07), 0 28px 54px -24px rgba(15,24,39,.42);--ff:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Malgun Gothic',sans-serif;--ease:cubic-bezier(.2,.7,.25,1);}
html[data-theme="dark"] .hn26s{--bg:#070C15;--surface:#0F1725;--surface-2:#182234;--ink:#E9EFF8;--ink-2:#A2B1C6;--ink-3:#74839A;--line:#212E43;--line-soft:#161F2F;--blue:#6FA0FF;--blue-2:#9CC0FF;--blue-wash:#132340;--orange:#FF8352;--orange-wash:#331A11;--green:#2BD98C;--green-wash:#0E2A20;--amber:#FFC961;--grad:linear-gradient(102deg,#1B3A78 0%,#1A5AA8 46%,#127A56 100%);--shadow:0 1px 2px rgba(0,0,0,.55), 0 14px 34px -18px rgba(0,0,0,.85);--shadow-lift:0 2px 6px rgba(0,0,0,.6), 0 28px 56px -24px rgba(0,0,0,.92);}
.hn26s{container-type:inline-size;container-name:site;width:100%;background:var(--bg);color:var(--ink);transition:background-color .4s var(--ease),color .4s var(--ease)}
.hn26s .wrap{width:min(1260px,calc(100% - 64px));margin-inline:auto}
.hn26s .snav,.hn26s .snav *,.hn26s .sbody__tools,.hn26s .sbody__tools *{box-sizing:border-box;font-family:var(--ff)}
.hn26s .snav ul{list-style:none;margin:0}
.hn26s .snav a{text-decoration:none}
.hn26s .snav p{margin:0}
.hn26s .sbody__tools button{font:inherit;cursor:pointer;padding:0}
.hn26s .sgrid{display:grid;grid-template-columns:248px minmax(0,1fr);gap:44px;align-items:start;padding:48px 0 96px}
.hn26s .sgrid--full{grid-template-columns:minmax(0,1fr)}

/* 왼쪽 메뉴 */
.hn26s .snav{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px}
.hn26s .snav__head{padding:22px 22px 20px;border-radius:16px 16px 0 0;background:var(--grad);color:#fff;margin-bottom:-14px}
.hn26s .snav__head span{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;opacity:.7}
.hn26s .snav__head strong{display:block;margin-top:4px;font-size:21px;font-weight:800;letter-spacing:-.03em}
.hn26s .snav__list{background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:8px;box-shadow:var(--shadow)}
.hn26s .snav__list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:500;color:var(--ink-2);position:relative;transition:background-color .2s,color .2s}
.hn26s .snav__list a svg{width:15px;height:15px;flex:none;opacity:.35;transition:transform .2s var(--ease),opacity .2s}
.hn26s .snav__list a:hover{background:var(--surface-2);color:var(--ink)}
.hn26s .snav__list a:hover svg{opacity:.8;transform:translateX(2px)}
.hn26s .snav__list a.on{background:var(--blue-wash);color:var(--blue);font-weight:700}
.hn26s .snav__list a.on::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--blue)}
.hn26s .snav__list a.on svg{opacity:1}
.hn26s .snav__call{padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.hn26s .snav__call span{display:block;font-size:12px;font-weight:600;color:var(--ink-3)}
.hn26s .snav__call a{display:block;margin:4px 0 8px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.hn26s .snav__call p{font-size:13px;color:var(--ink-2);line-height:1.7}

/* 본문 */
.hn26s .sbody{min-width:0;position:relative;color:var(--ink);font-size:15px;line-height:1.7}
.hn26s .sbody__tools{display:flex;justify-content:flex-end;gap:6px;margin-bottom:10px}
.hn26s .sbody__tools button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;transition:.2s}
.hn26s .sbody__tools button:hover{color:var(--blue);border-color:var(--blue)}
.hn26s .sbody__tools button.ok{color:#fff;background:var(--green);border-color:var(--green)}
.hn26s .sbody__tools svg{width:17px;height:17px}
.hn26s .sbody img{display:inline-block;height:auto}

/* 기존 본문의 기본 글자색을 테마에 맞춤 (색 지정한 강조 글자는 유지) */
html[data-theme="dark"] .hn26s .sbody{color:var(--ink)}
html[data-theme="dark"] .hn26s .sbody [style*="color: rgb(0, 0, 0)"],
html[data-theme="dark"] .hn26s .sbody [style*="color:rgb(0,0,0)"],
html[data-theme="dark"] .hn26s .sbody [style*="color: rgb(51, 51, 51)"],
html[data-theme="dark"] .hn26s .sbody [style*="color:rgb(51,51,51)"],
html[data-theme="dark"] .hn26s .sbody [style*="color:#000000"],
html[data-theme="dark"] .hn26s .sbody [style*="color: #000000"],
html[data-theme="dark"] .hn26s .sbody [style*="color:#333333"],
html[data-theme="dark"] .hn26s .sbody [style*="color: #333333"],
html[data-theme="dark"] .hn26s .sbody [style*="color:#000;"],
html[data-theme="dark"] .hn26s .sbody [style*="color: #000;"],
html[data-theme="dark"] .hn26s .sbody [style*="color:#333;"],
html[data-theme="dark"] .hn26s .sbody [style*="color: #333;"],
html[data-theme="dark"] .hn26s .sbody [style*="color:black"],
html[data-theme="dark"] .hn26s .sbody [style*="color: black"],
html[data-theme="dark"] .hn26s .sbody [style$="color:#000"],
html[data-theme="dark"] .hn26s .sbody [style$="color: #000"],
html[data-theme="dark"] .hn26s .sbody [style$="color:#333"],
html[data-theme="dark"] .hn26s .sbody [style$="color: #333"],
html[data-theme="dark"] .hn26s .sbody font[color="#000000"],
html[data-theme="dark"] .hn26s .sbody font[color="#333333"],
html[data-theme="dark"] .hn26s .sbody font[color="black"]{color:var(--ink) !important}

/* HN26DK1 20261009 : 기존 본문 제목·설명 다크모드 (.title_group 공용 구조 포함) */
html[data-theme="dark"] .hn26s .sbody :is(h1,h2,h3,h4,h5,h6):not([style*="color"]){color:var(--ink) !important}
html[data-theme="dark"] .hn26s .sbody .title_group h3.page_title{color:var(--ink) !important;border-color:var(--line) !important}
html[data-theme="dark"] .hn26s .sbody .title_group{border-color:var(--line) !important}
html[data-theme="dark"] .hn26s .sbody .title_ment{color:var(--ink-2) !important}
html[data-theme="dark"] .hn26s .sbody hr{border-color:var(--line)}

/* 반응형 */
@container site (max-width:1140px){
  .hn26s .wrap{width:calc(100% - 44px)}
  .hn26s .sgrid{grid-template-columns:220px minmax(0,1fr);gap:32px}
}
@container site (max-width:880px){
  .scx .shero__in{min-height:150px;padding:28px 0 30px}
  .scx .shero__tit{font-size:28px}
  .scx .stabs{display:block}
  .hn26s .sgrid{grid-template-columns:minmax(0,1fr);padding:24px 0 64px}
  .hn26s .snav{display:none}
}
@container site (max-width:520px){
  .hn26s .wrap{width:calc(100% - 36px)}
  .scx .shero__tit{font-size:24px}
  .scx .shero__cat{display:none}
}

@media print{
  .scx-top,.scx-subhero,.hn26s .snav,.hn26s .sbody__tools,.scx-ft{display:none !important}
  .hn26s .sgrid{display:block;padding:0}
}

/* ===== HN26LEGACY 20261009 : 기존 일반페이지·기존 게시판(보기·쓰기·갤러리 분류) 공통 정돈 + 다크모드 ===== */
/* 일반 페이지 */
.hn26s .sbody #ctt > header{display:none}
.hn26s .sbody #ctt,.hn26s .sbody #ctt_con{position:static !important;background:transparent;color:var(--ink);min-width:0 !important;width:auto !important;max-width:100%}
.hn26s .sbody #ctt_con > div,.hn26s .sbody [class^="wrap_"],.hn26s .sbody [class^="content_"]{min-width:0 !important;max-width:100% !important}
.hn26s .sbody img{max-width:100%}
.hn26s .sbody .title_group{display:block;margin:0 0 28px !important;padding:0 0 18px !important;border-bottom:1px solid var(--line) !important;text-align:left !important;font-size:14px;color:var(--ink-2)}
.hn26s .sbody .title_group h3.page_title{display:block;margin:0 0 6px !important;padding:0 !important;font-size:28px !important;font-weight:800 !important;letter-spacing:-.03em;line-height:1.3 !important;color:var(--ink) !important;text-align:left !important;border:0 !important;background:none !important}
.hn26s .sbody .title_group h3.page_title::before,.hn26s .sbody .title_group h3.page_title::after{display:none !important}
.hn26s .sbody .title_group .title_ment,.hn26s .sbody .title_group p{display:block;margin:0;font-size:14.5px;color:var(--ink-2) !important;text-align:left !important}
.hn26s .sbody .title_group br{display:none}
.hn26s .sbody .content_greeting h4,.hn26s .sbody .content_biz1 h4{font-size:19px;font-weight:800;color:var(--ink);margin:6px 0 12px;padding:0;border:0;background:none}
.hn26s .sbody .content_greeting h4::before,.hn26s .sbody .content_greeting h4::after{display:none}

/* 표 (사무국현황·읍면체육회·종목단체 등 table.henal_room) */
.hn26s .sbody table.henal_room{width:100%;margin:8px 0 28px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);font-size:15px !important}
.hn26s .sbody table.henal_room th{padding:13px 14px !important;background:var(--surface-2) !important;color:var(--ink) !important;font-size:14px;font-weight:700;text-align:center;border:0 !important;border-bottom:1px solid var(--line) !important}
.hn26s .sbody table.henal_room td{height:auto !important;padding:12px 14px !important;color:var(--ink-2) !important;font-size:14.5px !important;text-align:center;border:0 !important;border-bottom:1px solid var(--line-soft) !important;border-right:1px solid var(--line-soft) !important;background:transparent !important}
.hn26s .sbody table.henal_room td:last-child{border-right:0 !important}
.hn26s .sbody table.henal_room tr:last-child td{border-bottom:0 !important}
.hn26s .sbody table.henal_room td[rowspan]{color:var(--ink) !important;font-weight:700;background:color-mix(in srgb,var(--surface-2) 45%,transparent) !important}
.hn26s .sbody table.henal_room tr:hover td{background:color-mix(in srgb,var(--blue-wash) 45%,transparent) !important}
.hn26s .sbody table.henal_room td p{padding-left:0;text-align:left}
.hn26s .sbody table.henal_room td p::before{display:none}
.hn26s .sbody .call-num{color:var(--ink-2)}

/* 오시는 길 */
.hn26s .sbody .content_location .text_box{padding:0}
.hn26s .sbody .title_location{font-size:21px;font-weight:800;color:var(--ink);margin:0 0 12px}
.hn26s .sbody .location_info{margin:0 0 18px;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);list-style:none}
.hn26s .sbody .location_info li{padding:4px 0 4px 16px;position:relative;color:var(--ink-2);font-size:15px;line-height:1.7;border:0}
.hn26s .sbody .location_info li::before{content:"" !important;position:absolute;left:0;top:.95em;width:5px;height:5px;border-radius:50%;background:var(--blue) !important}
.hn26s .sbody .location_info li span{color:var(--ink-3)}
.hn26s .sbody .root_daum_roughmap{border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.hn26s .sbody .location_root_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}
.hn26s .sbody .location_root_list::after{display:none}
.hn26s .sbody .location_root_list > li{float:none;width:auto;padding:18px !important;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;gap:14px}
.hn26s .sbody .location_root_list > li::before{display:none !important}
.hn26s .sbody .location_root_list > li span.icon_bus,.hn26s .sbody .location_root_list > li span.icon_car{float:none;flex:none;width:48px;height:48px;line-height:48px;font-size:20px;background:var(--blue-wash);color:var(--blue)}
.hn26s .sbody .location_road{margin:0;padding:0;float:none;width:auto}
.hn26s .sbody .location_road dt{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px}
.hn26s .sbody .location_road dd{margin:0;color:var(--ink-2);font-size:14px;line-height:1.7}
.hn26s .sbody .location_road .car_use dt{font-size:13.5px;color:var(--blue)}
.hn26s .sbody .bus_list{display:flex;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.hn26s .sbody .bus_list span{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--green-wash);color:var(--green);font-size:12.5px;font-weight:700}

/* 기존 게시판 공통: 분류 탭 · 페이지 · 버튼 (체육시설현황 등) */
.hn26s .sbody #bo_cate{margin:0 0 18px;padding:0;border:0;background:none}
.hn26s .sbody #bo_cate h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hn26s .sbody #bo_cate ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;border:0;background:none}
.hn26s .sbody #bo_cate li{float:none;width:auto;margin:0;padding:0;border:0;background:none;display:block}
.hn26s .sbody #bo_cate a{display:block;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.4}
.hn26s .sbody #bo_cate a:hover{border-color:var(--blue);color:var(--blue)}
.hn26s .sbody #bo_cate #bo_cate_on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:none}
html[data-theme="dark"] .hn26s .sbody #bo_cate #bo_cate_on{color:#0B1220}
.hn26s .sbody #bo_list_total,.hn26s .sbody #bo_btn_top{color:var(--ink-2)}
.hn26s .sbody .pg_wrap{display:flex;justify-content:center;float:none;width:auto;margin:24px 0 0}
.hn26s .sbody .pg{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.hn26s .sbody .pg_page,.hn26s .sbody .pg_current{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600;line-height:1;text-indent:0}
.hn26s .sbody .pg_current{background:var(--blue);border-color:var(--blue);color:#fff}
html[data-theme="dark"] .hn26s .sbody .pg_current{color:#0B1220}
.hn26s .sbody .btn_b01,.hn26s .sbody .btn_b02,.hn26s .sbody .btn_admin,.hn26s .sbody .btn_b03,.hn26s .sbody .btn_cancel,.hn26s .sbody .btn_submit{border-radius:10px !important}
.hn26s .sbody .btn_b01,.hn26s .sbody .btn_admin,.hn26s .sbody .btn_cancel{background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--ink-2) !important}
.hn26s .sbody .btn_b02,.hn26s .sbody .btn_submit{background:var(--blue) !important;border:1px solid var(--blue) !important;color:#fff !important}
html[data-theme="dark"] .hn26s .sbody .btn_b02,html[data-theme="dark"] .hn26s .sbody .btn_submit{color:#0B1220 !important}

/* 갤러리형 (체육시설현황): 바로가기 링크 */
.hn26s .sbody #bo_gall .bo_cnt a{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2)}
.hn26s .sbody #bo_gall .bo_cnt a:hover{border-color:var(--blue);color:var(--blue)}
.hn26s .sbody #bo_gall .bo_cate_link{display:inline-block;margin-bottom:4px;padding:2px 9px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}

/* 기존 보기 화면 (갤러리·동영상·관련단체·위원회·행사일정 보기) */
.hn26s .sbody #bo_v{color:var(--ink)}
.hn26s .sbody #bo_v_title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink);border:0;padding:0 0 8px;margin:0}
.hn26s .sbody #bo_v_title .bo_v_tit{color:var(--ink)}
.hn26s .sbody #bo_v_info{border-bottom:1px solid var(--line);padding:6px 0 16px;margin-bottom:22px;color:var(--ink-2)}
.hn26s .sbody #bo_v_info strong,.hn26s .sbody #bo_v_info .profile_info_ct{color:var(--ink-2)}
.hn26s .sbody #bo_v_info .pf_img{display:none}
.hn26s .sbody #bo_v_con{color:var(--ink);font-size:16px;line-height:1.85}
.hn26s .sbody #bo_v_file,.hn26s .sbody #bo_v_link{border:0;margin:20px 0}
.hn26s .sbody #bo_v_file li,.hn26s .sbody #bo_v_link li{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2);padding:12px 14px;margin-bottom:6px}
.hn26s .sbody #bo_v_file a,.hn26s .sbody #bo_v_link a{color:var(--ink)}
.hn26s .sbody .bo_v_nb{border-top:1px solid var(--line);margin-top:26px}
.hn26s .sbody .bo_v_nb li{border-bottom:1px solid var(--line);background:transparent;color:var(--ink-2)}
.hn26s .sbody .bo_v_nb li a{color:var(--ink)}
.hn26s .sbody #bo_v_share,.hn26s .sbody #bo_v_sns{display:none}

/* 글쓰기 화면 입력칸 (관리자) */
.hn26s .sbody #bo_w .frm_input,.hn26s .sbody #bo_w select,.hn26s .sbody #bo_w textarea,.hn26s .sbody #bo_w .frm_file{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px}
.hn26s .sbody #bo_w .frm_input:focus,.hn26s .sbody #bo_w textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px var(--blue-wash)}
.hn26s .sbody #bo_w .bo_w_tit,.hn26s .sbody #bo_w .bo_w_link,.hn26s .sbody #bo_w .bo_w_flie{color:var(--ink-2)}

/* 다크모드: 기존 화면의 흰 배경·검은 글자 고정 해제 */
html[data-theme="dark"] .hn26s .sbody .tbl_head01 thead th,html[data-theme="dark"] .hn26s .sbody .tbl_head01 td{background:transparent;color:var(--ink-2);border-color:var(--line)}
html[data-theme="dark"] .hn26s .sbody .tbl_head01 thead th{background:var(--surface-2);color:var(--ink)}
html[data-theme="dark"] .hn26s .sbody #bo_gall .gall_text_href a.bo_tit,html[data-theme="dark"] .hn26s .sbody .bo_tit{color:var(--ink)}
html[data-theme="dark"] .hn26s .sbody .empty_table,html[data-theme="dark"] .hn26s .sbody .empty_list{color:var(--ink-3);background:transparent}
html[data-theme="dark"] .hn26s .sbody #bo_w,html[data-theme="dark"] .hn26s .sbody #bo_w label,html[data-theme="dark"] .hn26s .sbody #bo_w li{color:var(--ink-2)}

@container site (max-width:880px){
  .hn26s .sbody .title_group h3.page_title{font-size:22px !important}
  .hn26s .sbody table.henal_room{display:block;overflow-x:auto;font-size:14px !important;-webkit-overflow-scrolling:touch}
  .hn26s .sbody table.henal_room th,.hn26s .sbody table.henal_room td{padding:10px 8px !important;white-space:normal;word-break:keep-all;font-size:13.5px !important}
  .hn26s .sbody table.henal_room th{white-space:nowrap}
  .hn26s .sbody .location_root_list{grid-template-columns:minmax(0,1fr)}
  .hn26s .sbody #bo_v_title{font-size:22px}
}
/* HN26PG 20261009 : 페이지 처음/이전/다음/맨끝 — 글자 숨기고 화살표만 (전 게시판 공통) */
.hn26s .sbody .pg_start,.hn26s .sbody .pg_prev,.hn26s .sbody .pg_next,.hn26s .sbody .pg_end{font-size:0 !important;background-image:none;overflow:hidden}
.hn26s .sbody .pg_start::before,.hn26s .sbody .pg_prev::before,.hn26s .sbody .pg_next::before,.hn26s .sbody .pg_end::before{display:block;line-height:1}
.hn26s .sbody .pg_start::before{content:"\00AB";font-size:15px}
.hn26s .sbody .pg_prev::before{content:"\2039";font-size:17px}
.hn26s .sbody .pg_next::before{content:"\203A";font-size:17px}
.hn26s .sbody .pg_end::before{content:"\00BB";font-size:15px}
/* HN26TG 20261009 : 제목영역 중첩 시 안쪽 밑줄 제거 (연혁 이중선) */
.hn26s .sbody .title_group .title_group{border-bottom:0 !important}
/* HN26FORM 20261009 : 글쓰기 화면 공통 입력 양식 — 칸 이름 표시, 입력칸·파일·버튼·다크모드 */
.hn26s .sbody #bo_w{font-family:var(--ff);color:var(--ink);max-width:100%}
.hn26s .sbody #bo_w,.hn26s .sbody #bo_w *{box-sizing:border-box}
.hn26s .sbody #bo_w form{width:100% !important}
.hn26s .sbody #bo_w .write_div{position:relative;margin:0 0 18px;float:none;width:auto}
.hn26s .sbody #bo_w .write_div .write_div{margin:0}
.hn26s .sbody #bo_w .write_div:not(.bo_w_info) > label.sound_only{position:static !important;display:block !important;width:auto !important;height:auto !important;margin:0 0 8px !important;padding:0 !important;font-size:14px !important;line-height:1.4 !important;font-weight:700;color:var(--ink);overflow:visible !important;clip:auto !important;border:0 !important}
.hn26s .sbody #bo_w .write_div:not(.bo_w_info) > label.sound_only strong{font-size:0 !important}
.hn26s .sbody #bo_w .write_div:not(.bo_w_info) > label.sound_only strong::after{content:"*";font-size:14px;color:var(--orange);margin-left:3px}
.hn26s .sbody #bo_w .frm_input,.hn26s .sbody #bo_w input[type="text"],.hn26s .sbody #bo_w input[type="password"],.hn26s .sbody #bo_w input[type="email"],.hn26s .sbody #bo_w input[type="url"],.hn26s .sbody #bo_w input[type="number"],.hn26s .sbody #bo_w select{height:48px;padding:0 14px;font:inherit;font-size:15px;line-height:1.4;color:var(--ink) !important;background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:12px;box-shadow:none;transition:border-color .2s,box-shadow .2s;max-width:100%}
.hn26s .sbody #bo_w .full_input{width:100% !important}
.hn26s .sbody #bo_w .half_input{width:calc(50% - 6px) !important}
.hn26s .sbody #bo_w textarea{width:100% !important;min-height:280px;padding:14px 16px;font:inherit;font-size:15px;line-height:1.7;color:var(--ink) !important;background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:12px;resize:vertical}
.hn26s .sbody #bo_w ::placeholder{color:var(--ink-3);opacity:1}
.hn26s .sbody #bo_w .frm_input:focus,.hn26s .sbody #bo_w input:focus,.hn26s .sbody #bo_w select:focus,.hn26s .sbody #bo_w textarea:focus{border-color:var(--blue) !important;outline:0;box-shadow:0 0 0 4px var(--blue-wash) !important}
.hn26s .sbody #bo_w .wr_content iframe{border-radius:12px;border:1px solid var(--line) !important}
/* 옵션 체크박스 */
.hn26s .sbody #bo_w .bo_v_option{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}
.hn26s .sbody #bo_w .bo_v_option li,.hn26s .sbody #bo_w .chk_box{float:none;margin:0;display:inline-flex;align-items:center}
.hn26s .sbody #bo_w .chk_box input[type="checkbox"],.hn26s .sbody #bo_w input.selec_chk,.hn26s .sbody #bo_w .file_del input[type="checkbox"]{position:static !important;display:inline-block !important;flex:none;width:20px !important;height:20px !important;margin:0 8px 0 0 !important;opacity:1 !important;z-index:auto !important;overflow:visible !important;-webkit-appearance:none !important;appearance:none !important;border:1.5px solid var(--line) !important;border-radius:6px;background:var(--surface) no-repeat center/14px 14px !important;vertical-align:middle;cursor:pointer;transition:background-color .15s,border-color .15s}
.hn26s .sbody #bo_w .chk_box input[type="checkbox"]:checked,.hn26s .sbody #bo_w input.selec_chk:checked,.hn26s .sbody #bo_w .file_del input[type="checkbox"]:checked{background-color:var(--blue) !important;border-color:var(--blue) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") !important}
.hn26s .sbody #bo_w .chk_box input[type="checkbox"]:focus-visible{box-shadow:0 0 0 4px var(--blue-wash)}
.hn26s .sbody #bo_w .chk_box input[type="checkbox"] + label{padding:0 !important;color:var(--ink-2) !important;font-size:14.5px;cursor:pointer}
.hn26s .sbody #bo_w .chk_box input[type="checkbox"] + label span{display:none !important}
/* 임시저장 */
.hn26s .sbody #bo_w #autosave_wrapper{position:relative}
.hn26s .sbody #bo_w #autosave_wrapper #wr_subject{padding-right:170px}
.hn26s .sbody #bo_w #btn_autosave{position:absolute;right:7px;top:7px;height:34px;padding:0 12px;border-radius:9px;border:0;background:var(--surface-2);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer}
.hn26s .sbody #bo_w #autosave_pop{top:52px !important;background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:12px;box-shadow:var(--shadow-lift);overflow:hidden}
.hn26s .sbody #bo_w #autosave_pop::before,.hn26s .sbody #bo_w #autosave_pop::after{display:none}
.hn26s .sbody #bo_w #autosave_pop ul{border-color:var(--line)}
.hn26s .sbody #bo_w #autosave_pop li{background:var(--surface-2);border-color:var(--surface);color:var(--ink)}
/* 링크 */
.hn26s .sbody #bo_w .bo_w_link{position:relative}
.hn26s .sbody #bo_w .bo_w_link > label{position:absolute;left:15px;top:24px;transform:translateY(-50%);margin:0;color:var(--ink-3);z-index:1;font-size:14px;line-height:1}
.hn26s .sbody #bo_w .bo_w_link .frm_input{padding-left:42px}
/* 첨부파일 */
.hn26s .sbody #bo_w .bo_w_flie .file_wr{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px dashed var(--line) !important;border-radius:12px;background:var(--surface) !important;margin:0}
.hn26s .sbody #bo_w .bo_w_flie .lb_icon{position:static;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--surface-2);color:var(--ink-3);border:0;margin:0}
.hn26s .sbody #bo_w input[type="file"],.hn26s .sbody #bo_w .frm_file{flex:1;min-width:0;width:auto;height:auto;padding:0;font:inherit;font-size:14px;color:var(--ink-2) !important;background:transparent !important;border:0 !important;border-radius:0}
.hn26s .sbody #bo_w input[type="file"]::file-selector-button{height:34px;padding:0 14px;margin-right:12px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.hn26s .sbody #bo_w input[type="file"]::-webkit-file-upload-button{height:34px;padding:0 14px;margin-right:12px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.hn26s .sbody #bo_w .bo_w_flie .frm_input{margin-top:8px}
.hn26s .sbody #bo_w .file_del{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;color:var(--ink-2)}
/* 표 형태 쓰기 화면(행사일정 등) */
.hn26s .sbody #bo_w .tbl_frm01 table{width:100%;border-collapse:separate;border-spacing:0 10px;border:0}
.hn26s .sbody #bo_w .tbl_frm01 th{width:130px;padding:0 14px 0 0;background:transparent !important;border:0 !important;color:var(--ink) !important;font-size:14px;font-weight:700;text-align:left;vertical-align:middle}
.hn26s .sbody #bo_w .tbl_frm01 td{padding:0;background:transparent !important;border:0 !important;color:var(--ink-2)}
/* 버튼 */
.hn26s .sbody #bo_w .btn_confirm{display:flex;justify-content:flex-end;gap:8px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);float:none;width:auto}
.hn26s .sbody #bo_w .btn_confirm .btn,.hn26s .sbody #bo_w .btn_cancel,.hn26s .sbody #bo_w .btn_submit{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:110px;padding:0 24px;border-radius:12px;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;float:none;margin:0}
.hn26s .sbody #bo_w .btn_cancel{background:var(--surface) !important;color:var(--ink) !important;border:1px solid var(--line) !important}
.hn26s .sbody #bo_w .btn_submit{background:var(--blue) !important;color:#fff !important;border:1px solid var(--blue) !important}
html[data-theme="dark"] .hn26s .sbody #bo_w .btn_submit{color:#0B1220 !important}
.hn26s .sbody #bo_w .btn_submit:hover{filter:brightness(1.06)}
.hn26s .sbody #bo_w #char_count_desc,.hn26s .sbody #bo_w #char_count_wrap{font-size:13px;color:var(--ink-3)}
@container site (max-width:520px){
  .hn26s .sbody #bo_w .half_input{width:100% !important;margin-bottom:8px}
  .hn26s .sbody #bo_w .btn_confirm .btn,.hn26s .sbody #bo_w .btn_cancel,.hn26s .sbody #bo_w .btn_submit{flex:1;min-width:0}
  .hn26s .sbody #bo_w .tbl_frm01 th,.hn26s .sbody #bo_w .tbl_frm01 td{display:block;width:auto;padding:0 0 6px}
  .hn26s .sbody #bo_w #autosave_wrapper #wr_subject{padding-right:14px}
  .hn26s .sbody #bo_w #btn_autosave{position:static;margin-top:8px}
}
/* HN26LG 20261009 : 다크모드 보조 글씨 밝게 */
html[data-theme="dark"] .hn26s{--ink-2:#B8C4D6;--ink-3:#93A2B8}
/* HN26LG : 목록 상단 (총 건수 + 관리 버튼) */
.hn26s .sbody #bo_gall #bo_btn_top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.hn26s .sbody #bo_gall #bo_btn_top::after{display:none}
.hn26s .sbody #bo_gall #bo_list_total{float:none;line-height:1.4;font-size:14px;color:var(--ink-2)}
.hn26s .sbody #bo_gall #bo_list_total span{color:var(--ink);font-weight:600}
.hn26s .sbody .btn_bo_user{float:none;display:flex;gap:6px;margin:0;padding:0;list-style:none}
.hn26s .sbody .btn_bo_user > li{float:none;width:auto;margin:0;padding:0;background:none !important;border:0 !important;position:relative}
.hn26s .sbody .btn_bo_user .btn{display:grid !important;place-items:center;width:40px;height:40px;padding:0 !important;margin:0;border-radius:12px !important;border:1px solid var(--line) !important;background:var(--surface) !important;color:var(--ink-2) !important;font-size:15px;line-height:1;box-shadow:none !important;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.hn26s .sbody .btn_bo_user .btn:hover,.hn26s .sbody .btn_bo_user .btn:focus-visible{border-color:var(--blue) !important;color:var(--blue) !important;background:var(--blue-wash) !important}
.hn26s .sbody .btn_bo_user .btn i{font-size:15px;line-height:1;margin:0}
.hn26s .sbody .btn_bo_user .fa-spin{animation:none}
.hn26s .sbody .more_opt{top:48px !important;right:0;min-width:150px;padding:6px;background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:12px;box-shadow:var(--shadow-lift)}
.hn26s .sbody .more_opt::before,.hn26s .sbody .more_opt::after{display:none}
.hn26s .sbody .more_opt li{float:none;width:auto;padding:0;margin:0;border:0 !important}
.hn26s .sbody .more_opt li button,.hn26s .sbody .more_opt li a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:38px;padding:0 12px;border:0;border-radius:8px;background:transparent !important;color:var(--ink-2) !important;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.hn26s .sbody .more_opt li button:hover,.hn26s .sbody .more_opt li a:hover{background:var(--surface-2) !important;color:var(--ink) !important}
.hn26s .sbody .more_opt li i{float:none;order:2;color:var(--ink-3)}
/* HN26LG : 선택 체크박스 (사진 위 · 전체선택) */
.hn26s .sbody #bo_gall .gall_chk{top:10px;left:10px;padding:0;z-index:3;line-height:0}
.hn26s .sbody #bo_gall .chk_box input.selec_chk{position:static !important;display:block !important;width:22px !important;height:22px !important;margin:0 !important;opacity:1 !important;z-index:auto !important;overflow:visible !important;-webkit-appearance:none !important;appearance:none !important;border:1.5px solid rgba(255,255,255,.92) !important;border-radius:7px;background:rgba(15,24,39,.38) no-repeat center/15px 15px !important;box-shadow:0 1px 5px rgba(0,0,0,.28);cursor:pointer;transition:background-color .15s,border-color .15s}
.hn26s .sbody #bo_gall .chk_box input.selec_chk:checked{background-color:var(--blue) !important;border-color:var(--blue) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") !important}
.hn26s .sbody #bo_gall .chk_box label{padding:0 !important}
.hn26s .sbody #bo_gall .chk_box label span{display:none !important}
.hn26s .sbody #bo_gall #gall_allchk{display:flex;align-items:center;gap:8px;margin:0 0 14px;position:static}
.hn26s .sbody #bo_gall #gall_allchk input.selec_chk{border-color:var(--line) !important;background-color:var(--surface) !important;box-shadow:none}
.hn26s .sbody #bo_gall #gall_allchk input.selec_chk:checked{background-color:var(--blue) !important;border-color:var(--blue) !important}
.hn26s .sbody #bo_gall #gall_allchk label{color:var(--ink-2) !important;font-size:14px;cursor:pointer}
/* HN26LG : 바로가기 링크 (체육시설) */
.hn26s .sbody #bo_gall .bo_cnt{display:block;margin:10px 0 0;padding:0 !important;border:0 !important;background:none;color:inherit}
.hn26s .sbody #bo_gall .bo_cnt a{display:inline-flex;align-items:center;gap:6px;height:34px;margin:0;padding:0 13px 0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.hn26s .sbody #bo_gall .bo_cnt a::after{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat}
.hn26s .sbody #bo_gall .bo_cnt a:hover,.hn26s .sbody #bo_gall .bo_cnt a:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff}
html[data-theme="dark"] .hn26s .sbody #bo_gall .bo_cnt a:hover,html[data-theme="dark"] .hn26s .sbody #bo_gall .bo_cnt a:focus-visible{color:#0B1220}
/* HN26SRCH 20261009 : 전체검색 */
.hn26s .sbody .hsr{max-width:920px;margin:0 auto;font-family:var(--ff);color:var(--ink)}
.hn26s .sbody .hsr *,.hn26s .sbody .hsr *::before,.hn26s .sbody .hsr *::after{box-sizing:border-box}
.hn26s .sbody .hsr ul{list-style:none;margin:0;padding:0}
.hn26s .sbody .hsr h2,.hn26s .sbody .hsr h3,.hn26s .sbody .hsr p{margin:0}
.hn26s .sbody .hsr a{color:inherit;text-decoration:none}
.hn26s .sbody .hsr .sound_only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hn26s .sbody .hsr-form{margin:0 0 30px}
.hn26s .sbody .hsr-bar{position:relative;display:flex;align-items:center;gap:10px;height:62px;padding:0 8px 0 20px;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
.hn26s .sbody .hsr-bar:focus-within{border-color:var(--blue);box-shadow:0 0 0 5px var(--blue-wash)}
.hn26s .sbody .hsr-bar > svg{width:22px;height:22px;flex:none;color:var(--ink-3)}
.hn26s .sbody .hsr-bar input{flex:1;min-width:0;height:100%;padding:0;border:0 !important;background:transparent !important;color:var(--ink);font:inherit;font-size:17px;outline:0;box-shadow:none !important}
.hn26s .sbody .hsr-bar input::placeholder{color:var(--ink-3)}
.hn26s .sbody .hsr-bar input::-webkit-search-cancel-button{cursor:pointer}
.hn26s .sbody .hsr-bar button{flex:none;height:46px;padding:0 24px;border:0;border-radius:13px;background:var(--blue);color:#fff;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer;transition:filter .2s}
html[data-theme="dark"] .hn26s .sbody .hsr-bar button{color:#0B1220}
.hn26s .sbody .hsr-bar button:hover{filter:brightness(1.07)}
.hn26s .sbody .hsr-opts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px}
.hn26s .sbody .hsr-sel{position:relative;display:inline-flex}
.hn26s .sbody .hsr-sel select{height:38px;padding:0 34px 0 14px;border:1px solid var(--line) !important;border-radius:999px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C8AA0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px 14px !important;color:var(--ink-2) !important;font:inherit;font-size:13.5px;font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer}
.hn26s .sbody .hsr-sel select:focus{outline:0;border-color:var(--blue) !important}
.hn26s .sbody .hsr-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2);gap:2px}
.hn26s .sbody .hsr-seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.hn26s .sbody .hsr-seg label{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background-color .2s,color .2s}
.hn26s .sbody .hsr-seg input:checked + label{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(15,24,39,.14)}
.hn26s .sbody .hsr-seg input:focus-visible + label{box-shadow:0 0 0 3px var(--blue-wash)}
/* 요약 · 게시판 칩 */
.hn26s .sbody .hsr-ov{margin:0 0 16px}
.hn26s .sbody .hsr-ov h2{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.35}
.hn26s .sbody .hsr-ov h2 q{quotes:"‘" "’";color:var(--blue)}
.hn26s .sbody .hsr-ov p{margin-top:6px;font-size:14px;color:var(--ink-2)}
.hn26s .sbody .hsr-ov p b{color:var(--ink)}
.hn26s .sbody .hsr-boards{margin:0 0 22px}
.hn26s .sbody .hsr-boards ul{display:flex;flex-wrap:wrap;gap:6px}
.hn26s .sbody .hsr-boards a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 6px 0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13.5px;color:var(--ink-2);transition:border-color .2s,color .2s}
.hn26s .sbody .hsr-boards a strong{font-weight:600}
.hn26s .sbody .hsr-boards a:hover{border-color:var(--blue);color:var(--blue)}
.hn26s .sbody .hsr-boards .cnt_cmt{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:700;color:var(--ink-2)}
.hn26s .sbody .hsr-boards a.sch_on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.hn26s .sbody .hsr-boards a.sch_on .cnt_cmt{background:rgba(255,255,255,.18);color:inherit}
html[data-theme="dark"] .hn26s .sbody .hsr-boards a.sch_on .cnt_cmt{background:rgba(0,0,0,.18)}
/* 결과 묶음 */
.hn26s .sbody .hsr-grp{margin:0 0 18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.hn26s .sbody .hsr-grp header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}
.hn26s .sbody .hsr-grp h3{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--ink) !important}
.hn26s .sbody .hsr .hsr-more{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:var(--ink-3) !important}
.hn26s .sbody .hsr .hsr-more:hover{color:var(--blue) !important}
.hn26s .sbody .hsr-more svg{width:15px;height:15px}
.hn26s .sbody .hsr-grp li + li{border-top:1px solid var(--line-soft)}
.hn26s .sbody .hsr-it{display:block;padding:16px 20px;transition:background-color .2s}
.hn26s .sbody .hsr-it:hover{background:var(--blue-wash)}
.hn26s .sbody .hsr-it strong{display:block;font-size:15.5px;font-weight:700;line-height:1.45;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn26s .sbody .hsr-it p{margin-top:5px;font-size:14px;line-height:1.65;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.hn26s .sbody .hsr-date{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.hn26s .sbody .hsr-tag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:6px;background:var(--surface-2);font-size:11.5px;font-style:normal;font-weight:700;color:var(--ink-2);vertical-align:2px}
.hn26s .sbody .hsr mark,.hn26s .sbody .hsr .sch_word{padding:0 2px;border-radius:4px;background:var(--blue-wash);color:var(--blue);font-weight:700}
.hn26s .sbody .hsr-empty{padding:40px 24px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:18px}
.hn26s .sbody .hsr-empty b{display:block;font-size:18px;font-weight:800}
.hn26s .sbody .hsr-empty p{margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.65;word-break:keep-all}
.hn26s .sbody .hsr-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}
.hn26s .sbody .hsr-quick a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--surface-2);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.hn26s .sbody .hsr-quick a:hover{background:var(--blue-wash);color:var(--blue)}
.hn26s .sbody .hsr-pg{margin-top:24px}
@container site (max-width:520px){
  .hn26s .sbody .hsr-bar{height:56px;padding:0 6px 0 14px;border-radius:16px}
  .hn26s .sbody .hsr-bar input{font-size:16px}
  .hn26s .sbody .hsr-bar button{height:44px;padding:0 16px}
  .hn26s .sbody .hsr-ov h2{font-size:19px}
  .hn26s .sbody .hsr-grp header,.hn26s .sbody .hsr-it{padding-left:16px;padding-right:16px}
}
/* HN26FORM2 20261009 : 글쓰기 화면 전수 정리 — 표형(행사일정·연혁·유관기관), 모든 체크박스·라디오, 칸 이름, 필수표시 이미지, 태그 입력, 날짜 달력 */
.hn26s .sbody #bo_w .tbl_wrap table,.hn26s .sbody #bo_w .tbl_frm01 table,.hn26s .sbody #bo_w table{background:transparent !important;border:0 !important;border-collapse:separate !important;border-spacing:0 12px !important;width:100%}
.hn26s .sbody #bo_w .tbl_wrap,.hn26s .sbody #bo_w .tbl_frm01{background:transparent !important;margin:0}
.hn26s .sbody #bo_w .tbl_frm01 th,.hn26s .sbody #bo_w table th{width:120px;padding:0 16px 0 0 !important;border:0 !important;background:transparent !important;color:var(--ink) !important;font-size:14px;font-weight:700;text-align:left;vertical-align:middle;white-space:nowrap}
.hn26s .sbody #bo_w .tbl_frm01 th label,.hn26s .sbody #bo_w table th label{color:inherit !important;font-weight:inherit;font-size:inherit}
.hn26s .sbody #bo_w .tbl_frm01 td,.hn26s .sbody #bo_w table td{padding:0 !important;border:0 !important;background:transparent !important;color:var(--ink-2) !important;font-size:14px;vertical-align:middle}
.hn26s .sbody #bo_w table tr:has(textarea) th{vertical-align:top;padding-top:14px !important}
.hn26s .sbody #bo_w table td select{height:48px;min-width:96px}
.hn26s .sbody #bo_w input[size="8"],.hn26s .sbody #bo_w input#wr_1[readonly],.hn26s .sbody #bo_w input#wr_2[readonly]{width:150px;cursor:pointer;text-align:center;font-variant-numeric:tabular-nums}
/* 필수 표시 이미지(빨간 별) 제거 */
.hn26s .sbody #bo_w .required,.hn26s .sbody #bo_w textarea.required{background-image:none !important}
/* 모든 체크박스·라디오 */
.hn26s .sbody #bo_w input[type="checkbox"],.hn26s .sbody #bo_w input[type="radio"]{position:static !important;display:inline-block !important;flex:none;width:20px !important;height:20px !important;margin:0 7px 0 0 !important;padding:0 !important;opacity:1 !important;z-index:auto !important;overflow:visible !important;-webkit-appearance:none !important;appearance:none !important;border:1.5px solid var(--line) !important;border-radius:6px;background:var(--surface) no-repeat center/14px 14px !important;vertical-align:middle;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.hn26s .sbody #bo_w input[type="radio"]{border-radius:50%}
.hn26s .sbody #bo_w input[type="checkbox"]:checked{background-color:var(--blue) !important;border-color:var(--blue) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") !important}
.hn26s .sbody #bo_w input[type="radio"]:checked{border-color:var(--blue) !important;background:var(--surface) !important;box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 10px var(--blue)}
.hn26s .sbody #bo_w input[type="checkbox"]:focus-visible,.hn26s .sbody #bo_w input[type="radio"]:focus-visible{outline:0;box-shadow:0 0 0 4px var(--blue-wash)}
.hn26s .sbody #bo_w input[type="radio"]:checked:focus-visible{box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 10px var(--blue),0 0 0 4px var(--blue-wash)}
.hn26s .sbody #bo_w input[type="checkbox"] + label,.hn26s .sbody #bo_w input[type="radio"] + label,.hn26s .sbody #bo_w .write_div > input[type="checkbox"] + label,.hn26s .sbody #bo_w .write_div > input[type="radio"] + label{display:inline !important;margin:0 18px 0 0 !important;padding:0 !important;color:var(--ink-2) !important;font-size:14.5px !important;font-weight:500 !important;vertical-align:middle;cursor:pointer}
.hn26s .sbody #bo_w input[type="checkbox"] + label span,.hn26s .sbody #bo_w input[type="radio"] + label span{display:none !important}
/* 칸 이름이 보이는 추가 입력칸 */
.hn26s .sbody #bo_w .write_div:not(.bo_w_info):not(.bo_w_link):not(.file_wr) > label:not(.sound_only){display:block;margin:0 0 8px;padding:0;font-size:14px;font-weight:700;line-height:1.4;color:var(--ink) !important;float:none;width:auto}
.hn26s .sbody #bo_w .write_div > label:not(.sound_only) u{text-decoration:none;font-weight:500;color:var(--ink-3);margin-left:6px;font-size:12.5px}
.hn26s .sbody #bo_w #autosave_pop{display:none}
/* 보도자료 등 : span 으로 된 칸 이름 + 폭 */
.hn26s .sbody #bo_w .write_div > .s_title{display:block;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink) !important}
.hn26s .sbody #bo_w .frm_input.full{width:100% !important}
/* 링크 칸 아이콘 자리 */
.hn26s .sbody #bo_w .bo_w_link > label{background:transparent !important;border:0 !important;width:auto !important;height:auto !important;padding:0 !important}
/* 보도자료 태그 입력 */
.hn26s .sbody #bo_w .tagList{margin:0 0 18px;padding:0;background:transparent !important;border:0}
.hn26s .sbody #bo_w .tagListTit{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
.hn26s .sbody #bo_w .tagListTit i{display:none}
.hn26s .sbody #bo_w .tagListTit u{text-decoration:none;font-weight:500;font-size:12.5px;color:var(--ink-3)}
.hn26s .sbody #bo_w .tagListTit b{color:var(--ink-2)}
.hn26s .sbody #bo_w .tagListIpt{padding:8px;border:1px solid var(--line) !important;border-radius:12px;background:var(--surface) !important}
.hn26s .sbody #bo_w .tagListIpt ul{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.hn26s .sbody #bo_w .tagListIpt li.tag{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 6px 0 12px;border-radius:999px;background:var(--blue-wash) !important;color:var(--blue) !important;font-size:13.5px;font-weight:600}
.hn26s .sbody #bo_w .tagListIpt li.tag i{font-size:0 !important;cursor:pointer;opacity:.7;display:inline-grid;place-items:center;width:20px;height:20px}
.hn26s .sbody #bo_w .tagListIpt li.tag i::before{content:"\00D7";font-size:17px;font-style:normal;line-height:1}
.hn26s .sbody #bo_w .tagListIpt li.tabTxt{flex:1;min-width:160px}
.hn26s .sbody #bo_w .tagListIpt #tagIpt{width:100% !important;height:34px;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 8px}
/* 날짜 선택 달력(jQuery UI) */
.ui-datepicker{--surface:#fff;--surface-2:#E9EFF8;--ink:#0F1827;--ink-2:#47566B;--ink-3:#7C8AA0;--line:#DBE3EF;--blue:#0F4FE0;--blue-wash:#E6EEFF}
html[data-theme="dark"] .ui-datepicker{--surface:#0F1725;--surface-2:#182234;--ink:#E9EFF8;--ink-2:#B8C4D6;--ink-3:#93A2B8;--line:#212E43;--blue:#6FA0FF;--blue-wash:#132340}
.ui-datepicker{z-index:50 !important;padding:10px;border:1px solid var(--line,#DBE3EF) !important;border-radius:14px;background:var(--surface,#fff) !important;color:var(--ink,#0F1827);box-shadow:0 18px 40px -16px rgba(15,24,39,.4);font-family:var(--ff,inherit)}
.ui-datepicker .ui-datepicker-header{border:0 !important;background:transparent !important;color:var(--ink,#0F1827)}
.ui-datepicker .ui-datepicker-title select{height:30px;border:1px solid var(--line,#DBE3EF);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#0F1827);padding:0 6px}
.ui-datepicker th{color:var(--ink-3,#7C8AA0);font-weight:600}
.ui-datepicker td a,.ui-datepicker td span{border:0 !important;border-radius:8px;background:transparent !important;color:var(--ink,#0F1827) !important;text-align:center}
.ui-datepicker td a:hover{background:var(--blue-wash,#E6EEFF) !important;color:var(--blue,#0F4FE0) !important}
.ui-datepicker td .ui-state-active{background:var(--blue,#0F4FE0) !important;color:#fff !important}
.ui-datepicker .ui-datepicker-buttonpane button{border:1px solid var(--line,#DBE3EF) !important;border-radius:8px;background:var(--surface,#fff) !important;color:var(--ink-2,#47566B) !important}
@container site (max-width:520px){
  .hn26s .sbody #bo_w table,.hn26s .sbody #bo_w table tbody,.hn26s .sbody #bo_w table tr{display:block;width:100%}
  .hn26s .sbody #bo_w table th,.hn26s .sbody #bo_w table td{display:block;width:auto;padding:0 0 8px !important}
  .hn26s .sbody #bo_w table tr{margin-bottom:12px}
  .hn26s .sbody #bo_w input[size="8"],.hn26s .sbody #bo_w input#wr_1[readonly],.hn26s .sbody #bo_w input#wr_2[readonly]{width:calc(50% - 14px)}
}
/* HN26TAGX 20261009 : 태그 칩 닫기(×) — 글자와 겹치지 않게 오른쪽 세로 가운데 */
.hn26s .sbody #bo_w .tagListIpt li.tag{position:relative;display:inline-flex !important;align-items:center;gap:6px;height:32px;padding:0 5px 0 12px !important;line-height:1 !important}
.hn26s .sbody #bo_w .tagListIpt li.tag i{position:static !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;transform:none !important;float:none !important;display:inline-grid !important;place-items:center;flex:none;width:20px !important;height:20px !important;margin:0 !important;padding:0 !important;border-radius:50%;background:transparent none !important;font-size:0 !important;line-height:1;color:inherit;opacity:.65;cursor:pointer;transition:background-color .15s,opacity .15s}
.hn26s .sbody #bo_w .tagListIpt li.tag i::before{content:"\00D7";position:static !important;font-size:16px;font-style:normal;font-weight:600;line-height:1}
.hn26s .sbody #bo_w .tagListIpt li.tag i::after{display:none !important}
.hn26s .sbody #bo_w .tagListIpt li.tag i:hover{opacity:1;background:var(--blue) !important;color:#fff}
html[data-theme="dark"] .hn26s .sbody #bo_w .tagListIpt li.tag i:hover{color:#0B1220}