@charset "UTF-8";
/* ============================================================ */
/* 해담마루 2026 리뉴얼 CSS v5 */
/* 벤치마킹: 천안시립미술관 소스 기반 정밀 동기화 */
/* body.new2026 기반 독립 스타일 / !important 적용 */
/* 구역별 한줄 기재 / PC+모바일 반응형 */
/* ============================================================ */

/* === [CSS Variables] === */
body.new2026 { --hd-black: #111111; --hd-dark: #222222; --hd-gray-900: #333333; --hd-gray-700: #555555; --hd-gray-500: #888888; --hd-gray-300: #CCCCCC; --hd-gray-200: #E5E5E5; --hd-gray-100: #F5F5F5; --hd-white: #FFFFFF; --hd-accent: #1A1A1A; --hd-bg-dark: #1A1A1A; --hd-border: #E0E0E0; --hd-shadow: 0 2px 8px rgba(0,0,0,0.06); --hd-font: 'Pretendard Variable','Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif; --hd-container: 1200px; --hd-header-h: 70px; --hd-transition: all 0.3s ease; }

/* === [Reset & Base] === */
body.new2026 * { box-sizing: border-box !important; }
body.new2026 { font-family: var(--hd-font) !important; color: var(--hd-black) !important; font-size: 15px !important; line-height: 1.7 !important; -webkit-font-smoothing: antialiased !important; letter-spacing: -0.3px !important; overflow-x: hidden !important; background: var(--hd-white) !important; }
body.new2026 img { max-width: 100% !important; height: auto !important; }
body.new2026 a { color: inherit !important; text-decoration: none !important; transition: var(--hd-transition) !important; }
body.new2026 a:hover { text-decoration: none !important; }
body.new2026 ul, body.new2026 ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body.new2026 .n26_container { max-width: var(--hd-container) !important; margin: 0 auto !important; padding: 0 40px !important; width: 100% !important; }

/* === [Header] === */
body.new2026 .n26_header { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: var(--hd-header-h) !important; background: var(--hd-white) !important; z-index: 9999 !important; border-bottom: 1px solid var(--hd-border) !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_header.scrolled { box-shadow: var(--hd-shadow) !important; }
body.new2026 .n26_header_inner { max-width: 100% !important; margin: 0 !important; padding: 0 48px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; height: 100% !important; }
body.new2026 .n26_logo { display: flex !important; align-items: center !important; gap: 12px !important; flex-shrink: 0 !important; }
body.new2026 .n26_logo img { height: 72px !important; width: auto !important; }
body.new2026 .n26_logo_text { display: none !important; font-size: 15px !important; font-weight: 800 !important; color: var(--hd-black) !important; letter-spacing: -0.5px !important; white-space: nowrap !important; }

/* === [PC GNB - 벤치마킹 .th_1st 동기화] === */
body.new2026 .n26_gnb { display: flex !important; align-items: center !important; gap: 0 !important; height: 100% !important; }
body.new2026 .n26_gnb > li { position: relative !important; height: 100% !important; display: flex !important; align-items: center !important; }
body.new2026 .n26_gnb > li > a { display: flex !important; align-items: center !important; height: 100% !important; padding: 0 14px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--hd-gray-900) !important; letter-spacing: -0.3px !important; white-space: nowrap !important; position: relative !important; }
body.new2026 .n26_gnb > li > a:hover { color: var(--hd-black) !important; }
body.new2026 .n26_gnb > li > a.on { color: var(--hd-black) !important; font-weight: 700 !important; }
body.new2026 .n26_gnb > li > a::after { content: '' !important; position: absolute !important; bottom: -1px !important; left: 14px !important; right: 14px !important; height: 2px !important; background: var(--hd-black) !important; transform: scaleX(0) !important; transition: transform 0.25s ease !important; }
body.new2026 .n26_gnb > li:hover > a::after, body.new2026 .n26_gnb > li > a.on::after { transform: scaleX(1) !important; }

/* === [PC Sub Dropdown] === */
body.new2026 .n26_gnb_sub { position: absolute !important; top: 100% !important; left: 0 !important; min-width: 200px !important; background: var(--hd-white) !important; border: 1px solid var(--hd-border) !important; padding: 8px 0 !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.2s ease !important; pointer-events: none !important; z-index: 100 !important; }
body.new2026 .n26_gnb > li:hover .n26_gnb_sub { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
body.new2026 .n26_gnb_sub li a { display: block !important; padding: 10px 24px !important; font-size: 14px !important; color: var(--hd-gray-700) !important; }
body.new2026 .n26_gnb_sub li a:hover { color: var(--hd-black) !important; background: var(--hd-gray-100) !important; }

/* === [전체메뉴 버튼] === */
body.new2026 .n26_header_right { display: flex !important; align-items: center !important; gap: 10px !important; }
body.new2026 .n26_allmenu_btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; background: var(--hd-black) !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_allmenu_btn:hover { background: var(--hd-gray-700) !important; }
body.new2026 .n26_allmenu_btn i { color: var(--hd-white) !important; font-size: 15px !important; }

/* === [전체메뉴 패널] === */
body.new2026 .n26_allmenu_panel { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100vh !important; background: var(--hd-white) !important; z-index: 99999 !important; display: none !important; overflow-y: auto !important; }
body.new2026 .n26_allmenu_panel.on { display: block !important; animation: n26SlideDown 0.35s ease !important; }
@keyframes n26SlideDown { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
body.new2026 .n26_allmenu_top { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 20px 40px !important; border-bottom: 1px solid var(--hd-border) !important; }
body.new2026 .n26_allmenu_close { width: 44px !important; height: 44px !important; background: none !important; border: 1px solid var(--hd-border) !important; border-radius: 50% !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_allmenu_close:hover { background: var(--hd-black) !important; border-color: var(--hd-black) !important; }
body.new2026 .n26_allmenu_close:hover i { color: var(--hd-white) !important; }
body.new2026 .n26_allmenu_close i { font-size: 18px !important; color: var(--hd-black) !important; }
body.new2026 .n26_allmenu_inner { max-width: 1000px !important; margin: 0 auto !important; padding: 60px 40px 80px !important; }
body.new2026 .n26_allmenu_grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 48px 40px !important; }
body.new2026 .n26_allmenu_col h3 { font-size: 18px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 20px !important; padding-bottom: 16px !important; border-bottom: 2px solid var(--hd-black) !important; }
body.new2026 .n26_allmenu_col h3 i { margin-right: 8px !important; font-size: 20px !important; }
body.new2026 .n26_allmenu_col.color-green h3 { color: #16A34A !important; border-bottom-color: #16A34A !important; }
body.new2026 .n26_allmenu_col.color-green h3 a { color: #16A34A !important; }
body.new2026 .n26_allmenu_col.color-blue h3 { color: #2563EB !important; border-bottom-color: #2563EB !important; }
body.new2026 .n26_allmenu_col.color-blue h3 a { color: #2563EB !important; }
body.new2026 .n26_allmenu_col.color-orange h3 { color: #EA580C !important; border-bottom-color: #EA580C !important; }
body.new2026 .n26_allmenu_col.color-orange h3 a { color: #EA580C !important; }
body.new2026 .n26_allmenu_col.color-purple h3 { color: #7C3AED !important; border-bottom-color: #7C3AED !important; }
body.new2026 .n26_allmenu_col.color-purple h3 a { color: #7C3AED !important; }
body.new2026 .n26_allmenu_col.color-rose h3 { color: #E11D48 !important; border-bottom-color: #E11D48 !important; }
body.new2026 .n26_allmenu_col.color-rose h3 a { color: #E11D48 !important; }
body.new2026 .n26_allmenu_col.color-teal h3 { color: #0D9488 !important; border-bottom-color: #0D9488 !important; }
body.new2026 .n26_allmenu_col.color-teal h3 a { color: #0D9488 !important; }
body.new2026 .n26_allmenu_col h3 a { color: var(--hd-black) !important; }
body.new2026 .n26_allmenu_col ul li { margin-bottom: 12px !important; }
body.new2026 .n26_allmenu_col ul li a { font-size: 15px !important; color: var(--hd-gray-500) !important; }
body.new2026 .n26_allmenu_col ul li a:hover { color: var(--hd-black) !important; }
body.new2026 .n26_allmenu_sns { display: flex !important; justify-content: center !important; gap: 16px !important; margin-top: 56px !important; padding-top: 32px !important; border-top: 1px solid var(--hd-border) !important; }
body.new2026 .n26_allmenu_sns a { font-size: 14px !important; color: var(--hd-gray-500) !important; padding: 8px 20px !important; border: 1px solid var(--hd-border) !important; border-radius: 24px !important; }
body.new2026 .n26_allmenu_sns a:hover { color: var(--hd-black) !important; border-color: var(--hd-black) !important; }

/* === [Mobile Hamburger] === */
body.new2026 .n26_ham { display: none !important; width: 44px !important; height: 44px !important; background: none !important; border: none !important; cursor: pointer !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; z-index: 10001 !important; }
body.new2026 .n26_ham span { display: block !important; width: 24px !important; height: 2px !important; background: var(--hd-black) !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_ham.on span:nth-child(1) { transform: rotate(45deg) translate(5px,6px) !important; }
body.new2026 .n26_ham.on span:nth-child(2) { opacity: 0 !important; }
body.new2026 .n26_ham.on span:nth-child(3) { transform: rotate(-45deg) translate(5px,-6px) !important; }

/* === [Mobile Side Menu - Premium] === */
body.new2026 .n26_mobile_overlay { position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.5) !important; z-index: 9998 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; }
body.new2026 .n26_mobile_overlay.on { opacity: 1 !important; visibility: visible !important; }
body.new2026 .n26_mobile_menu { position: fixed !important; top: 0 !important; right: -340px !important; width: 320px !important; height: 100vh !important; height: 100dvh !important; background: var(--hd-white) !important; z-index: 10000 !important; transition: right 0.35s cubic-bezier(0.4,0,0.2,1) !important; overflow-y: auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; box-shadow: -8px 0 32px rgba(0,0,0,0.12) !important; }
body.new2026 .n26_mobile_menu.on { right: 0 !important; }

/* 상단 헤더 */
body.new2026 .n26_m_header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 16px 20px !important; border-bottom: 1px solid var(--hd-gray-200) !important; flex-shrink: 0 !important; background: var(--hd-white) !important; position: sticky !important; top: 0 !important; z-index: 2 !important; }
body.new2026 .n26_m_logo img { height: 36px !important; width: auto !important; }
body.new2026 .n26_m_close { width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--hd-gray-100) !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; transition: all 0.2s ease !important; }
body.new2026 .n26_m_close i { font-size: 18px !important; color: var(--hd-black) !important; }
body.new2026 .n26_m_close:hover { background: var(--hd-eco) !important; }
body.new2026 .n26_m_close:hover i { color: var(--hd-white) !important; }

/* 메뉴 리스트 */
body.new2026 .n26_m_list { flex: 1 !important; overflow-y: auto !important; padding: 8px 0 !important; list-style: none !important; margin: 0 !important; }
body.new2026 .n26_m_list > li { border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
body.new2026 .n26_m_list > li > a { display: flex !important; align-items: center !important; gap: 14px !important; padding: 16px 24px !important; font-size: 16px !important; font-weight: 600 !important; color: var(--hd-black) !important; transition: all 0.2s ease !important; }
body.new2026 .n26_m_list > li > a i { font-size: 20px !important; color: var(--hd-eco) !important; width: 24px !important; text-align: center !important; flex-shrink: 0 !important; }
body.new2026 .n26_m_list > li > a span { flex: 1 !important; }
body.new2026 .n26_m_list > li > a:hover { background: var(--hd-eco-light) !important; }
body.new2026 .n26_m_list > li > a.on { color: var(--hd-eco) !important; background: var(--hd-eco-light) !important; }
body.new2026 .n26_m_list > li > a.on i { color: var(--hd-eco-dark) !important; }
body.new2026 .n26_m_list > li.on > a { color: var(--hd-eco) !important; background: var(--hd-eco-light) !important; }

/* 서브메뉴 토글 화살표 */
body.new2026 .n26_m_list > li > a::after { font-family: 'xeicon' !important; font-size: 12px !important; color: var(--hd-gray-300) !important; transition: transform 0.3s ease !important; }
body.new2026 .n26_m_list > li > a[href*="energy_park_1"]::after, body.new2026 .n26_m_list > li > a[href*="gallery"]::after { content: '\e941' !important; }
body.new2026 .n26_m_list > li.on > a::after { transform: rotate(180deg) !important; color: var(--hd-eco) !important; }

/* 서브메뉴 */
body.new2026 .n26_m_sub { display: none !important; background: #F7FAF7 !important; padding: 4px 0 !important; margin: 0 !important; list-style: none !important; }
body.new2026 .n26_m_sub li a { display: flex !important; align-items: center !important; padding: 12px 24px 12px 62px !important; font-size: 14px !important; color: var(--hd-gray-700) !important; transition: all 0.2s ease !important; position: relative !important; }
body.new2026 .n26_m_sub li a::before { content: '' !important; width: 4px !important; height: 4px !important; border-radius: 50% !important; background: var(--hd-gray-300) !important; position: absolute !important; left: 46px !important; top: 50% !important; transform: translateY(-50%) !important; }
body.new2026 .n26_m_sub li a:hover { color: var(--hd-eco) !important; background: rgba(22,163,74,0.06) !important; }
body.new2026 .n26_m_sub li a:hover::before { background: var(--hd-eco) !important; }
body.new2026 .n26_m_list > li.on .n26_m_sub { display: block !important; }

/* 하단 푸터 */
body.new2026 .n26_m_footer { flex-shrink: 0 !important; padding: 20px 24px !important; background: var(--hd-gray-100) !important; border-top: 1px solid var(--hd-gray-200) !important; }
body.new2026 .n26_m_blog_links { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 16px !important; }
body.new2026 .n26_m_blog_links a { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; font-weight: 500 !important; color: var(--hd-gray-700) !important; transition: color 0.2s ease !important; }
body.new2026 .n26_m_blog_links a i { font-size: 14px !important; color: var(--hd-eco) !important; }
body.new2026 .n26_m_blog_links a:hover { color: var(--hd-eco) !important; }
body.new2026 .n26_m_contact { display: flex !important; flex-direction: column !important; gap: 4px !important; }
body.new2026 .n26_m_contact p { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: var(--hd-gray-500) !important; margin: 0 !important; }
body.new2026 .n26_m_contact p i { font-size: 13px !important; color: var(--hd-gray-400) !important; width: 16px !important; text-align: center !important; }

/* === [Hero - 벤치마킹 .mv .text_wrap 동기화] === */
body.new2026 .n26_hero { margin-top: var(--hd-header-h) !important; padding: 36px 0 0 !important; }
body.new2026 .n26_hero_title_area { padding: 0 0 24px !important; }
body.new2026 .n26_hero_sub { font-size: 14px !important; color: var(--hd-gray-500) !important; margin-bottom: 8px !important; font-weight: 400 !important; letter-spacing: 0 !important; }
body.new2026 .n26_hero_title { font-size: 36px !important; font-weight: 900 !important; color: var(--hd-black) !important; letter-spacing: -1.5px !important; line-height: 1.25 !important; }

/* === [Main Slide] === */
body.new2026 .n26_main_slide { width: 100% !important; position: relative !important; overflow: hidden !important; border-radius: 0 !important; }
body.new2026 .n26_main_slide .splide__slide { position: relative !important; height: 811px !important; background-size: cover !important; background-position: center !important; }
body.new2026 .n26_main_slide .splide__slide::before { content: '' !important; position: absolute !important; inset: 0 !important; background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 60%) !important; }
body.new2026 .n26_slide_content { position: absolute !important; bottom: 40px !important; right: 40px !important; z-index: 2 !important; text-align: right !important; }
body.new2026 .n26_slide_content p { font-size: 20px !important; font-weight: 400 !important; color: var(--hd-white) !important; line-height: 1.5 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.25) !important; }
body.new2026 .n26_slide_content p strong { font-weight: 700 !important; }
body.new2026 .n26_main_slide .splide__pagination { bottom: 16px !important; }
body.new2026 .n26_main_slide .splide__pagination__page { width: 8px !important; height: 8px !important; background: rgba(255,255,255,0.5) !important; border: none !important; margin: 0 4px !important; border-radius: 50% !important; }
body.new2026 .n26_main_slide .splide__pagination__page.is-active { background: var(--hd-white) !important; }

/* === [Info Bar - 벤치마킹 .main-bottom 동기화] === */
body.new2026 .n26_info_bar { padding: 36px 0 !important; border-bottom: 1px solid var(--hd-border) !important; }
body.new2026 .n26_info_bar_inner { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 20px !important; }
body.new2026 .n26_info_items { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 24px 40px !important; flex: 1 !important; }
body.new2026 .n26_info_item { display: flex !important; align-items: flex-start !important; gap: 10px !important; }
body.new2026 .n26_info_item .n26_info_icon { font-size: 22px !important; color: var(--hd-black) !important; margin-top: 3px !important; }
body.new2026 .n26_info_item .n26_info_label { font-size: 17px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 3px !important; }
body.new2026 .n26_info_item .n26_info_value { font-size: 16px !important; color: var(--hd-black) !important; font-weight: 600 !important; line-height: 1.5 !important; }
body.new2026 .n26_info_item .n26_info_note { font-size: 13px !important; color: var(--hd-gray-500) !important; }
body.new2026 .n26_info_btns { display: flex !important; gap: 8px !important; align-self: flex-start !important; flex-shrink: 0 !important; }
body.new2026 .n26_info_btns a { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 13px 28px !important; font-size: 15px !important; font-weight: 600 !important; border: none !important; transition: var(--hd-transition) !important; min-width: 110px !important; }
body.new2026 .n26_btn_dark { background: var(--hd-black) !important; color: var(--hd-white) !important; }
body.new2026 .n26_btn_dark:hover { background: var(--hd-gray-900) !important; color: var(--hd-white) !important; }
body.new2026 .n26_btn_bordered { background: var(--hd-white) !important; color: var(--hd-black) !important; border: 1px solid var(--hd-black) !important; }
body.new2026 .n26_btn_banner { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; padding: 20px 48px !important; font-size: 18px !important; font-weight: 700 !important; border: none !important; width: 100% !important; transition: var(--hd-transition) !important; letter-spacing: -0.3px !important; margin-top: 16px !important; }
body.new2026 .n26_btn_banner:hover { background: var(--hd-gray-900) !important; color: var(--hd-white) !important; }
/* === [오시는길 사각배너] === */
body.new2026 .n26_info_location { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; padding: 32px 40px !important; min-width: 160px !important; min-height: 160px !important; flex-shrink: 0 !important; transition: var(--hd-transition) !important; text-align: center !important; }
body.new2026 .n26_info_location:hover { background: var(--hd-gray-900) !important; color: var(--hd-white) !important; }
body.new2026 .n26_info_location i:first-child { font-size: 32px !important; }
body.new2026 .n26_info_location span { font-size: 18px !important; font-weight: 700 !important; }
body.new2026 .n26_info_location i:last-child { font-size: 14px !important; }
body.new2026 .n26_btn_banner i { font-size: 16px !important; }
body.new2026 .n26_btn_bordered:hover { background: var(--hd-gray-100) !important; }

/* === [Section Common - 벤치마킹 .sc-title 동기화] === */
body.new2026 .n26_section { padding: 80px 0 !important; }
body.new2026 .n26_section_line { border-top: 1px solid var(--hd-border) !important; }
body.new2026 .n26_section_title { font-size: 48px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 12px !important; letter-spacing: -0.8px !important; line-height: 1.2 !important; }
body.new2026 .n26_section_eng { font-size: 14px !important; font-weight: 400 !important; color: var(--hd-gray-500) !important; letter-spacing: 0.5px !important; margin-bottom: 36px !important; display: block !important; }
body.new2026 .n26_more_link { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 16px !important; font-weight: 600 !important; color: var(--hd-white) !important; background: var(--hd-black) !important; padding: 14px 36px !important; border-radius: 4px !important; transition: var(--hd-transition) !important; margin-top: 32px !important; }
body.new2026 .n26_more_link i { font-size: 14px !important; }
body.new2026 .n26_more_link:hover { background: var(--hd-gray-700) !important; color: var(--hd-white) !important; }

/* === [Program Section - 벤치마킹 .exhibition .con-box 동기화] === */
body.new2026 .n26_program_section { padding: 72px 0 !important; border-bottom: 1px solid var(--hd-border) !important; }
body.new2026 .n26_program_layout { display: flex !important; gap: 48px !important; align-items: stretch !important; }
body.new2026 .n26_program_info { flex: 1 !important; min-width: 0 !important; }
body.new2026 .n26_program_tags { display: flex !important; gap: 8px !important; margin-bottom: 14px !important; flex-wrap: wrap !important; }
body.new2026 .n26_program_tag { display: inline-block !important; font-size: 13px !important; font-weight: 600 !important; padding: 4px 12px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; }
body.new2026 .n26_program_tag.outline { background: var(--hd-white) !important; color: var(--hd-black) !important; border: 1px solid var(--hd-black) !important; }
body.new2026 .n26_program_name { font-size: 36px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 24px !important; letter-spacing: -0.5px !important; line-height: 1.35 !important; }
body.new2026 .n26_program_detail { margin-bottom: 28px !important; }
body.new2026 .n26_program_detail .n26_dsc_row { display: flex !important; margin-bottom: 4px !important; line-height: 1.8 !important; }
body.new2026 .n26_program_detail .n26_dsc_tit { font-size: 22px !important; font-weight: 600 !important; color: var(--hd-black) !important; min-width: 120px !important; flex-shrink: 0 !important; }
body.new2026 .n26_program_detail .n26_dsc_con { font-size: 22px !important; color: var(--hd-gray-700) !important; line-height: 1.6 !important; }
body.new2026 .n26_program_cta { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--hd-black) !important; border: 1px solid var(--hd-black) !important; padding: 10px 24px !important; transition: var(--hd-transition) !important; background: var(--hd-white) !important; }
body.new2026 .n26_program_cta:hover { background: var(--hd-black) !important; color: var(--hd-white) !important; }
body.new2026 .n26_program_image { width: 400px !important; flex-shrink: 0 !important; }
body.new2026 .n26_program_image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }

/* === [Calendar Section] === */
body.new2026 .n26_cal_section { padding: 72px 0 !important; background: var(--hd-gray-100) !important; }
body.new2026 .n26_cal_header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 32px !important; flex-wrap: wrap !important; gap: 16px !important; }
body.new2026 .n26_cal_nav { display: flex !important; align-items: center !important; gap: 16px !important; }
body.new2026 .n26_cal_nav > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border: 1px solid var(--hd-border) !important; background: var(--hd-white) !important; color: var(--hd-black) !important; font-size: 16px !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_cal_nav > a:hover { background: var(--hd-black) !important; color: var(--hd-white) !important; border-color: var(--hd-black) !important; }
body.new2026 .n26_cal_nav .n26_cal_month { font-size: 22px !important; font-weight: 800 !important; color: var(--hd-black) !important; min-width: 160px !important; text-align: center !important; }
body.new2026 .n26_cal_legend { display: flex !important; gap: 20px !important; }
body.new2026 .n26_cal_legend li { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; font-weight: 500 !important; color: var(--hd-gray-700) !important; }
body.new2026 .n26_cal_legend li::before { content: '' !important; width: 10px !important; height: 10px !important; }
body.new2026 .n26_cal_legend li:nth-child(1)::before { background: #D22682 !important; }
body.new2026 .n26_cal_legend li:nth-child(2)::before { background: #17A5A0 !important; }
body.new2026 .n26_cal_legend li:nth-child(3)::before { background: #D1BF3B !important; }
body.new2026 .n26_cal_actions { display: flex !important; gap: 8px !important; }
body.new2026 .n26_cal_actions a { padding: 10px 20px !important; font-size: 14px !important; font-weight: 600 !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_btn_primary { background: var(--hd-black) !important; color: var(--hd-white) !important; border: none !important; }
body.new2026 .n26_btn_primary:hover { background: var(--hd-gray-700) !important; color: var(--hd-white) !important; }
body.new2026 .n26_btn_outline { background: var(--hd-white) !important; color: var(--hd-black) !important; border: 1px solid var(--hd-border) !important; }
body.new2026 .n26_btn_outline:hover { border-color: var(--hd-black) !important; }
body.new2026 .n26_cal_table { width: 100% !important; border-collapse: collapse !important; background: var(--hd-white) !important; }
body.new2026 .n26_cal_table tr.info td { background: var(--hd-gray-100) !important; color: var(--hd-black) !important; font-size: 14px !important; font-weight: 700 !important; padding: 14px 8px !important; text-align: center !important; border-bottom: 2px solid var(--hd-black) !important; }
body.new2026 .n26_cal_table td { padding: 8px 6px !important; height: 120px !important; vertical-align: top !important; border: 1px solid var(--hd-gray-200) !important; font-size: 14px !important; background: var(--hd-white) !important; width: 14.28% !important; }
body.new2026 .n26_cal_table td.no_day { background: var(--hd-gray-100) !important; }
body.new2026 .n26_cal_table td.sch_Y { background: #FAFBFF !important; }
body.new2026 .n26_cal_table td button { background: none !important; border: none !important; cursor: default !important; width: 100% !important; text-align: left !important; font-size: 15px !important; font-weight: 700 !important; padding: 0 !important; font-family: var(--hd-font) !important; }
body.new2026 .n26_cal_table td button p { margin-top: 6px !important; overflow: visible !important; }
body.new2026 .n26_cal_table td button span { display: block !important; font-size: 12px !important; font-weight: 500 !important; color: #fff !important; padding: 3px 5px !important; margin-top: 2px !important; line-height: 1.4 !important; white-space: normal !important; word-break: keep-all !important; border-radius: 2px !important; height: auto !important; overflow: visible !important; }
body.new2026 .n26_cal_table td button span font { font-size: 12px !important; font-weight: 500 !important; color: inherit !important; display: inline !important; width: auto !important; margin-left: 0 !important; overflow: visible !important; white-space: normal !important; }
body.new2026 .n26_cal_table .off { background: #D22682 !important; color: #fff !important; }
body.new2026 .n26_cal_table .visit { background: #17A5A0 !important; color: #fff !important; }
body.new2026 .n26_cal_table .limit { background: #D1BF3B !important; color: #fff !important; }

/* === [Board Section - 벤치마킹 .notice .main-board 동기화] === */
body.new2026 .n26_board_section { padding: 72px 0 !important; background: var(--hd-white) !important; border-top: 1px solid var(--hd-border) !important; }
body.new2026 .n26_board_header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 28px !important; }
body.new2026 .n26_board_tabs { display: flex !important; gap: 0 !important; border-bottom: 2px solid var(--hd-black) !important; }
body.new2026 .n26_board_tabs li a { display: block !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 500 !important; color: var(--hd-gray-500) !important; position: relative !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_board_tabs li.active a { font-weight: 700 !important; background: var(--hd-black) !important; color: var(--hd-white) !important; }
body.new2026 .n26_board_tabs li.active a:hover { background: var(--hd-gray-900) !important; color: var(--hd-white) !important; }
body.new2026 .n26_board_tabs li a:hover { color: var(--hd-white) !important; background: var(--hd-gray-700) !important; }

/* 벤치마킹 .li > a.content-link 동기화 (badge + 제목 + 날짜 한줄) */
body.new2026 .n26_notice_list li { padding: 16px 0 !important; border-bottom: 1px solid var(--hd-gray-200) !important; }
body.new2026 .n26_notice_list li a.n26_content_link { display: flex !important; align-items: center !important; gap: 16px !important; }
body.new2026 .n26_notice_list li .n26_badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 600 !important; padding: 3px 10px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; white-space: nowrap !important; flex-shrink: 0 !important; }
body.new2026 .n26_notice_list li .n26_con_title { font-size: 15px !important; color: var(--hd-black) !important; font-weight: 400 !important; flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; line-height: 1.5 !important; }
body.new2026 .n26_notice_list li .n26_date { font-size: 13px !important; color: var(--hd-gray-500) !important; white-space: nowrap !important; flex-shrink: 0 !important; }
body.new2026 .n26_notice_list li:hover .n26_con_title { color: var(--hd-gray-700) !important; }

/* 활동소식 갤러리 */
body.new2026 .n26_gallery_grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
body.new2026 .n26_gallery_grid li a { display: block !important; overflow: hidden !important; }
body.new2026 .n26_gallery_grid li img { width: 100% !important; height: 200px !important; object-fit: cover !important; transition: transform 0.4s ease !important; }
body.new2026 .n26_gallery_grid li a:hover img { transform: scale(1.05) !important; }
body.new2026 .n26_gallery_grid .n26_gal_info { padding: 14px 0 !important; }
body.new2026 .n26_gallery_grid .n26_gal_title { font-size: 15px !important; font-weight: 500 !important; color: var(--hd-black) !important; margin-bottom: 4px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.new2026 .n26_gallery_grid .n26_gal_date { font-size: 13px !important; color: var(--hd-gray-500) !important; }
body.new2026 .n26_gallery_grid .n26_gal_tag { display: inline-block !important; font-size: 12px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; padding: 2px 8px !important; margin-left: 6px !important; }

/* 게시판 더보기 링크 */
body.new2026 .n26_board_more { text-align: right !important; margin-top: 24px !important; }
body.new2026 .n26_board_more a { font-size: 14px !important; font-weight: 500 !important; color: var(--hd-gray-700) !important; }
body.new2026 .n26_board_more a:hover { color: var(--hd-black) !important; }
body.new2026 .n26_board_more a i { margin-left: 4px !important; font-size: 12px !important; }

/* === [Footer] === */
body.new2026 .n26_footer { background: var(--hd-bg-dark) !important; padding: 48px 0 !important; }
body.new2026 .n26_footer_inner { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 40px !important; }
body.new2026 .n26_footer_logo img { height: 48px !important; width: auto !important; opacity: 0.9 !important; }
body.new2026 .n26_footer_info { flex: 1 !important; }
body.new2026 .n26_footer_info dl { display: flex !important; flex-wrap: wrap !important; gap: 4px 24px !important; margin: 0 !important; }
body.new2026 .n26_footer_info dd { font-size: 13px !important; color: rgba(255,255,255,0.5) !important; line-height: 1.8 !important; margin: 0 !important; }
body.new2026 .n26_footer_info dd .n26_info_label { color: rgba(255,255,255,0.8) !important; font-weight: 600 !important; margin-right: 8px !important; }
body.new2026 .n26_footer_copy { font-size: 12px !important; color: rgba(255,255,255,0.3) !important; margin-top: 20px !important; }

/* === [Modal] === */
body.new2026 .modal .modal-content { border-radius: 0 !important; border: none !important; }
body.new2026 .modal .modal-body { padding: 40px !important; }
body.new2026 .modal .form_box .row { margin-bottom: 14px !important; }
body.new2026 .modal .form_box .col-2 { font-weight: 700 !important; font-size: 15px !important; }
body.new2026 .modal .form-control, body.new2026 .modal .form-select { border-radius: 0 !important; border: 1px solid var(--hd-border) !important; padding: 12px 14px !important; font-size: 15px !important; }
body.new2026 .modal .form-control:focus, body.new2026 .modal .form-select:focus { border-color: var(--hd-black) !important; box-shadow: none !important; }
body.new2026 .modal .main_md_btn { background: var(--hd-black) !important; color: var(--hd-white) !important; border-radius: 0 !important; padding: 16px 36px !important; font-size: 16px !important; font-weight: 700 !important; }
body.new2026 .modal .main_md_btn:hover { background: var(--hd-gray-700) !important; color: var(--hd-white) !important; }

/* === [Responsive] === */
@media (max-width: 768px) {
body.new2026 .n26_gnb { display: none !important; }
body.new2026 .n26_allmenu_btn { display: none !important; }
body.new2026 .n26_ham { display: flex !important; }
body.new2026 { --hd-header-h: 60px; }
body.new2026 .n26_header { height: 60px !important; }
body.new2026 .n26_logo img { height: 50px !important; }
body.new2026 .n26_logo_text { font-size: 15px !important; }
body.new2026 .n26_hero_title { font-size: 26px !important; }
body.new2026 .n26_main_slide .splide__slide { height: 642px !important; }
body.new2026 .n26_info_items { grid-template-columns: 1fr !important; gap: 20px !important; }
body.new2026 .n26_info_btns { width: 100% !important; }
body.new2026 .n26_info_location { flex-direction: row !important; min-height: auto !important; padding: 20px 28px !important; min-width: auto !important; width: 100% !important; }
body.new2026 .n26_info_btns a { flex: 1 !important; }
body.new2026 .n26_section, body.new2026 .n26_board_section, body.new2026 .n26_cal_section, body.new2026 .n26_program_section { padding: 48px 0 !important; }
body.new2026 .n26_section_title { font-size: 36px !important; }
body.new2026 .n26_program_layout { flex-direction: column !important; gap: 28px !important; }
body.new2026 .n26_program_image { width: 100% !important; }
body.new2026 .n26_program_name { font-size: 28px !important; }
body.new2026 .n26_gallery_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
body.new2026 .n26_cal_header { flex-direction: column !important; }
body.new2026 .n26_cal_table td { height: 80px !important; }
body.new2026 .n26_cal_table td button { font-size: 13px !important; }
body.new2026 .n26_cal_table td button span { font-size: 9px !important; height: auto !important; overflow: visible !important; }
body.new2026 .n26_footer_inner { flex-direction: column !important; }
body.new2026 .n26_container { padding: 0 20px !important; }
body.new2026 .n26_allmenu_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 28px !important; }
body.new2026 .n26_board_tabs li a { padding: 10px 18px !important; font-size: 14px !important; }
body.new2026 .n26_notice_list li a.n26_content_link { flex-wrap: wrap !important; }
body.new2026 .n26_notice_list li .n26_con_title { min-width: calc(100% - 90px) !important; }
}

@media (max-width: 480px) {
body.new2026 .n26_hero_title { font-size: 22px !important; }
body.new2026 .n26_main_slide .splide__slide { height: 390px !important; }
body.new2026 .n26_info_items { flex-direction: column !important; gap: 16px !important; }
body.new2026 .n26_gallery_grid { grid-template-columns: 1fr !important; }
body.new2026 .n26_container { padding: 0 16px !important; }
body.new2026 .n26_section_title { font-size: 30px !important; }
body.new2026 .n26_allmenu_grid { grid-template-columns: 1fr !important; }
body.new2026 .n26_cal_nav .n26_cal_month { font-size: 20px !important; }
body.new2026 .n26_program_name { font-size: 24px !important; }
}

/* ================================================================ */
/* === [SUB PAGE - 웹진 스타일 서브페이지 디자인] === */
/* ================================================================ */

/* --- Sub Page Layout (fixed header offset) --- */
body.new2026 .sub_page { padding-top: var(--hd-header-h) !important; display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 1 !important; min-height: 500px !important; background: #fff !important; }
body.new2026 .sub_page > * { visibility: visible !important; opacity: 1 !important; }
body.new2026 .n26_sub_hero { display: block !important; visibility: visible !important; opacity: 1 !important; }
body.new2026 .n26_sub_content { display: block !important; visibility: visible !important; opacity: 1 !important; }
body.new2026 .n26_breadcrumb { visibility: visible !important; opacity: 1 !important; }
/* --- Sub Page Hero Banner --- */
body.new2026 .n26_sub_hero { position: relative !important; width: 100% !important; height: 320px !important; overflow: hidden !important; }
body.new2026 .n26_sub_hero img { width: 100% !important; height: 100% !important; object-fit: cover !important; filter: brightness(0.55) !important; }
body.new2026 .n26_sub_hero_overlay { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; z-index: 2 !important; }
body.new2026 .n26_sub_hero_title { font-size: 42px !important; font-weight: 800 !important; color: #fff !important; letter-spacing: -0.02em !important; margin-bottom: 12px !important; }
body.new2026 .n26_sub_hero_desc { font-size: 16px !important; font-weight: 400 !important; color: rgba(255,255,255,0.8) !important; }

/* --- Breadcrumb --- */
body.new2026 .n26_breadcrumb { max-width: 1200px !important; margin: 0 auto !important; padding: 20px 24px !important; display: flex !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; color: var(--hd-gray-500) !important; }
body.new2026 .n26_breadcrumb li { display: inline-flex !important; align-items: center !important; list-style: none !important; }
body.new2026 .n26_breadcrumb li a { color: var(--hd-gray-500) !important; }
body.new2026 .n26_breadcrumb li:last-child { color: var(--hd-black) !important; font-weight: 600 !important; }
body.new2026 .n26_breadcrumb i { font-size: 10px !important; color: var(--hd-gray-400) !important; margin: 0 2px !important; }

/* --- Sub Tab Navigation (기존 network_ul 대체) --- */
body.new2026 .n26_sub_tabs { max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; display: flex !important; justify-content: center !important; gap: 0 !important; border-bottom: 2px solid var(--hd-black) !important; margin-bottom: 60px !important; }
body.new2026 .n26_sub_tabs li { list-style: none !important; }
body.new2026 .n26_sub_tabs li a { display: block !important; padding: 14px 32px !important; font-size: 15px !important; font-weight: 500 !important; color: var(--hd-gray-500) !important; border: 1px solid transparent !important; border-bottom: none !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_sub_tabs li.active a { color: var(--hd-black) !important; font-weight: 700 !important; background: var(--hd-white) !important; border-color: var(--hd-black) !important; border-bottom: 2px solid var(--hd-white) !important; margin-bottom: -2px !important; }
body.new2026 .n26_sub_tabs li a:hover { color: var(--hd-black) !important; }

/* --- Sub Content Layout --- */
body.new2026 .n26_sub_content { max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px 100px !important; }
body.new2026 .n26_sub_section { margin-bottom: 80px !important; }
body.new2026 .n26_sub_section:last-child { margin-bottom: 0 !important; }

/* --- Section Title (웹진 스타일) --- */
body.new2026 .n26_sub_stitle { font-size: 36px !important; font-weight: 800 !important; color: var(--hd-black) !important; letter-spacing: -0.03em !important; line-height: 1.3 !important; margin-bottom: 24px !important; }
body.new2026 .n26_sub_stitle span { display: block !important; font-size: 14px !important; font-weight: 500 !important; color: var(--hd-gray-500) !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; margin-bottom: 8px !important; }

/* --- Webzine Text Block --- */
body.new2026 .n26_sub_text { font-size: 16px !important; line-height: 1.85 !important; color: var(--hd-gray-700) !important; word-break: keep-all !important; }
body.new2026 .n26_sub_text strong { color: var(--hd-black) !important; font-weight: 700 !important; }

/* --- Full Bleed Image --- */
body.new2026 .n26_sub_img_full { width: 100% !important; margin: 40px 0 !important; border-radius: 8px !important; overflow: hidden !important; }
body.new2026 .n26_sub_img_full img { width: 100% !important; height: auto !important; display: block !important; }

/* --- Facility Card Grid (주요시설 - 지그재그 레이아웃) --- */
body.new2026 .n26_facility_item { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; margin-bottom: 0 !important; min-height: 400px !important; }
body.new2026 .n26_facility_item:nth-child(even) .n26_facility_img { order: 2 !important; }
body.new2026 .n26_facility_item:nth-child(even) .n26_facility_text { order: 1 !important; }
body.new2026 .n26_facility_img { overflow: hidden !important; }
body.new2026 .n26_facility_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform 0.6s ease !important; }
body.new2026 .n26_facility_item:hover .n26_facility_img img { transform: scale(1.05) !important; }
body.new2026 .n26_facility_text { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 48px 56px !important; background: var(--hd-gray-100) !important; }
body.new2026 .n26_facility_item:nth-child(even) .n26_facility_text { background: var(--hd-white) !important; }
body.new2026 .n26_facility_num { font-size: 64px !important; font-weight: 900 !important; color: var(--hd-gray-200) !important; line-height: 1 !important; margin-bottom: 12px !important; }
body.new2026 .n26_facility_name { font-size: 28px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 16px !important; }
body.new2026 .n26_facility_desc { font-size: 16px !important; line-height: 1.7 !important; color: var(--hd-gray-600) !important; }

/* --- Outdoor Grid (외부전시물 카드) --- */
body.new2026 .n26_outdoor_grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; margin-top: 40px !important; }
body.new2026 .n26_outdoor_card { overflow: hidden !important; border-radius: 8px !important; background: var(--hd-white) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
body.new2026 .n26_outdoor_card:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; }
body.new2026 .n26_outdoor_card img { width: 100% !important; height: 220px !important; object-fit: cover !important; display: block !important; }
body.new2026 .n26_outdoor_card p { padding: 16px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--hd-black) !important; text-align: center !important; }

/* --- Info Guide (이용안내) --- */
body.new2026 .n26_info_guide { margin-top: 60px !important; }
body.new2026 .n26_info_guide_title { font-size: 32px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 40px !important; padding-bottom: 16px !important; border-bottom: 3px solid var(--hd-black) !important; }
body.new2026 .n26_info_guide_item { display: grid !important; grid-template-columns: 160px 1fr !important; gap: 0 !important; padding: 28px 0 !important; border-bottom: 1px solid var(--hd-gray-200) !important; }
body.new2026 .n26_info_guide_item:last-child { border-bottom: none !important; }
body.new2026 .n26_info_guide_label { font-size: 17px !important; font-weight: 700 !important; color: var(--hd-black) !important; padding-top: 2px !important; }
body.new2026 .n26_info_guide_value { font-size: 15px !important; line-height: 1.8 !important; color: var(--hd-gray-700) !important; }

/* --- Map Section (오시는길) --- */
body.new2026 .maps { margin-top: 40px !important; border-radius: 8px !important; overflow: hidden !important; border: 1px solid var(--hd-gray-200) !important; }
body.new2026 .maps * { box-sizing: content-box !important; max-width: none !important; }
body.new2026 .maps img { max-width: none !important; height: unset !important; }
body.new2026 .n26_map_info { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; margin-top: 32px !important; }
body.new2026 .n26_map_info_item { padding: 24px 32px !important; border-left: 3px solid var(--hd-black) !important; }
body.new2026 .n26_map_info_label { font-size: 13px !important; font-weight: 700 !important; color: var(--hd-gray-500) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-bottom: 8px !important; }
body.new2026 .n26_map_info_value { font-size: 17px !important; font-weight: 500 !important; color: var(--hd-black) !important; line-height: 1.6 !important; }

/* --- Bus Info (교통안내) --- */
body.new2026 .n26_bus_section { margin-top: 60px !important; }
body.new2026 .n26_bus_title { font-size: 24px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 32px !important; }
body.new2026 .n26_bus_group { display: grid !important; grid-template-columns: 120px 1fr !important; gap: 24px !important; padding: 24px 0 !important; border-bottom: 1px solid var(--hd-gray-200) !important; align-items: start !important; }
body.new2026 .n26_bus_type { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; }
body.new2026 .n26_bus_type img { width: 48px !important; height: auto !important; }
body.new2026 .n26_bus_type span { font-size: 14px !important; font-weight: 700 !important; color: var(--hd-black) !important; }
body.new2026 .n26_bus_stop { font-size: 15px !important; font-weight: 700 !important; color: var(--hd-black) !important; margin-bottom: 12px !important; }
body.new2026 .n26_bus_list { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 20px !important; }
body.new2026 .n26_bus_badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 13px !important; font-weight: 600 !important; }
body.new2026 .n26_bus_badge.yellow { background: #FFF8E1 !important; color: #F57F17 !important; border: 1px solid #FFE082 !important; }
body.new2026 .n26_bus_badge.green { background: #E8F5E9 !important; color: #2E7D32 !important; border: 1px solid #A5D6A7 !important; }
body.new2026 .n26_bus_badge.red { background: #FFEBEE !important; color: #C62828 !important; border: 1px solid #EF9A9A !important; }
body.new2026 .n26_bus_badge.subway { background: #E3F2FD !important; color: #1565C0 !important; border: 1px solid #90CAF9 !important; }

/* --- Program Card (교육프로그램) --- */
body.new2026 .n26_program_card { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; margin-bottom: 60px !important; background: var(--hd-white) !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; min-height: 420px !important; }
body.new2026 .n26_program_card:nth-child(even) .n26_program_img { order: 2 !important; }
body.new2026 .n26_program_card:nth-child(even) .n26_program_body { order: 1 !important; }
body.new2026 .n26_program_img { overflow: hidden !important; }
body.new2026 .n26_program_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
body.new2026 .n26_program_body { padding: 48px 40px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
body.new2026 .n26_program_name { font-size: 28px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 28px !important; }
body.new2026 .n26_program_dl { margin-bottom: 12px !important; display: grid !important; grid-template-columns: 80px 1fr !important; gap: 8px !important; }
body.new2026 .n26_program_dt { font-size: 14px !important; font-weight: 700 !important; color: var(--hd-gray-500) !important; }
body.new2026 .n26_program_dd { font-size: 14px !important; line-height: 1.7 !important; color: var(--hd-gray-700) !important; }
body.new2026 .n26_program_btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-top: 24px !important; padding: 12px 28px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; font-size: 14px !important; font-weight: 600 !important; border-radius: 4px !important; transition: var(--hd-transition) !important; }
body.new2026 .n26_program_btn:hover { background: var(--hd-gray-700) !important; color: var(--hd-white) !important; }

/* --- RE100 Content Boxes --- */
body.new2026 .n26_re100_intro { font-size: 20px !important; line-height: 1.7 !important; color: var(--hd-gray-700) !important; margin-bottom: 40px !important; }
body.new2026 .n26_re100_intro strong { color: #2E7D32 !important; font-weight: 700 !important; }
body.new2026 .n26_re100_check { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 16px 0 !important; border-bottom: 1px solid var(--hd-gray-100) !important; }
body.new2026 .n26_re100_check i { color: #2E7D32 !important; font-size: 18px !important; margin-top: 2px !important; flex-shrink: 0 !important; }
body.new2026 .n26_re100_check p { font-size: 16px !important; line-height: 1.7 !important; color: var(--hd-gray-700) !important; }

/* --- Grade Table (RE100 인증 등급) --- */
body.new2026 .n26_grade_table { width: 100% !important; border-collapse: collapse !important; margin-top: 24px !important; }
body.new2026 .n26_grade_table th { background: var(--hd-black) !important; color: var(--hd-white) !important; padding: 14px 20px !important; font-size: 14px !important; font-weight: 600 !important; text-align: left !important; }
body.new2026 .n26_grade_table td { padding: 16px 20px !important; font-size: 14px !important; line-height: 1.7 !important; border-bottom: 1px solid var(--hd-gray-200) !important; color: var(--hd-gray-700) !important; vertical-align: top !important; }
body.new2026 .n26_grade_table td:first-child { font-weight: 700 !important; color: var(--hd-black) !important; width: 200px !important; }
body.new2026 .n26_grade_table tr:hover td { background: var(--hd-gray-50) !important; }

/* --- Circle Goals (RE100 활동목표) --- */
body.new2026 .n26_goal_grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin: 40px 0 !important; }
body.new2026 .n26_goal_card { text-align: center !important; padding: 40px 24px !important; background: var(--hd-gray-50) !important; border-radius: 12px !important; border: 1px solid var(--hd-gray-200) !important; }
body.new2026 .n26_goal_card p:first-child { font-size: 14px !important; line-height: 1.7 !important; color: var(--hd-gray-600) !important; margin-bottom: 16px !important; }
body.new2026 .n26_goal_card p:last-child { font-size: 20px !important; font-weight: 800 !important; color: #2E7D32 !important; }

/* --- Timeline (연혁) --- */
body.new2026 .n26_timeline { position: relative !important; padding-left: 40px !important; margin-top: 40px !important; }
body.new2026 .n26_timeline::before { content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 2px !important; background: var(--hd-gray-200) !important; }
body.new2026 .n26_timeline_year { font-size: 36px !important; font-weight: 900 !important; color: var(--hd-black) !important; margin-bottom: 24px !important; position: relative !important; }
body.new2026 .n26_timeline_year::before { content: '' !important; position: absolute !important; left: -46px !important; top: 50% !important; transform: translateY(-50%) !important; width: 14px !important; height: 14px !important; background: var(--hd-black) !important; border-radius: 50% !important; }
body.new2026 .n26_timeline_item { display: grid !important; grid-template-columns: 140px 1fr !important; gap: 16px !important; padding: 8px 0 !important; font-size: 14px !important; }
body.new2026 .n26_timeline_date { color: var(--hd-gray-500) !important; font-weight: 500 !important; }
body.new2026 .n26_timeline_text { color: var(--hd-gray-700) !important; line-height: 1.6 !important; }
body.new2026 .n26_timeline_group { margin-bottom: 48px !important; }

/* --- Network Activity Card (주요활동) --- */
body.new2026 .n26_activity_card { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; margin-bottom: 48px !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; min-height: 380px !important; }
body.new2026 .n26_activity_card:nth-child(even) { direction: rtl !important; }
body.new2026 .n26_activity_card:nth-child(even) > * { direction: ltr !important; }
body.new2026 .n26_activity_img { overflow: hidden !important; }
body.new2026 .n26_activity_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
body.new2026 .n26_activity_body { padding: 40px 36px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; background: var(--hd-white) !important; }
body.new2026 .n26_activity_subtitle { font-size: 14px !important; font-weight: 500 !important; color: var(--hd-gray-500) !important; margin-bottom: 4px !important; }
body.new2026 .n26_activity_name { font-size: 28px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 24px !important; }
body.new2026 .n26_activity_dl { display: grid !important; grid-template-columns: 60px 1fr !important; gap: 4px 12px !important; font-size: 14px !important; margin-bottom: 8px !important; }
body.new2026 .n26_activity_dl dt { font-weight: 700 !important; color: var(--hd-gray-500) !important; }
body.new2026 .n26_activity_dl dd { color: var(--hd-gray-700) !important; line-height: 1.6 !important; }

/* --- Link Box (RE100 참여하기) --- */
body.new2026 .n26_link_box { margin-top: 32px !important; }
body.new2026 .n26_link_item { display: grid !important; grid-template-columns: 240px 1fr !important; gap: 16px !important; padding: 20px 0 !important; border-bottom: 1px solid var(--hd-gray-200) !important; align-items: center !important; }
body.new2026 .n26_link_label { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 10px 20px !important; background: var(--hd-black) !important; color: var(--hd-white) !important; font-size: 14px !important; font-weight: 600 !important; border-radius: 4px !important; }
body.new2026 .n26_link_value { font-size: 16px !important; color: var(--hd-gray-700) !important; }
body.new2026 .n26_link_value a { color: #1565C0 !important; text-decoration: underline !important; }

/* --- Sub Page Responsive --- */
@media (max-width: 768px) {
body.new2026 .n26_sub_hero { height: 220px !important; }
body.new2026 .n26_sub_hero_title { font-size: 28px !important; }
body.new2026 .n26_sub_tabs li a { padding: 10px 16px !important; font-size: 13px !important; }
body.new2026 .n26_facility_item { grid-template-columns: 1fr !important; min-height: auto !important; }
body.new2026 .n26_facility_item:nth-child(even) .n26_facility_img { order: 1 !important; }
body.new2026 .n26_facility_item:nth-child(even) .n26_facility_text { order: 2 !important; }
body.new2026 .n26_facility_img { height: 260px !important; }
body.new2026 .n26_facility_text { padding: 32px 24px !important; }
body.new2026 .n26_outdoor_grid { grid-template-columns: repeat(2, 1fr) !important; }
body.new2026 .n26_info_guide_item { grid-template-columns: 1fr !important; gap: 8px !important; }
body.new2026 .n26_map_info { grid-template-columns: 1fr !important; }
body.new2026 .n26_bus_group { grid-template-columns: 1fr !important; }
body.new2026 .n26_program_card { grid-template-columns: 1fr !important; min-height: auto !important; }
body.new2026 .n26_program_card:nth-child(even) .n26_program_img { order: 1 !important; }
body.new2026 .n26_program_card:nth-child(even) .n26_program_body { order: 2 !important; }
body.new2026 .n26_program_img { height: 260px !important; }
body.new2026 .n26_goal_grid { grid-template-columns: 1fr !important; }
body.new2026 .n26_activity_card { grid-template-columns: 1fr !important; min-height: auto !important; }
body.new2026 .n26_activity_card:nth-child(even) { direction: ltr !important; }
body.new2026 .n26_activity_img { height: 260px !important; }
body.new2026 .n26_link_item { grid-template-columns: 1fr !important; }
body.new2026 .n26_sub_stitle { font-size: 28px !important; }
body.new2026 .n26_timeline_item { grid-template-columns: 100px 1fr !important; }
}

/* ================================================================ */
/* === [2026 메인페이지 개선 - v6 업데이트] === */
/* ================================================================ */

/* === [에코 그린 악센트 컬러] === */
body.new2026 { --hd-eco: #16A34A; --hd-eco-light: #DCFCE7; --hd-eco-dark: #15803D; }

/* === [Hero Slide 텍스트 개선] === */
body.new2026 .n26_slide_content { position: absolute !important; bottom: auto !important; top: 50% !important; left: 60px !important; right: auto !important; transform: translateY(-50%) !important; z-index: 2 !important; text-align: left !important; max-width: 600px !important; }
body.new2026 .n26_slide_sub { font-size: 15px !important; font-weight: 500 !important; color: rgba(255,255,255,0.85) !important; letter-spacing: 1px !important; margin-bottom: 12px !important; text-shadow: 0 1px 4px rgba(0,0,0,0.3) !important; }
body.new2026 .n26_slide_main { font-size: 40px !important; font-weight: 300 !important; color: var(--hd-white) !important; line-height: 1.4 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.25) !important; letter-spacing: -0.5px !important; }
body.new2026 .n26_slide_main strong { font-weight: 800 !important; }
body.new2026 .n26_main_slide .splide__slide::before { content: '' !important; position: absolute !important; inset: 0 !important; background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%) !important; z-index: 1 !important; }

/* === [스크롤 인디케이터] === */
body.new2026 .n26_scroll_indicator { position: absolute !important; bottom: 32px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; }
body.new2026 .n26_scroll_indicator span { display: block !important; width: 1px !important; height: 40px !important; background: rgba(255,255,255,0.6) !important; animation: n26ScrollBounce 1.5s ease-in-out infinite !important; }
body.new2026 .n26_scroll_indicator small { font-size: 10px !important; font-weight: 600 !important; color: rgba(255,255,255,0.7) !important; letter-spacing: 2px !important; }
@keyframes n26ScrollBounce { 0%, 100% { opacity: 0.3; transform: scaleY(0.6); } 50% { opacity: 1; transform: scaleY(1); } }

/* === [퀵링크 카드 섹션] === */
body.new2026 .n26_quick_section { padding: 0 !important; margin-top: -60px !important; position: relative !important; z-index: 10 !important; }
body.new2026 .n26_quick_grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; }
body.new2026 .n26_quick_card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 36px 20px !important; background: var(--hd-white) !important; text-align: center !important; transition: all 0.3s ease !important; border: 1px solid var(--hd-gray-200) !important; border-right: none !important; position: relative !important; }
body.new2026 .n26_quick_card:last-child { border-right: 1px solid var(--hd-gray-200) !important; }
body.new2026 .n26_quick_card:hover { background: var(--hd-eco) !important; transform: translateY(-4px) !important; box-shadow: 0 8px 24px rgba(22,163,74,0.2) !important; z-index: 2 !important; border-color: var(--hd-eco) !important; }
body.new2026 .n26_quick_card:hover * { color: var(--hd-white) !important; }
body.new2026 .n26_quick_icon { width: 56px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 14px !important; border-radius: 50% !important; background: var(--hd-eco-light) !important; transition: all 0.3s ease !important; }
body.new2026 .n26_quick_icon i { font-size: 24px !important; color: var(--hd-eco) !important; transition: all 0.3s ease !important; }
body.new2026 .n26_quick_card:hover .n26_quick_icon { background: rgba(255,255,255,0.2) !important; }
body.new2026 .n26_quick_card:hover .n26_quick_icon i { color: var(--hd-white) !important; }
body.new2026 .n26_quick_card strong { font-size: 17px !important; font-weight: 700 !important; color: var(--hd-black) !important; margin-bottom: 4px !important; display: block !important; }
body.new2026 .n26_quick_card span { font-size: 13px !important; color: var(--hd-gray-500) !important; display: block !important; }

/* === [Fade-up 스크롤 애니메이션] === */
body.new2026 .n26_fade_up { opacity: 0 !important; transform: translateY(40px) !important; transition: opacity 0.7s ease, transform 0.7s ease !important; }
body.new2026 .n26_fade_up.visible { opacity: 1 !important; transform: translateY(0) !important; }

/* === [CTA 버튼 에코 그린 적용] === */
body.new2026 .n26_program_cta { border-color: var(--hd-eco) !important; color: var(--hd-eco) !important; }
body.new2026 .n26_program_cta:hover { background: var(--hd-eco) !important; color: var(--hd-white) !important; border-color: var(--hd-eco) !important; }
body.new2026 .n26_btn_primary { background: var(--hd-eco) !important; }
body.new2026 .n26_btn_primary:hover { background: var(--hd-eco-dark) !important; }
body.new2026 .n26_more_link { background: var(--hd-eco) !important; border-radius: 4px !important; }
body.new2026 .n26_more_link:hover { background: var(--hd-eco-dark) !important; }
body.new2026 .n26_program_tag { background: var(--hd-eco) !important; }

/* === [인포바 개선] === */

/* === [게시판 탭 액센트] === */
body.new2026 .n26_board_tabs li.active a { background: var(--hd-eco) !important; }
body.new2026 .n26_board_tabs li.active a:hover { background: var(--hd-eco-dark) !important; }
body.new2026 .n26_board_tabs li a:hover { background: var(--hd-gray-100) !important; color: var(--hd-black) !important; }
body.new2026 .n26_notice_list li .n26_badge { background: var(--hd-eco) !important; }

/* === [캘린더 섹션 배경 개선] === */
body.new2026 .n26_cal_section { background: var(--hd-gray-100) !important; border-top: 1px solid var(--hd-gray-200) !important; border-bottom: 1px solid var(--hd-gray-200) !important; }

/* === [프로그램 섹션 디테일 개선] === */
body.new2026 .n26_program_detail .n26_dsc_tit { font-size: 15px !important; min-width: 80px !important; }
body.new2026 .n26_program_detail .n26_dsc_con { font-size: 15px !important; }

/* === [메인페이지 v6 반응형 추가] === */
@media (max-width: 768px) {
body.new2026 .n26_quick_grid { grid-template-columns: repeat(2, 1fr) !important; }
body.new2026 .n26_quick_section { margin-top: -40px !important; }
body.new2026 .n26_quick_card { padding: 24px 16px !important; }
body.new2026 .n26_quick_icon { width: 44px !important; height: 44px !important; }
body.new2026 .n26_quick_icon i { font-size: 20px !important; }
body.new2026 .n26_quick_card strong { font-size: 15px !important; }
body.new2026 .n26_slide_content { left: 24px !important; right: 24px !important; max-width: none !important; }
body.new2026 .n26_slide_main { font-size: 28px !important; }
body.new2026 .n26_slide_sub { font-size: 13px !important; }
body.new2026 .n26_scroll_indicator { bottom: 20px !important; }
}

@media (max-width: 480px) {
body.new2026 .n26_quick_grid { grid-template-columns: repeat(2, 1fr) !important; }
body.new2026 .n26_quick_section { margin-top: -32px !important; }
body.new2026 .n26_quick_card { padding: 20px 12px !important; }
body.new2026 .n26_quick_card strong { font-size: 14px !important; }
body.new2026 .n26_quick_card span { font-size: 11px !important; }
body.new2026 .n26_slide_main { font-size: 22px !important; }
body.new2026 .n26_scroll_indicator { display: none !important; }
}

/* ================================================================ */
/* === [2026 메인페이지 v7 - 9건 요청사항 반영] === */
/* ================================================================ */

/* === [1. PC GNB 메뉴 고급화] === */
body.new2026 .n26_header { background: rgba(255,255,255,0.97) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: none !important; box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important; }
body.new2026 .n26_header.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; }
body.new2026 .n26_gnb > li > a { font-size: 15px !important; font-weight: 500 !important; color: var(--hd-gray-700) !important; padding: 0 18px !important; letter-spacing: -0.2px !important; transition: color 0.25s ease !important; }
body.new2026 .n26_gnb > li > a:hover { color: var(--hd-eco) !important; }
body.new2026 .n26_gnb > li > a.on { color: var(--hd-eco) !important; font-weight: 700 !important; }
body.new2026 .n26_gnb > li > a::after { content: '' !important; position: absolute !important; bottom: -1px !important; left: 18px !important; right: 18px !important; height: 3px !important; background: var(--hd-eco) !important; transform: scaleX(0) !important; transition: transform 0.3s cubic-bezier(0.4,0,0.2,1) !important; border-radius: 2px 2px 0 0 !important; }
body.new2026 .n26_gnb > li:hover > a::after, body.new2026 .n26_gnb > li > a.on::after { transform: scaleX(1) !important; }
body.new2026 .n26_gnb_sub { border: none !important; border-radius: 8px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important; padding: 12px 0 !important; min-width: 220px !important; transform: translateY(8px) !important; }
body.new2026 .n26_gnb > li:hover .n26_gnb_sub { transform: translateY(0) !important; }
body.new2026 .n26_gnb_sub li a { padding: 10px 24px !important; font-size: 14px !important; color: var(--hd-gray-700) !important; transition: all 0.2s ease !important; }
body.new2026 .n26_gnb_sub li a:hover { color: var(--hd-eco) !important; background: var(--hd-eco-light) !important; padding-left: 28px !important; }
body.new2026 .n26_allmenu_btn { background: var(--hd-eco) !important; }
body.new2026 .n26_allmenu_btn:hover { background: var(--hd-eco-dark) !important; }

/* === [2,3. 팝업창(inc_popup) 상단 가림 + 닫기버튼 수정] === */
body.new2026 .modal { z-index: 99990 !important; }
body.new2026 .modal-backdrop { z-index: 99989 !important; }
body.new2026 .modal .modal-dialog { margin-top: 80px !important; }
body.new2026 .modal .modal-dialog-centered { margin-top: auto !important; }
body.new2026 .modal .btn-close, body.new2026 .modal .btn.btn-close { position: absolute !important; top: 16px !important; right: 16px !important; z-index: 10 !important; width: 36px !important; height: 36px !important; opacity: 1 !important; background: var(--hd-white) !important; border: 1px solid var(--hd-gray-300) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; padding: 0 !important; cursor: pointer !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; transition: all 0.2s ease !important; }
body.new2026 .modal .btn-close::before, body.new2026 .modal .btn.btn-close::before { content: '\e921' !important; font-family: 'xeicon' !important; font-size: 16px !important; color: var(--hd-black) !important; line-height: 1 !important; }
body.new2026 .modal .btn-close:hover, body.new2026 .modal .btn.btn-close:hover { background: var(--hd-black) !important; border-color: var(--hd-black) !important; }
body.new2026 .modal .btn-close:hover::before, body.new2026 .modal .btn.btn-close:hover::before { color: var(--hd-white) !important; }
body.new2026 .modal .btn-close .btn-close-icon, body.new2026 .modal .btn-close svg { display: none !important; }
body.new2026 .modal .modal-content { position: relative !important; border-radius: 12px !important; overflow: hidden !important; }

/* 운영사이트 팝업(at_popup) z-index + 위치 */

/* === [5. 인포바 오시는길 배너 삭제 후 정렬] === */

/* === [6. 교육프로그램 버튼 영역] === */
body.new2026 .n26_program_btns { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }
body.new2026 .n26_program_cta_outline { border-color: var(--hd-gray-300) !important; color: var(--hd-gray-700) !important; background: var(--hd-white) !important; }
body.new2026 .n26_program_cta_outline:hover { background: var(--hd-gray-100) !important; border-color: var(--hd-gray-500) !important; color: var(--hd-black) !important; }

/* === [8. 달력 디자인 고급화] === */
body.new2026 .n26_cal_section { padding: 80px 0 !important; background: linear-gradient(180deg, #F8FAFB 0%, #FFFFFF 100%) !important; border-top: none !important; border-bottom: none !important; }
body.new2026 .n26_cal_header { margin-bottom: 40px !important; }
body.new2026 .n26_cal_nav { display: flex !important; align-items: center !important; gap: 20px !important; }
body.new2026 .n26_cal_nav > a { width: 40px !important; height: 40px !important; border-radius: 50% !important; border: 1px solid var(--hd-gray-300) !important; background: var(--hd-white) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important; }
body.new2026 .n26_cal_nav > a:hover { background: var(--hd-eco) !important; color: var(--hd-white) !important; border-color: var(--hd-eco) !important; box-shadow: 0 4px 12px rgba(22,163,74,0.2) !important; }
body.new2026 .n26_cal_nav .n26_cal_month { font-size: 24px !important; font-weight: 800 !important; color: var(--hd-black) !important; min-width: 180px !important; text-align: center !important; letter-spacing: -0.5px !important; }
body.new2026 .n26_cal_legend { display: flex !important; gap: 24px !important; }
body.new2026 .n26_cal_legend li { font-size: 13px !important; font-weight: 600 !important; color: var(--hd-gray-600) !important; }
body.new2026 .n26_cal_legend li::before { content: '' !important; width: 12px !important; height: 12px !important; border-radius: 3px !important; }
body.new2026 .n26_cal_table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; background: var(--hd-white) !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important; }
body.new2026 .n26_cal_table tr.info td { background: linear-gradient(180deg, #F0FDF4 0%, #E6F9EC 100%) !important; color: var(--hd-gray-700) !important; font-size: 13px !important; font-weight: 700 !important; padding: 8px 6px !important; height: auto !important; line-height: 1.2 !important; text-align: center !important; border-bottom: 2px solid var(--hd-eco) !important; letter-spacing: 1px !important; }
body.new2026 .n26_cal_table tr.info td:first-child { color: #E8336E !important; }
body.new2026 .n26_cal_table tr.info td:last-child { color: #2E86DE !important; }
body.new2026 .n26_cal_table td { padding: 10px 8px !important; height: 110px !important; vertical-align: top !important; border: 1px solid var(--hd-gray-100) !important; font-size: 14px !important; background: var(--hd-white) !important; width: 14.28% !important; transition: background 0.2s ease !important; }
body.new2026 .n26_cal_table td:hover { background: #FAFFFE !important; }
body.new2026 .n26_cal_table td.no_day { background: var(--hd-gray-100) !important; }
body.new2026 .n26_cal_table td.sch_Y { background: #F0FDF4 !important; }
body.new2026 .n26_cal_table td button { background: none !important; border: none !important; cursor: default !important; width: 100% !important; text-align: left !important; font-size: 15px !important; font-weight: 700 !important; padding: 0 !important; font-family: var(--hd-font) !important; }
body.new2026 .n26_cal_table td button p { margin-top: 8px !important; overflow: visible !important; }
body.new2026 .n26_cal_table td button span { display: block !important; font-size: 11px !important; font-weight: 600 !important; color: #fff !important; padding: 3px 6px !important; margin-top: 3px !important; line-height: 1.4 !important; white-space: normal !important; word-break: keep-all !important; border-radius: 4px !important; height: auto !important; overflow: visible !important; }
body.new2026 .n26_cal_table td button span font { font-size: 11px !important; font-weight: 600 !important; color: inherit !important; display: inline !important; width: auto !important; margin-left: 0 !important; overflow: visible !important; white-space: normal !important; }
body.new2026 .n26_cal_table .off { background: #E8336E !important; color: #fff !important; }
body.new2026 .n26_cal_table .visit { background: #0EA5A0 !important; color: #fff !important; }
body.new2026 .n26_cal_table .limit { background: #D4A017 !important; color: #fff !important; }
body.new2026 .n26_cal_table .pending { background: #94A3B8 !important; color: #fff !important; }
body.new2026 .n26_cal_legend li:nth-child(1)::before { background: #E8336E !important; border-radius: 3px !important; }
body.new2026 .n26_cal_legend li:nth-child(2)::before { background: #0EA5A0 !important; border-radius: 3px !important; }
body.new2026 .n26_cal_legend li:nth-child(3)::before { background: #D4A017 !important; border-radius: 3px !important; }
/* [중요] 기존 at_style_2022_new.css 의 .calendar{width:1200px;margin:0 auto} 강제 오버라이드 */
body.new2026 .calendar { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border-radius: 12px !important; overflow: hidden !important; }

/* ============================================================
   캘린더 액션바 (#hdCalNavBar) - 원본 운영홈페이지 calend_nav 패턴 모방
   좌측 ul (범례, float:left) / 우측 ul (액션버튼, float:right)
   캘린더 테이블과 정확히 동일한 width 컨텍스트 → 우측끝 픽셀단위 일치
   ID 기반 독립 제어 / 외부 cascade 차단
   ============================================================ */

#hdCalNavBar { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; /* clearfix for floats */ min-height: 40px !important; }

/* 좌측: 범례 (float left) */
#hdCalLegend { float: left !important; display: flex !important; align-items: center !important; gap: 22px !important; list-style: none !important; margin: 0 !important; padding: 8px 0 !important; }
#hdCalLegend li { display: inline-flex !important; align-items: center !important; gap: 7px !important; font-size: 13px !important; font-weight: 600 !important; color: #475569 !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; background: none !important; border: 0 !important; }
#hdCalLegend li::before { content: none !important; display: none !important; }
#hdCalLegend .hd_lg_dot { display: inline-block !important; width: 12px !important; height: 12px !important; border-radius: 3px !important; flex-shrink: 0 !important; }
#hdCalLegend .hd_lg_off { background: #E8336E !important; }
#hdCalLegend .hd_lg_visit { background: #0EA5A0 !important; }
#hdCalLegend .hd_lg_limit { background: #D4A017 !important; }
#hdCalLegend .hd_lg_pending { background: #94A3B8 !important; }

/* 우측: 액션 버튼 묶음 (float right) */
#hdCalActions { float: right !important; display: flex !important; align-items: center !important; gap: 8px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
#hdCalActions li { display: inline-flex !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; line-height: 1 !important; }
#hdCalActions li::before { content: none !important; display: none !important; }
#hdCalActions li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; box-sizing: border-box !important; }

/* 둘레길 예약기간 설정 (관리자) */
#hdCalActions .hd_act_admin { padding: 10px 16px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 600 !important; background: #FFFFFF !important; color: #475569 !important; border: 1px solid #CBD5E1 !important; transition: all 0.2s ease !important; }
#hdCalActions .hd_act_admin:hover { background: #F1F5F9 !important; border-color: #94A3B8 !important; color: #1E293B !important; }

/* 예약하기 */
#hdCalActions .hd_act_resv { padding: 11px 20px !important; border-radius: 6px !important; font-size: 14px !important; font-weight: 700 !important; background: #16A34A !important; color: #FFFFFF !important; border: 1px solid #16A34A !important; box-shadow: 0 3px 10px rgba(22,163,74,0.25) !important; transition: all 0.2s ease !important; }
#hdCalActions .hd_act_resv i { font-size: 15px !important; color: #FFFFFF !important; }
#hdCalActions .hd_act_resv:hover, #hdCalActions .hd_act_resv:focus { background: #15803D !important; border-color: #15803D !important; color: #FFFFFF !important; box-shadow: 0 6px 16px rgba(22,163,74,0.35) !important; transform: translateY(-2px) !important; }

/* 반응형 - 태블릿 이하 */
@media (max-width: 768px) {
    #hdCalNavBar { overflow: visible !important; min-height: 0 !important; }
    #hdCalLegend { float: none !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px !important; padding: 0 0 10px 0 !important; }
    #hdCalLegend li { font-size: 12px !important; }
    #hdCalActions { float: none !important; flex-direction: column !important; gap: 6px !important; }
    #hdCalActions li { width: 100% !important; }
    #hdCalActions li a { width: 100% !important; padding: 12px 16px !important; font-size: 14px !important; }
}

/* 기존 .n26_cal_legend / .n26_cal_actions 가 남아있을 경우 숨김 (이중표시 방지)
   메인(.n26_cal_section) + 서브페이지(.n26_sub_section) 양쪽 모두 커버 */
body.new2026 .n26_cal_section .n26_cal_legend,
body.new2026 .n26_sub_section .n26_cal_legend { display: none !important; }
body.new2026 .n26_cal_section .n26_cal_header .n26_cal_actions,
body.new2026 .n26_sub_section .n26_cal_header .n26_cal_actions { display: none !important; }

/* === [9. 예약 모달 디자인 고급화] === */
/* ============================================================
   예약 모달 - 전면 재설계 (Bootstrap col-2/col-10 그리드 무력화)
   레이아웃: CSS Grid 110px / 1fr 라벨-인풋 가로 정렬
   너비: 660px, 클린한 카드형 디자인
   ============================================================ */

/* 모달 컨테이너 */
body.new2026 #reservation { padding-right: 0 !important; }
body.new2026 #reservation .modal-dialog { max-width: 660px !important; margin: 30px auto !important; }
body.new2026 #reservation .modal-content { border-radius: 16px !important; border: none !important; box-shadow: 0 20px 60px rgba(0,0,0,0.22) !important; overflow: hidden !important; background: #FFFFFF !important; }
body.new2026 #reservation .modal-body { padding: 0 !important; position: relative !important; background: #FFFFFF !important; }
body.new2026 #reservation .form_box { padding: 32px 36px 28px !important; }

/* 닫기 버튼 - 모달 우상단 */
body.new2026 #reservation .btn-close,
body.new2026 #reservation .btn.btn-close { position: absolute !important; top: 14px !important; right: 14px !important; width: 30px !important; height: 30px !important; padding: 0 !important; margin: 0 !important; background: #F1F5F9 !important; border: none !important; border-radius: 50% !important; opacity: 1 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23475569'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important; background-size: 10px 10px !important; background-position: center !important; background-repeat: no-repeat !important; z-index: 10 !important; transition: all 0.2s ease !important; box-shadow: none !important; cursor: pointer !important; }
body.new2026 #reservation .btn-close:hover,
body.new2026 #reservation .btn.btn-close:hover { background-color: #16A34A !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important; transform: rotate(90deg) !important; }

/* 타이틀 영역 */
body.new2026 #reservation .form_box > form > .row:first-child,
body.new2026 #reservation .form_box .col-12.h54 { display: block !important; width: 100% !important; max-width: 100% !important; flex: none !important; padding: 0 !important; margin: 0 0 20px 0 !important; }
body.new2026 #reservation .h54 { font-size: 19px !important; font-weight: 700 !important; color: #0F172A !important; padding: 0 0 14px 0 !important; margin: 0 !important; border-bottom: 2px solid #16A34A !important; letter-spacing: -0.3px !important; text-align: center !important; line-height: 1.4 !important; }
body.new2026 #reservation .h54 strong { color: #16A34A !important; font-weight: 800 !important; }
body.new2026 #reservation .h54 span { font-weight: 500 !important; color: #475569 !important; margin-left: 2px !important; }

/* 폼 바디 - col-12 reservation_form 컨테이너 무력화 */
body.new2026 #reservation .col-12.reservation_form { display: block !important; width: 100% !important; max-width: 100% !important; flex: none !important; padding: 0 !important; margin: 0 !important; }

/* 각 폼 행 - CSS Grid 강제 적용 (Bootstrap row/col 완전 무력화) */
body.new2026 #reservation .reservation_form > .row { display: grid !important; grid-template-columns: 100px 1fr !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; flex: none !important; }
body.new2026 #reservation .reservation_form > .row > .col-2,
body.new2026 #reservation .reservation_form > .row > .col-2.h20 { display: flex !important; align-items: center !important; flex: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; font-size: 13.5px !important; font-weight: 600 !important; color: #334155 !important; line-height: 1.3 !important; }
body.new2026 #reservation .reservation_form > .row > .col-10 { display: block !important; flex: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; }

/* 인풋 필드 */
body.new2026 #reservation .form-control,
body.new2026 #reservation .form-select { display: block !important; width: 100% !important; height: 40px !important; min-height: 40px !important; border-radius: 8px !important; border: 1px solid #CBD5E1 !important; padding: 0 14px !important; font-size: 13.5px !important; font-family: var(--hd-font) !important; color: #0F172A !important; background: #FFFFFF !important; transition: all 0.15s ease !important; box-shadow: none !important; line-height: 1.4 !important; margin: 0 !important; }
body.new2026 #reservation .form-control:focus,
body.new2026 #reservation .form-select:focus { border-color: #16A34A !important; box-shadow: 0 0 0 3px rgba(22,163,74,0.12) !important; outline: none !important; }
body.new2026 #reservation .form-control::placeholder { color: #94A3B8 !important; }

/* 인원수 안내문구 */
body.new2026 #reservation .col-10 > p { font-size: 11.5px !important; color: #F87F0E !important; margin: 5px 0 0 0 !important; padding: 0 !important; line-height: 1.4 !important; font-weight: 500 !important; }

/* ===== 라디오 그룹 (단체관람/둘레길, 안내해설 O/X) =====
   기존 at_style_2022_new.css 의 .form-check {border:1px solid #ddd; padding:19px 15px}
   를 무력화하고, 전통적인 동그라미 라디오 + 텍스트로 표시 */

/* 컨테이너 - flex row (외곽 박스/테두리/패딩 모두 제거) */
body.new2026 #reservation .reservation_form .form-check.form-check-inline,
body.new2026 #reservation .reservation_form .form-check-inline { display: flex !important; align-items: center !important; gap: 20px !important; padding: 0 !important; margin: 0 !important; min-height: 38px !important; flex-wrap: wrap !important; position: static !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

/* 동그라미 라디오 input - 보이게 표시 */
body.new2026 #reservation .reservation_form .form-check-inline .form-check-input { position: static !important; opacity: 1 !important; width: 18px !important; height: 18px !important; padding: 0 !important; margin: 0 6px 0 0 !important; overflow: visible !important; clip: auto !important; border: 2px solid #CBD5E1 !important; border-radius: 50% !important; pointer-events: auto !important; transform: none !important; left: auto !important; top: auto !important; cursor: pointer !important; flex-shrink: 0 !important; background-color: #FFFFFF !important; vertical-align: middle !important; -webkit-appearance: none !important; appearance: none !important; }
body.new2026 #reservation .reservation_form .form-check-inline .form-check-input:checked { background-color: #FFFFFF !important; border-color: #16A34A !important; border-width: 5px !important; }
body.new2026 #reservation .reservation_form .form-check-inline .form-check-input:focus { box-shadow: 0 0 0 3px rgba(22,163,74,0.2) !important; outline: none !important; }
body.new2026 #reservation .reservation_form .form-check-inline .form-check-input:hover { border-color: #16A34A !important; }

/* 라벨 = 텍스트만 (배경/테두리/박스 모두 없음) */
body.new2026 #reservation .reservation_form .form-check-inline .form-check-label { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; font-size: 14px !important; color: #334155 !important; cursor: pointer !important; line-height: 1.2 !important; font-weight: 500 !important; user-select: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; transition: color 0.15s ease !important; text-align: left !important; box-shadow: none !important; }
body.new2026 #reservation .reservation_form .form-check-inline .form-check-label:hover { color: #16A34A !important; background: transparent !important; border: 0 !important; }
body.new2026 #reservation .reservation_form .form-check-inline .form-check-input:checked + .form-check-label { color: #15803D !important; font-weight: 700 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* ============================================================
   약관 동의 영역 - 전면 재구축 (HTML 구조 새로 작성)
   .hd_consent_wrap > .hd_consent_item > .hd_consent_row + .hd_consent_panel
   ============================================================ */

/* 외부 wrap */
body.new2026 #reservation .hd_consent_wrap { display: flex !important; flex-direction: column !important; gap: 4px !important; width: 100% !important; max-width: 100% !important; margin: 18px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* 각 약관 항목 */
body.new2026 #reservation .hd_consent_item { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

/* 한 줄 (체크박스 라벨 + 전문보기 버튼) */
body.new2026 #reservation .hd_consent_row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; padding: 8px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; min-height: 32px !important; }

/* 체크박스 + 텍스트 라벨 (label 태그 자체가 클릭 영역) */
body.new2026 #reservation .hd_consent_check { display: inline-flex !important; align-items: center !important; gap: 9px !important; padding: 0 !important; margin: 0 !important; flex: 1 1 auto !important; cursor: pointer !important; line-height: 1 !important; background: transparent !important; border: 0 !important; min-height: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

/* 체크박스 input (기존 #reservation .form-check 의 border:1px solid #ddd 무력화) */
body.new2026 #reservation .hd_consent_check .form-check-input { width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; border: 1.5px solid #CBD5E1 !important; border-radius: 4px !important; cursor: pointer !important; flex-shrink: 0 !important; position: static !important; transform: none !important; background-color: #FFFFFF !important; opacity: 1 !important; clip: auto !important; overflow: visible !important; pointer-events: auto !important; left: auto !important; top: auto !important; vertical-align: middle !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; }
body.new2026 #reservation .hd_consent_check .form-check-input:checked { background-color: #16A34A !important; border-color: #16A34A !important; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.854 3.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3.5-3.5a.5.5 0 11.708-.708L6.5 9.793l6.646-6.647a.5.5 0 01.708 0z'/%3E%3C/svg%3E") !important; background-size: 12px 12px !important; background-position: center !important; background-repeat: no-repeat !important; }
body.new2026 #reservation .hd_consent_check .form-check-input:focus { box-shadow: 0 0 0 3px rgba(22,163,74,0.18) !important; outline: none !important; }

/* 라벨 텍스트 */
body.new2026 #reservation .hd_consent_text { font-size: 13px !important; color: #475569 !important; font-weight: 500 !important; line-height: 1.3 !important; user-select: none !important; }

/* 체크 시 텍스트 컬러 강조 */
body.new2026 #reservation .hd_consent_check .form-check-input:checked ~ .hd_consent_text { color: #15803D !important; font-weight: 600 !important; }

/* 전문 보기 텍스트 버튼 */
body.new2026 #reservation .hd_consent_view { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 4px 10px !important; margin: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #64748B !important; background: #F1F5F9 !important; border: 0 !important; border-radius: 4px !important; cursor: pointer !important; text-decoration: none !important; transition: all 0.15s ease !important; line-height: 1.2 !important; white-space: nowrap !important; flex-shrink: 0 !important; }
body.new2026 #reservation .hd_consent_view::after { content: "" !important; display: inline-block !important; width: 8px !important; height: 8px !important; border-right: 1.5px solid currentColor !important; border-bottom: 1.5px solid currentColor !important; border-top: 0 !important; border-left: 0 !important; transform: rotate(45deg) !important; margin: -3px 0 0 2px !important; transition: transform 0.25s ease !important; box-sizing: border-box !important; }
body.new2026 #reservation .hd_consent_view:hover { background: #16A34A !important; color: #FFFFFF !important; }
body.new2026 #reservation .hd_consent_view[aria-expanded="true"] { background: #16A34A !important; color: #FFFFFF !important; }
body.new2026 #reservation .hd_consent_view[aria-expanded="true"]::after { transform: rotate(-135deg) !important; margin: 1px 0 0 2px !important; }

/* 약관 펼침 본문 - panel */
body.new2026 #reservation .hd_consent_panel,
body.new2026 #reservation #privacy,
body.new2026 #reservation #service { display: none !important; font-size: 12px !important; color: #64748B !important; padding: 12px 14px !important; margin: 2px 0 6px 0 !important; line-height: 1.65 !important; max-height: 140px !important; overflow-y: auto !important; background: #F8FAFC !important; border: 0 !important; border-radius: 6px !important; box-shadow: none !important; }
body.new2026 #reservation .hd_consent_panel.show,
body.new2026 #reservation #privacy.show,
body.new2026 #reservation #service.show { display: block !important; }
body.new2026 #reservation .hd_consent_panel.collapsing { display: block !important; }
body.new2026 #reservation .hd_consent_panel::-webkit-scrollbar { width: 5px !important; }
body.new2026 #reservation .hd_consent_panel::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 3px !important; }
body.new2026 #reservation .hd_consent_panel::-webkit-scrollbar-track { background: transparent !important; }

/* 기존 .pre_info 가 남아있을 경우 숨김 (캐시 잔재 방지) */
body.new2026 #reservation .pre_info { display: none !important; }

/* 신청 버튼 영역 - btn_box row 무력화 */
body.new2026 #reservation .btn_box { display: flex !important; justify-content: center !important; align-items: center !important; margin: 20px 0 0 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; flex: none !important; }
body.new2026 #reservation .main_md_btn,
body.new2026 #reservation .btn_box .main_md_btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #16A34A !important; color: #FFFFFF !important; border: none !important; border-radius: 8px !important; padding: 0 36px !important; height: 44px !important; font-size: 14.5px !important; font-weight: 700 !important; font-family: var(--hd-font) !important; transition: all 0.2s ease !important; letter-spacing: -0.2px !important; width: auto !important; min-width: 180px !important; max-width: none !important; flex: none !important; box-shadow: 0 4px 12px rgba(22,163,74,0.25) !important; cursor: pointer !important; text-decoration: none !important; line-height: 1 !important; }
body.new2026 #reservation .main_md_btn:hover,
body.new2026 #reservation .btn_box .main_md_btn:hover { background: #15803D !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(22,163,74,0.35) !important; color: #FFFFFF !important; }

/* 안내해설 라벨 영역 (.voice_form 안에 있는 라디오들) */
body.new2026 #reservation .voice_form .col-10 { display: flex !important; align-items: center !important; min-height: 40px !important; gap: 16px !important; flex-wrap: wrap !important; }

/* === 라벨 아이콘 === */
body.new2026 #reservation .hd_lbl_ico { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; margin-right: 7px !important; font-size: 14px !important; color: #16A34A !important; background: #DCFCE7 !important; border-radius: 5px !important; flex-shrink: 0 !important; line-height: 1 !important; vertical-align: middle !important; }

/* === 인원수 안내문구 (info 아이콘 포함) === */
body.new2026 #reservation .hd_field_note { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 11.5px !important; color: #F87F0E !important; margin: 5px 0 0 0 !important; padding: 0 !important; line-height: 1.4 !important; font-weight: 500 !important; }
body.new2026 #reservation .hd_field_note i { font-size: 13px !important; line-height: 1 !important; }

/* === 날짜 입력 (type=date) - SVG 캘린더 아이콘 === */
body.new2026 #reservation .hd_field_date { position: relative !important; width: 100% !important; display: block !important; }
body.new2026 #reservation .hd_input_date,
body.new2026 #reservation input[type="date"].form-control { width: 100% !important; height: 40px !important; padding: 0 42px 0 14px !important; background-color: #F0FDF4 !important; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316A34A'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 18px 18px !important; border: 1px solid #BBF7D0 !important; border-radius: 8px !important; font-size: 13.5px !important; font-family: var(--hd-font) !important; color: #0F172A !important; cursor: pointer !important; box-shadow: none !important; transition: all 0.15s ease !important; -webkit-appearance: none !important; appearance: none !important; }
body.new2026 #reservation .hd_input_date:focus,
body.new2026 #reservation input[type="date"].form-control:focus { border-color: #16A34A !important; box-shadow: 0 0 0 3px rgba(22,163,74,0.15) !important; background-color: #FFFFFF !important; outline: none !important; }
/* 브라우저 기본 캘린더 picker 영역은 보이지 않게 처리 (아이콘만 보이도록) */
body.new2026 #reservation input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0 !important; position: absolute !important; right: 0 !important; width: 40px !important; height: 100% !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
/* ::after 가 잘못 표시되는 것 차단 */
body.new2026 #reservation .hd_field_date::after { content: none !important; display: none !important; }

/* === 시간 선택 (select) - SVG 시계 아이콘 === */
body.new2026 #reservation .hd_field_time { position: relative !important; width: 100% !important; display: block !important; }
body.new2026 #reservation .hd_input_time,
body.new2026 #reservation select.hd_input_time.form-select { width: 100% !important; height: 40px !important; padding: 0 42px 0 14px !important; background-color: #EFF6FF !important; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563EB'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 18px 18px !important; border: 1px solid #BFDBFE !important; border-radius: 8px !important; font-size: 13.5px !important; font-family: var(--hd-font) !important; color: #0F172A !important; cursor: pointer !important; box-shadow: none !important; transition: all 0.15s ease !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }
body.new2026 #reservation .hd_input_time:focus,
body.new2026 #reservation select.hd_input_time.form-select:focus { border-color: #2563EB !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important; background-color: #FFFFFF !important; outline: none !important; }
body.new2026 #reservation .hd_field_time::after { content: none !important; display: none !important; }

/* 모바일에서도 동일하게 적용 */
@media (max-width: 768px) {
    body.new2026 #reservation .hd_lbl_ico { width: 20px !important; height: 20px !important; font-size: 13px !important; margin-right: 6px !important; }
    body.new2026 #reservation .hd_input_date,
    body.new2026 #reservation .hd_input_time { height: 38px !important; font-size: 13px !important; padding-right: 38px !important; background-size: 16px 16px !important; background-position: right 10px center !important; }
}

/* 둘레길 예약기간 설정 모달도 동일 적용 */
body.new2026 #modalSetLimitResvTerm .modal-content { border-radius: 16px !important; box-shadow: 0 24px 64px rgba(0,0,0,0.15) !important; }
body.new2026 #modalSetLimitResvTerm .modal-body { padding: 48px 40px 36px !important; }
body.new2026 #modalSetLimitResvTerm .h54 { font-size: 24px !important; font-weight: 800 !important; padding-bottom: 20px !important; margin-bottom: 24px !important; border-bottom: 3px solid var(--hd-eco) !important; }
body.new2026 #modalSetLimitResvTerm .h54 strong { color: var(--hd-eco) !important; }
body.new2026 #modalSetLimitResvTerm .main_md_btn { background: var(--hd-eco) !important; border-radius: 10px !important; font-weight: 700 !important; }
body.new2026 #modalSetLimitResvTerm .main_md_btn:hover { background: var(--hd-eco-dark) !important; }

/* === [v7 반응형 추가] === */
@media (max-width: 1024px) {
body.new2026 .n26_info_items { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
body.new2026 .n26_info_items { grid-template-columns: 1fr !important; }
body.new2026 .n26_cal_section { padding: 48px 0 !important; }
body.new2026 .n26_cal_table { border-radius: 8px !important; }
body.new2026 .n26_cal_table td { height: 80px !important; padding: 6px 4px !important; }
body.new2026 .n26_cal_table td button { font-size: 13px !important; }
body.new2026 .n26_cal_table td button span { font-size: 9px !important; padding: 2px 3px !important; }
body.new2026 .n26_cal_nav .n26_cal_month { font-size: 20px !important; min-width: 140px !important; }
body.new2026 #reservation .modal-dialog { max-width: calc(100% - 16px) !important; margin: 8px auto !important; }
body.new2026 #reservation .form_box { padding: 24px 20px 20px !important; }
body.new2026 #reservation .h54 { font-size: 16px !important; padding-bottom: 10px !important; margin-bottom: 14px !important; }
body.new2026 #reservation .reservation_form > .row { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; margin-bottom: 10px !important; }
body.new2026 #reservation .reservation_form > .row > .col-2.h20 { font-size: 12.5px !important; }
body.new2026 #reservation .form-control, body.new2026 #reservation .form-select { height: 38px !important; font-size: 13px !important; }
body.new2026 .n26_program_btns { gap: 8px !important; }
body.new2026 .n26_program_cta { padding: 8px 18px !important; font-size: 13px !important; }
}

@media (max-width: 480px) {
body.new2026 .n26_cal_table td { height: 65px !important; }
body.new2026 .n26_cal_table td button span { font-size: 8px !important; }
body.new2026 .n26_cal_nav > a { width: 32px !important; height: 32px !important; }
body.new2026 #reservation .main_md_btn { height: 42px !important; padding: 0 24px !important; font-size: 14px !important; min-width: 160px !important; }
}

/* ================================================================ */
/* === [2026 v8 - 팝업/인포바 수정] === */
/* ================================================================ */

/* === [1. 팝업(.pop-up) 상단 가림 해결 + 최대 폭 제한 (큰 이미지 오버플로 방지)] === */
body.new2026 .pop-up {
    z-index: 99980 !important;
    width: 500px !important;            /* 고정 너비 */
    max-width: calc(100vw - 40px) !important;  /* 모바일/작은 화면 대응 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25) !important;
}
body.new2026 .pop-up .pop-up_contents {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
body.new2026 .pop-up .pop-up_contents img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;             /* 컨테이너 폭에 맞춤 */
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 모바일 (480px 이하) - 더 좁게 */
@media (max-width: 480px) {
    body.new2026 .pop-up {
        width: calc(100vw - 30px) !important;
        left: 15px !important;
    }
}
body.new2026 .pop-up .pop-up_box { display: block !important; visibility: visible !important; opacity: 1 !important; background: #fff !important; padding: 8px 12px !important; }
body.new2026 .pop-up .popup_checkbox { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; visibility: visible !important; opacity: 1 !important; }
body.new2026 .pop-up .popup_checkbox span { font-size: 13px !important; color: var(--hd-gray-700) !important; visibility: visible !important; opacity: 1 !important; display: inline !important; }
body.new2026 .pop-up .popup_checkbox input[type='checkbox'] { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: 16px !important; height: 16px !important; }

/* === [2. 팝업 "닫기" 텍스트 강제 표시] === */
body.new2026 .pop-up .popup_checkbox a { display: inline-flex !important; align-items: center !important; background: #222 !important; color: #fff !important; padding: 6px 16px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; visibility: visible !important; opacity: 1 !important; white-space: nowrap !important; line-height: 1.4 !important; letter-spacing: 0 !important; border: none !important; border-radius: 4px !important; cursor: pointer !important; }
body.new2026 .pop-up .popup_checkbox a:hover { background: #444 !important; color: #fff !important; }

/* === [3. 인포바 개선전 스타일 복구 (v5 원본 2x2 그리드)] === */
body.new2026 .n26_info_bar { padding: 36px 0 !important; border-bottom: 1px solid var(--hd-border) !important; }
body.new2026 .n26_info_bar_inner { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 20px !important; }
body.new2026 .n26_info_items { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 24px 40px !important; flex: 1 !important; }
body.new2026 .n26_info_item { display: flex !important; align-items: flex-start !important; gap: 10px !important; }
body.new2026 .n26_info_item .n26_info_icon { font-size: 22px !important; color: var(--hd-black) !important; margin-top: 3px !important; }
body.new2026 .n26_info_item .n26_info_label { font-size: 17px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 3px !important; }
body.new2026 .n26_info_item .n26_info_value { font-size: 16px !important; color: var(--hd-black) !important; font-weight: 600 !important; line-height: 1.5 !important; }
body.new2026 .n26_info_item .n26_info_note { font-size: 13px !important; color: var(--hd-gray-500) !important; }

/* ================================================================ */
/* === [2026 v9 - 에너지전환 서브페이지 스타일] === */
/* ================================================================ */

/* === [섹션1: 에너지 전환이란? - 배너 + 아이콘 인트로] === */
body.new2026 .n26_energy_sec1 { padding: 0 !important; }
body.new2026 .n26_energy_banner { width: 100% !important; overflow: hidden !important; border-radius: 12px !important; margin-bottom: 48px !important; }
body.new2026 .n26_energy_banner img { width: 100% !important; height: auto !important; display: block !important; object-fit: cover !important; }
body.new2026 .n26_energy_intro { display: flex !important; align-items: flex-start !important; gap: 36px !important; padding: 0 !important; }
body.new2026 .n26_energy_icon_img { width: 200px !important; min-width: 200px !important; height: auto !important; flex-shrink: 0 !important; border-radius: 12px !important; }
body.new2026 .n26_energy_intro_text { flex: 1 !important; }
body.new2026 .n26_energy_h2 { font-size: 26px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 20px !important; padding-bottom: 14px !important; border-bottom: 3px solid var(--hd-eco) !important; display: inline-block !important; letter-spacing: -0.02em !important; }
body.new2026 .n26_energy_intro_text p { font-size: 15.5px !important; line-height: 1.85 !important; color: #333 !important; margin-bottom: 14px !important; word-break: keep-all !important; }

/* === [섹션2: 에너지 전환의 필요성 - 이미지 + 번호 리스트] === */
body.new2026 .n26_energy_sec2 { padding-top: 60px !important; border-top: 1px solid var(--hd-border) !important; }
body.new2026 .n26_energy_need_img { width: 100% !important; overflow: hidden !important; border-radius: 12px !important; margin-bottom: 40px !important; }
body.new2026 .n26_energy_need_img img { width: 100% !important; height: auto !important; display: block !important; object-fit: cover !important; }
body.new2026 .n26_energy_h2_center { display: block !important; text-align: center !important; margin-bottom: 36px !important; border-bottom: none !important; position: relative !important; padding-bottom: 18px !important; }
body.new2026 .n26_energy_h2_center::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 60px !important; height: 3px !important; background: var(--hd-eco) !important; border-radius: 2px !important; }
body.new2026 .n26_energy_need_list { display: flex !important; flex-direction: column !important; gap: 0 !important; }
body.new2026 .n26_energy_need_item { display: flex !important; align-items: flex-start !important; gap: 18px !important; padding: 24px 0 !important; border-bottom: 1px solid #eee !important; }
body.new2026 .n26_energy_need_item:last-child { border-bottom: none !important; }
body.new2026 .n26_energy_num { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; min-width: 36px !important; background: var(--hd-eco) !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important; border-radius: 50% !important; margin-top: 2px !important; }
body.new2026 .n26_energy_need_item p { flex: 1 !important; font-size: 15px !important; line-height: 1.8 !important; color: #444 !important; margin: 0 !important; word-break: keep-all !important; }

/* === [섹션3: 우리 모두의 희망 - SDGs + 인용구 + 사이드이미지] === */
body.new2026 .n26_energy_sec3 { padding-top: 60px !important; border-top: 1px solid var(--hd-border) !important; }
body.new2026 .n26_energy_hope_layout { display: flex !important; align-items: flex-start !important; gap: 48px !important; }
body.new2026 .n26_energy_hope_text { flex: 1 !important; }
body.new2026 .n26_energy_hope_text > p { font-size: 15.5px !important; line-height: 1.8 !important; color: #444 !important; margin-bottom: 28px !important; word-break: keep-all !important; }
body.new2026 .n26_energy_sdg_list { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-bottom: 32px !important; background: var(--hd-eco-light) !important; border-radius: 12px !important; padding: 8px 0 !important; overflow: hidden !important; }
body.new2026 .n26_energy_sdg_item { display: flex !important; align-items: flex-start !important; gap: 14px !important; padding: 14px 24px !important; }
body.new2026 .n26_energy_sdg_item + .n26_energy_sdg_item { border-top: 1px solid rgba(22,163,74,0.15) !important; }
body.new2026 .n26_energy_sdg_num { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; height: 28px !important; background: var(--hd-eco) !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; border-radius: 14px !important; }
body.new2026 .n26_energy_sdg_item span:last-child { flex: 1 !important; font-size: 14.5px !important; line-height: 1.7 !important; color: #333 !important; }
body.new2026 .n26_energy_hope_quote { background: #f8f9fa !important; border-left: 4px solid var(--hd-eco) !important; border-radius: 0 8px 8px 0 !important; padding: 24px 28px !important; }
body.new2026 .n26_energy_hope_quote p { font-size: 17px !important; font-weight: 700 !important; color: var(--hd-eco-dark) !important; line-height: 1.7 !important; margin: 0 !important; word-break: keep-all !important; }
body.new2026 .n26_energy_hope_img { width: 280px !important; min-width: 280px !important; flex-shrink: 0 !important; }
body.new2026 .n26_energy_hope_img img { width: 100% !important; height: auto !important; display: block !important; }

/* === [에너지전환 반응형 - Tablet] === */
@media (max-width: 1024px) {
body.new2026 .n26_energy_intro { flex-direction: column !important; gap: 24px !important; }
body.new2026 .n26_energy_icon_img { width: 160px !important; min-width: 160px !important; }
body.new2026 .n26_energy_hope_layout { flex-direction: column !important; gap: 32px !important; }
body.new2026 .n26_energy_hope_img { width: 100% !important; min-width: unset !important; max-width: 320px !important; }
}

/* === [에너지전환 반응형 - Mobile] === */
@media (max-width: 768px) {
body.new2026 .n26_energy_banner { border-radius: 8px !important; margin-bottom: 32px !important; }
body.new2026 .n26_energy_icon_img { width: 120px !important; min-width: 120px !important; }
body.new2026 .n26_energy_h2 { font-size: 22px !important; margin-bottom: 16px !important; padding-bottom: 10px !important; }
body.new2026 .n26_energy_intro_text p { font-size: 14.5px !important; }
body.new2026 .n26_energy_need_img { border-radius: 8px !important; margin-bottom: 28px !important; }
body.new2026 .n26_energy_need_item { padding: 18px 0 !important; gap: 14px !important; }
body.new2026 .n26_energy_num { width: 30px !important; height: 30px !important; min-width: 30px !important; font-size: 14px !important; }
body.new2026 .n26_energy_need_item p { font-size: 14px !important; }
body.new2026 .n26_energy_sdg_item { padding: 12px 16px !important; gap: 10px !important; }
body.new2026 .n26_energy_sdg_num { min-width: 38px !important; font-size: 12px !important; }
body.new2026 .n26_energy_sdg_item span:last-child { font-size: 13.5px !important; }
body.new2026 .n26_energy_hope_quote { padding: 18px 20px !important; }
body.new2026 .n26_energy_hope_quote p { font-size: 15px !important; }
body.new2026 .n26_energy_sec2 { padding-top: 40px !important; }
body.new2026 .n26_energy_sec3 { padding-top: 40px !important; }
}

/* ================================================================ */
/* === [2026 v10 - 모바일 가독성/가시성/정렬 개선] === */
/* ================================================================ */

/* === [모바일 768px 이하] === */
@media (max-width: 768px) {

/* --- 헤더 --- */
body.new2026 .n26_header { height: 56px !important; }
body.new2026 { --hd-header-h: 56px; }
body.new2026 .n26_logo img { height: 42px !important; }
body.new2026 .n26_container { padding: 0 16px !important; }

/* --- 히어로 슬라이드 --- */
body.new2026 .n26_main_slide .splide__slide { height: 480px !important; }
body.new2026 .n26_slide_content { left: 20px !important; right: 20px !important; top: 50% !important; max-width: none !important; }
body.new2026 .n26_slide_sub { font-size: 12px !important; letter-spacing: 0.5px !important; margin-bottom: 8px !important; }
body.new2026 .n26_slide_main { font-size: 24px !important; line-height: 1.45 !important; }
body.new2026 .n26_main_slide .splide__pagination { bottom: 12px !important; }
body.new2026 .n26_main_slide .splide__pagination__page { width: 6px !important; height: 6px !important; margin: 0 3px !important; }

/* --- 퀵링크 카드 --- */
body.new2026 .n26_quick_section { margin-top: -36px !important; }
body.new2026 .n26_quick_grid { grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; }
body.new2026 .n26_quick_card { padding: 16px 8px !important; border-right: none !important; }
body.new2026 .n26_quick_card:last-child { border-right: 1px solid var(--hd-gray-200) !important; }
body.new2026 .n26_quick_icon { width: 36px !important; height: 36px !important; margin-bottom: 8px !important; }
body.new2026 .n26_quick_icon i { font-size: 16px !important; }
body.new2026 .n26_quick_card strong { font-size: 12px !important; margin-bottom: 2px !important; }
body.new2026 .n26_quick_card span { font-size: 0 !important; line-height: 0 !important; height: 0 !important; overflow: hidden !important; }

/* --- 서브탭(에너지파크/주요시설/이용안내/찾아오시는길) --- */
body.new2026 .n26_sub_tabs { display: flex !important; overflow-x: auto !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; }
body.new2026 .n26_sub_tabs::-webkit-scrollbar { display: none !important; }
body.new2026 .n26_sub_tabs li { flex-shrink: 0 !important; }
body.new2026 .n26_sub_tabs li a { padding: 12px 16px !important; font-size: 13px !important; }

/* --- 인포바 (관람시간/관람료/휴관일/단체관람) --- */
body.new2026 .n26_info_bar { padding: 24px 0 !important; }
body.new2026 .n26_info_bar_inner { gap: 16px !important; }
body.new2026 .n26_info_items { grid-template-columns: 1fr 1fr !important; gap: 16px 12px !important; }
body.new2026 .n26_info_item .n26_info_icon { font-size: 18px !important; }
body.new2026 .n26_info_item .n26_info_label { font-size: 13px !important; font-weight: 700 !important; margin-bottom: 2px !important; }
body.new2026 .n26_info_item .n26_info_value { font-size: 12.5px !important; font-weight: 500 !important; line-height: 1.5 !important; }
body.new2026 .n26_info_item .n26_info_note { font-size: 11px !important; }
body.new2026 .n26_info_btns { width: 100% !important; justify-content: stretch !important; }
body.new2026 .n26_info_btns a { flex: 1 !important; padding: 10px 12px !important; font-size: 13px !important; min-width: auto !important; text-align: center !important; }

/* --- 섹션 공통 --- */
body.new2026 .n26_section, body.new2026 .n26_program_section, body.new2026 .n26_board_section { padding: 48px 0 !important; }
body.new2026 .n26_section_title { font-size: 28px !important; letter-spacing: -0.5px !important; margin-bottom: 6px !important; }
body.new2026 .n26_section_eng { font-size: 12px !important; margin-bottom: 24px !important; }

/* --- 교육프로그램 --- */
body.new2026 .n26_program_layout { flex-direction: column !important; gap: 20px !important; }
body.new2026 .n26_program_image { width: 100% !important; height: 240px !important; border-radius: 8px !important; overflow: hidden !important; }
body.new2026 .n26_program_tags { margin-bottom: 10px !important; }
body.new2026 .n26_program_tag { font-size: 11px !important; padding: 3px 8px !important; }
body.new2026 .n26_program_name { font-size: 22px !important; margin-bottom: 16px !important; }
body.new2026 .n26_program_detail { margin-bottom: 20px !important; }
body.new2026 .n26_program_detail .n26_dsc_row { margin-bottom: 2px !important; line-height: 1.6 !important; }
body.new2026 .n26_program_detail .n26_dsc_tit { font-size: 13px !important; min-width: 70px !important; font-weight: 700 !important; }
body.new2026 .n26_program_detail .n26_dsc_con { font-size: 13px !important; }
body.new2026 .n26_program_btns { gap: 8px !important; }
body.new2026 .n26_program_cta { padding: 8px 16px !important; font-size: 12px !important; }

/* --- 예약현황 캘린더 (모바일 가로스크롤) --- */
body.new2026 .n26_cal_section { padding: 40px 0 !important; }
body.new2026 .n26_cal_header { flex-direction: column !important; align-items: center !important; gap: 12px !important; margin-bottom: 20px !important; }
body.new2026 .n26_cal_nav .n26_cal_month { font-size: 18px !important; min-width: 120px !important; }
body.new2026 .n26_cal_nav > a { width: 32px !important; height: 32px !important; }
body.new2026 .n26_cal_legend { gap: 12px !important; flex-wrap: wrap !important; justify-content: center !important; }
body.new2026 .n26_cal_legend li { font-size: 11px !important; }
body.new2026 .n26_cal_legend li::before { width: 10px !important; height: 10px !important; }
body.new2026 .calendar { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; margin: 0 -16px !important; padding: 0 16px 12px !important; }
body.new2026 .calendar::-webkit-scrollbar { height: 4px !important; }
body.new2026 .calendar::-webkit-scrollbar-thumb { background: var(--hd-gray-300) !important; border-radius: 2px !important; }
body.new2026 .n26_cal_table { min-width: 600px !important; border-radius: 8px !important; box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important; }
body.new2026 .n26_cal_table tr.info td { font-size: 12px !important; padding: 10px 6px !important; letter-spacing: 0 !important; }
body.new2026 .n26_cal_table td { height: 80px !important; padding: 6px 4px !important; font-size: 13px !important; }
body.new2026 .n26_cal_table td button { font-size: 13px !important; }
body.new2026 .n26_cal_table td button p { margin-top: 4px !important; }
body.new2026 .n26_cal_table td button span { font-size: 9px !important; padding: 2px 4px !important; margin-top: 2px !important; border-radius: 2px !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; display: block !important; }

/* --- 소식 게시판 --- */
body.new2026 .n26_board_tabs { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; }
body.new2026 .n26_board_tabs::-webkit-scrollbar { display: none !important; }
body.new2026 .n26_board_tabs li a { padding: 10px 14px !important; font-size: 13px !important; white-space: nowrap !important; }
body.new2026 .n26_notice_list li { padding: 12px 0 !important; }
body.new2026 .n26_notice_list li a.n26_content_link { gap: 8px !important; flex-wrap: wrap !important; }
body.new2026 .n26_notice_list li .n26_badge { font-size: 10px !important; padding: 2px 6px !important; }
body.new2026 .n26_notice_list li .n26_con_title { font-size: 13px !important; min-width: 0 !important; flex: 1 1 calc(100% - 80px) !important; }
body.new2026 .n26_notice_list li .n26_date { font-size: 11px !important; width: 100% !important; padding-left: 0 !important; margin-top: 2px !important; }
body.new2026 .n26_gallery_grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
body.new2026 .n26_gallery_grid li img { height: 140px !important; }
body.new2026 .n26_gallery_grid .n26_gal_title { font-size: 13px !important; }
body.new2026 .n26_gallery_grid .n26_gal_date { font-size: 11px !important; }

/* --- 푸터 --- */
body.new2026 .n26_footer { padding: 32px 0 !important; }
body.new2026 .n26_footer_inner { flex-direction: column !important; gap: 20px !important; }
body.new2026 .n26_footer_logo img { height: 36px !important; }
body.new2026 .n26_footer_info dl { gap: 2px 16px !important; }
body.new2026 .n26_footer_info dd { font-size: 11px !important; line-height: 1.7 !important; }
body.new2026 .n26_footer_info dd .n26_info_label { font-size: 11px !important; margin-right: 4px !important; }
body.new2026 .n26_footer_copy { font-size: 10px !important; margin-top: 12px !important; }

/* --- 모달 예약 모바일 --- */
body.new2026 #reservation .modal-content { border-radius: 12px !important; }
body.new2026 #reservation .form_box { padding: 22px 16px 18px !important; }
body.new2026 #reservation .h54 { font-size: 15px !important; padding-bottom: 8px !important; margin-bottom: 12px !important; }
body.new2026 #reservation .reservation_form > .row > .col-2.h20 { font-size: 12px !important; }
body.new2026 #reservation .form-control, body.new2026 #reservation .form-select { height: 36px !important; padding: 0 10px !important; font-size: 12.5px !important; }
body.new2026 #reservation .main_md_btn { height: 40px !important; padding: 0 !important; font-size: 13.5px !important; border-radius: 7px !important; min-width: 0 !important; width: 100% !important; }
body.new2026 .modal .btn-close, body.new2026 .modal .btn.btn-close { width: 32px !important; height: 32px !important; top: 12px !important; right: 12px !important; }

/* --- 서브페이지 공통 --- */
body.new2026 .n26_breadcrumb { font-size: 12px !important; padding: 12px 0 !important; gap: 4px !important; }
body.new2026 .n26_breadcrumb li { font-size: 12px !important; }
body.new2026 .n26_sub_hero { height: 200px !important; }
body.new2026 .n26_sub_stitle { margin-bottom: 28px !important; }
body.new2026 .n26_sub_stitle span { font-size: 11px !important; }
body.new2026 .n26_sub_content { padding: 0 16px 60px !important; }

/* --- 찾아오시는길 교통안내 모바일 --- */
body.new2026 .n26_bus_section { margin-top: 40px !important; }
body.new2026 .n26_bus_title { font-size: 20px !important; margin-bottom: 20px !important; }
body.new2026 .n26_bus_group { grid-template-columns: 80px 1fr !important; gap: 16px !important; padding: 16px 0 !important; }
body.new2026 .n26_bus_type img { width: 36px !important; }
body.new2026 .n26_bus_type span { font-size: 12px !important; }
body.new2026 .n26_bus_stop { font-size: 13px !important; margin-bottom: 6px !important; }
body.new2026 .n26_bus_badge { font-size: 11px !important; padding: 3px 8px !important; }
body.new2026 .n26_bus_badge.subway { font-size: 10px !important; padding: 4px 8px !important; }
body.new2026 .n26_map_info { grid-template-columns: 1fr !important; }
body.new2026 .n26_map_info_item { padding: 16px 20px !important; }
body.new2026 .n26_map_info_label { font-size: 11px !important; }
body.new2026 .n26_map_info_value { font-size: 14px !important; }

}

/* === [모바일 480px 이하] === */
@media (max-width: 480px) {

/* --- 히어로 --- */
body.new2026 .n26_main_slide .splide__slide { height: 380px !important; }
body.new2026 .n26_slide_main { font-size: 20px !important; }
body.new2026 .n26_slide_sub { font-size: 11px !important; }
body.new2026 .n26_scroll_indicator { display: none !important; }

/* --- 퀵링크 --- */
body.new2026 .n26_quick_section { margin-top: -28px !important; }
body.new2026 .n26_quick_card { padding: 12px 6px !important; }
body.new2026 .n26_quick_icon { width: 32px !important; height: 32px !important; margin-bottom: 6px !important; }
body.new2026 .n26_quick_icon i { font-size: 14px !important; }
body.new2026 .n26_quick_card strong { font-size: 11px !important; }

/* --- 인포바 --- */
body.new2026 .n26_info_items { grid-template-columns: 1fr !important; gap: 12px !important; }
body.new2026 .n26_info_item { gap: 8px !important; }
body.new2026 .n26_info_btns { flex-direction: column !important; }

/* --- 섹션 --- */
body.new2026 .n26_section, body.new2026 .n26_program_section, body.new2026 .n26_board_section { padding: 36px 0 !important; }
body.new2026 .n26_section_title { font-size: 24px !important; }
body.new2026 .n26_program_name { font-size: 20px !important; }
body.new2026 .n26_program_image { height: 200px !important; }

/* --- 캘린더 --- */
body.new2026 .n26_cal_table { min-width: 560px !important; }
body.new2026 .n26_cal_table td { height: 72px !important; }
body.new2026 .n26_cal_table td button { font-size: 12px !important; }
body.new2026 .n26_cal_table td button span { font-size: 8px !important; padding: 2px 3px !important; }

/* --- 게시판 --- */
body.new2026 .n26_gallery_grid { grid-template-columns: 1fr !important; }
body.new2026 .n26_gallery_grid li img { height: 180px !important; }
body.new2026 .n26_notice_list li .n26_con_title { font-size: 13px !important; }

/* --- 서브페이지 --- */
body.new2026 .n26_sub_hero { height: 160px !important; }
body.new2026 .n26_bus_group { grid-template-columns: 1fr !important; }
body.new2026 .n26_bus_type { flex-direction: row !important; gap: 8px !important; }
}

/* ============================================
   v11: 게시판 스타일 개선 (Board Redesign)
   ============================================ */

/* --- 공통: 서브 탑 이미지 --- */
body.new2026 .bd_list .top_img { position: relative !important; overflow: hidden !important; border-radius: 0 !important; margin-bottom: 0 !important; }
body.new2026 .bd_list .top_img .top_banner { height: 200px !important; overflow: hidden !important; }
body.new2026 .bd_list .top_img .top_banner img { width: 100% !important; height: 100% !important; object-fit: cover !important; filter: brightness(0.7) !important; }
body.new2026 .bd_view .top_img .top_banner { height: 200px !important; overflow: hidden !important; }
body.new2026 .bd_view .top_img .top_banner img { width: 100% !important; height: 100% !important; object-fit: cover !important; filter: brightness(0.7) !important; }

/* --- 브레드크럼 네비게이션 --- */
body.new2026 .sub_page nav { display: flex !important; align-items: center !important; gap: 8px !important; padding: 16px 0 !important; margin-top: 0 !important; list-style: none !important; font-size: 14px !important; color: var(--hd-gray-400) !important; text-align: right !important; justify-content: flex-end !important; }
body.new2026 .sub_page nav li { display: inline-flex !important; align-items: center !important; color: var(--hd-gray-400) !important; }
body.new2026 .sub_page nav li:last-child { color: var(--hd-eco) !important; font-weight: 600 !important; }
body.new2026 .sub_page nav li i { font-size: 12px !important; color: var(--hd-gray-300) !important; }

/* --- 카테고리 탭 (활동소식/자료실/공지사항) --- */
body.new2026 .network_ul { margin-bottom: 32px !important; }
body.new2026 .network_ul ul { display: flex !important; gap: 0 !important; border-bottom: 2px solid var(--hd-gray-200) !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
body.new2026 .network_ul ul li { flex: 1 !important; }
body.new2026 .network_ul ul li a { display: block !important; padding: 14px 0 !important; text-align: center !important; font-size: 15px !important; font-weight: 500 !important; color: var(--hd-gray-400) !important; border-bottom: 3px solid transparent !important; margin-bottom: -2px !important; transition: all 0.2s ease !important; text-decoration: none !important; }
body.new2026 .network_ul ul li a:hover { color: var(--hd-eco) !important; }
body.new2026 .network_ul ul li.active a { color: var(--hd-eco) !important; font-weight: 700 !important; border-bottom-color: var(--hd-eco) !important; }

/* --- 섹션 타이틀 --- */
body.new2026 .content_wrap .h40 { font-size: 28px !important; font-weight: 800 !important; color: var(--hd-black) !important; margin-bottom: 24px !important; letter-spacing: -0.5px !important; }

/* --- 검색 박스 --- */
body.new2026 .search_box { margin-bottom: 24px !important; }
body.new2026 .search_box .input-group { border: 1px solid var(--hd-gray-200) !important; border-radius: 8px !important; overflow: hidden !important; background: #fff !important; }
body.new2026 .search_box .form-select { border: none !important; border-right: 1px solid var(--hd-gray-200) !important; border-radius: 0 !important; font-size: 14px !important; color: var(--hd-gray-500) !important; padding: 10px 12px !important; background-color: var(--hd-gray-50) !important; }
body.new2026 .search_box .form-control { border: none !important; font-size: 14px !important; padding: 10px 12px !important; }
body.new2026 .search_box .form-control:focus { box-shadow: none !important; }
body.new2026 .search_box .input-group-text { background: var(--hd-eco) !important; border: none !important; border-radius: 0 !important; padding: 10px 16px !important; }
body.new2026 .search_box .input-group-text a { color: #fff !important; font-size: 16px !important; }

/* --- 테이블형 게시판 목록 (공지사항/자료실) --- */
body.new2026 .table_box { border-top: 2px solid var(--hd-eco-dark) !important; }
body.new2026 .table_body .thead { background: var(--hd-gray-50) !important; font-weight: 700 !important; font-size: 14px !important; color: var(--hd-gray-500) !important; padding: 12px 0 !important; border-bottom: 1px solid var(--hd-gray-200) !important; }
body.new2026 .table_body .table_tr { padding: 14px 0 !important; border-bottom: 1px solid var(--hd-gray-100) !important; font-size: 15px !important; transition: background 0.15s ease !important; }
body.new2026 .table_body .table_tr:hover { background: var(--hd-eco-light) !important; }
body.new2026 .table_body .table_tr a { color: var(--hd-black) !important; text-decoration: none !important; transition: color 0.15s ease !important; }
body.new2026 .table_body .table_tr a:hover { color: var(--hd-eco) !important; }
body.new2026 .table_body .chk_notice { background: #FEFCE8 !important; font-weight: 600 !important; }
body.new2026 .table_body .chk_notice:hover { background: #FEF9C3 !important; }

/* --- 갤러리형 게시판 목록 (활동소식) --- */
body.new2026 .gallery_wrap { margin-top: 8px !important; }
body.new2026 .gallery_body .row { gap: 0 !important; }
body.new2026 .gall_contents { border-radius: 12px !important; overflow: hidden !important; background: #fff !important; border: 1px solid var(--hd-gray-100) !important; margin-bottom: 24px !important; transition: all 0.3s ease !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }
body.new2026 .gall_contents:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; border-color: var(--hd-eco) !important; }
body.new2026 .gall_contents a { text-decoration: none !important; color: inherit !important; }
body.new2026 .gallery_img { width: 100% !important; height: 180px !important; object-fit: cover !important; display: block !important; }
body.new2026 .gall_txt { padding: 16px !important; }
body.new2026 .gall_txt .h18 { font-size: 15px !important; font-weight: 600 !important; color: var(--hd-black) !important; line-height: 1.5 !important; margin-bottom: 8px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
body.new2026 .gall_txt .h18 strong { background: var(--hd-eco) !important; color: #fff !important; padding: 2px 8px !important; border-radius: 4px !important; font-size: 12px !important; margin-right: 6px !important; vertical-align: middle !important; }
body.new2026 .gall_txt .h14 { font-size: 13px !important; color: var(--hd-gray-400) !important; }

/* --- 페이징 --- */
body.new2026 .sub_page .pagination { display: flex !important; justify-content: center !important; gap: 4px !important; margin-top: 32px !important; padding: 0 !important; list-style: none !important; }
body.new2026 .sub_page .pagination li { display: inline-block !important; }
body.new2026 .sub_page .pagination li a, body.new2026 .sub_page .pagination li span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 36px !important; height: 36px !important; padding: 0 8px !important; border-radius: 8px !important; font-size: 14px !important; color: var(--hd-gray-500) !important; text-decoration: none !important; transition: all 0.15s ease !important; border: 1px solid transparent !important; }
body.new2026 .sub_page .pagination li a:hover { background: var(--hd-eco-light) !important; color: var(--hd-eco) !important; }
body.new2026 .sub_page .pagination li.active a, body.new2026 .sub_page .pagination li.active span { background: var(--hd-eco) !important; color: #fff !important; font-weight: 700 !important; border-color: var(--hd-eco) !important; }
body.new2026 .sub_page .page-item.active .page-link { background: var(--hd-eco) !important; color: #fff !important; font-weight: 700 !important; border-color: var(--hd-eco) !important; }
body.new2026 .sub_page .page-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 36px !important; height: 36px !important; padding: 0 8px !important; border-radius: 8px !important; font-size: 14px !important; color: var(--hd-gray-500) !important; text-decoration: none !important; border: 1px solid var(--hd-gray-200) !important; transition: all 0.15s ease !important; }
body.new2026 .sub_page .page-link:hover { background: var(--hd-eco-light) !important; color: var(--hd-eco) !important; }

/* --- 상세보기 (view) --- */
body.new2026 .bd_view .content_view { background: #fff !important; border-radius: 12px !important; border: 1px solid var(--hd-gray-100) !important; overflow: hidden !important; box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; }
body.new2026 .bd_view .content_view_body .thead { display: flex !important; align-items: center !important; padding: 20px 24px !important; background: var(--hd-gray-50) !important; border-bottom: 1px solid var(--hd-gray-200) !important; gap: 12px !important; flex-wrap: wrap !important; }
body.new2026 .bd_view .content_view_body .thead > div:first-child { font-size: 13px !important; font-weight: 700 !important; color: var(--hd-eco) !important; background: var(--hd-eco-light) !important; padding: 4px 12px !important; border-radius: 4px !important; white-space: nowrap !important; }
body.new2026 .bd_view .content_view_body .thead > div:nth-child(2) { flex: 1 !important; font-size: 18px !important; font-weight: 700 !important; color: var(--hd-black) !important; }
body.new2026 .bd_view .content_view_body .thead .reg_date { font-size: 13px !important; color: var(--hd-gray-400) !important; white-space: nowrap !important; }
body.new2026 .bd_view .content_view_body .view_text { padding: 32px 24px !important; min-height: 300px !important; line-height: 1.8 !important; font-size: 15px !important; color: #333 !important; }
body.new2026 .bd_view .content_view_body .view_text img { max-width: 100% !important; height: auto !important; border-radius: 8px !important; }
body.new2026 .bd_view .content_view_body .view_file { padding: 16px 24px !important; background: var(--hd-gray-50) !important; border-top: 1px solid var(--hd-gray-100) !important; display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
body.new2026 .bd_view .content_view_body .view_file > div:first-child { font-size: 13px !important; font-weight: 700 !important; color: var(--hd-gray-500) !important; }
body.new2026 .bd_view .content_view_body .view_file a { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 4px 12px !important; background: #fff !important; border: 1px solid var(--hd-gray-200) !important; border-radius: 6px !important; font-size: 13px !important; color: var(--hd-gray-500) !important; text-decoration: none !important; transition: all 0.15s ease !important; }
body.new2026 .bd_view .content_view_body .view_file a:hover { border-color: var(--hd-eco) !important; color: var(--hd-eco) !important; }

/* --- 목록 버튼 --- */
body.new2026 .bd_view .btn-primary { background: var(--hd-eco) !important; border-color: var(--hd-eco) !important; border-radius: 8px !important; padding: 10px 32px !important; font-size: 14px !important; font-weight: 600 !important; color: #fff !important; transition: all 0.2s ease !important; }
body.new2026 .bd_view .btn-primary:hover { background: var(--hd-eco-dark) !important; border-color: var(--hd-eco-dark) !important; }

/* --- 카테고리 필터 (관리자용) --- */
body.new2026 .ca_name ul { display: flex !important; gap: 8px !important; padding: 0 !important; margin: 0 0 16px 0 !important; list-style: none !important; justify-content: center !important; }
body.new2026 .ca_name ul li a { display: inline-block !important; padding: 6px 16px !important; border-radius: 20px !important; font-size: 13px !important; color: var(--hd-gray-400) !important; border: 1px solid var(--hd-gray-200) !important; text-decoration: none !important; transition: all 0.15s ease !important; }
body.new2026 .ca_name ul li.active a { background: var(--hd-eco) !important; color: #fff !important; border-color: var(--hd-eco) !important; }

/* --- 게시판 모바일 반응형 --- */
@media screen and (max-width: 768px) {
body.new2026 .bd_list .top_img .top_banner, body.new2026 .bd_view .top_img .top_banner { height: 140px !important; }
body.new2026 .content_wrap .h40 { font-size: 22px !important; margin-bottom: 16px !important; }
body.new2026 .network_ul ul li a { font-size: 13px !important; padding: 12px 4px !important; }
body.new2026 .search_box .input-group { flex-wrap: nowrap !important; }
body.new2026 .search_box .form-select { font-size: 12px !important; padding: 8px 6px !important; min-width: 0 !important; }
body.new2026 .search_box .form-control { font-size: 13px !important; padding: 8px !important; }
body.new2026 .table_body .thead { font-size: 12px !important; padding: 10px 0 !important; }
body.new2026 .table_body .table_tr { font-size: 13px !important; padding: 12px 0 !important; }
body.new2026 .gallery_img { height: 140px !important; }
body.new2026 .gall_txt { padding: 12px !important; }
body.new2026 .gall_txt .h18 { font-size: 13px !important; }
body.new2026 .gall_txt .h14 { font-size: 12px !important; }
body.new2026 .bd_view .content_view_body .thead { padding: 16px !important; }
body.new2026 .bd_view .content_view_body .thead > div:nth-child(2) { font-size: 16px !important; }
body.new2026 .bd_view .content_view_body .view_text { padding: 20px 16px !important; min-height: 200px !important; font-size: 14px !important; }
body.new2026 .bd_view .content_view_body .view_file { padding: 12px 16px !important; }
body.new2026 .sub_page .pagination li a, body.new2026 .sub_page .pagination li span { min-width: 32px !important; height: 32px !important; font-size: 13px !important; }
body.new2026 .sub_page .page-link { min-width: 32px !important; height: 32px !important; font-size: 13px !important; }
}

/* ============================================
   v12: 활동소식 갤러리 카드 스타일 강화
   ============================================ */

/* --- 갤러리 카드 이미지 박스 --- */
body.new2026 .gall_contents a { display: block !important; text-decoration: none !important; color: inherit !important; }
body.new2026 .gall_contents a > img, body.new2026 .gall_contents .gallery_img { width: 100% !important; height: 200px !important; object-fit: cover !important; display: block !important; background: var(--hd-gray-100) !important; transition: transform 0.4s ease !important; }
body.new2026 .gall_contents:hover img { transform: scale(1.06) !important; }
body.new2026 .gall_contents { border-radius: 12px !important; overflow: hidden !important; background: #fff !important; border: 1px solid var(--hd-gray-100) !important; margin-bottom: 24px !important; transition: all 0.35s cubic-bezier(0.4,0,0.2,1) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; }
body.new2026 .gall_contents:hover { transform: translateY(-6px) !important; box-shadow: 0 12px 32px rgba(22,163,74,0.12) !important; border-color: var(--hd-eco) !important; }

/* --- 카드 텍스트 영역 --- */
body.new2026 .gall_txt { padding: 16px 18px !important; border-top: 1px solid var(--hd-gray-50) !important; }
body.new2026 .gall_txt .h18 { font-size: 15px !important; font-weight: 600 !important; color: var(--hd-black) !important; line-height: 1.55 !important; margin-bottom: 10px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 46px !important; }
body.new2026 .gall_txt .h18 strong { display: inline-block !important; background: var(--hd-eco) !important; color: #fff !important; padding: 2px 10px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; margin-right: 8px !important; vertical-align: middle !important; letter-spacing: 0.3px !important; }
body.new2026 .gall_txt .h14 { font-size: 13px !important; color: var(--hd-gray-400) !important; display: flex !important; align-items: center !important; gap: 4px !important; }
body.new2026 .gall_txt .h14::before { content: '\e9d2' !important; font-family: 'xeicon' !important; font-size: 13px !important; color: var(--hd-gray-300) !important; }

/* --- 갤러리 그리드 간격 보정 --- */
body.new2026 .gallery_body > .row { margin: 0 -12px !important; }
body.new2026 .gallery_body > .row > [class*="col-"] { padding: 0 12px !important; }

/* --- 모바일 갤러리 카드 --- */
@media screen and (max-width: 768px) {
body.new2026 .gall_contents a > img, body.new2026 .gall_contents .gallery_img { height: 160px !important; }
body.new2026 .gall_txt { padding: 12px 14px !important; }
body.new2026 .gall_txt .h18 { font-size: 14px !important; min-height: 42px !important; }
body.new2026 .gall_txt .h14 { font-size: 12px !important; }
}
@media screen and (max-width: 480px) {
body.new2026 .gall_contents a > img, body.new2026 .gall_contents .gallery_img { height: 130px !important; }
body.new2026 .gall_txt .h18 { font-size: 13px !important; min-height: 38px !important; margin-bottom: 6px !important; }
}

/* ============================================
   v13: 모바일 디테일 종합 개선
   ============================================ */

/* --- 게시판 탭 아래 중복 제목 숨김 --- */
body.new2026 .bd_list .content_wrap > .h40 { display: none !important; }

/* --- 갤러리 카드 이미지 강제 채움 --- */
body.new2026 .gall_contents img { width: 100% !important; height: 200px !important; object-fit: cover !important; display: block !important; background: var(--hd-gray-100) !important; }
body.new2026 .gall_contents img[src=""], body.new2026 .gall_contents img:not([src]) { background: var(--hd-gray-200) !important; }

/* --- 모바일 갤러리 카드 강화 (768px) --- */
@media screen and (max-width: 768px) {
/* 카드 이미지 */
body.new2026 .gall_contents img { height: 160px !important; }
/* 카드 간격 */
body.new2026 .gallery_body .col-6 { padding-left: 6px !important; padding-right: 6px !important; }
body.new2026 .gallery_body > .row { margin: 0 -6px !important; }
/* 카드 둥글기, 그림자 */
body.new2026 .gall_contents { border-radius: 10px !important; margin-bottom: 16px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; }
/* 텍스트 영역 */
body.new2026 .gall_txt { padding: 10px 12px 12px !important; }
body.new2026 .gall_txt .h18 { font-size: 13px !important; line-height: 1.45 !important; margin-bottom: 6px !important; min-height: 38px !important; }
body.new2026 .gall_txt .h14 { font-size: 11px !important; }

/* 검색박스 모바일 최적화 */
body.new2026 .search_box { margin-bottom: 16px !important; }
body.new2026 .search_box .input-group { font-size: 13px !important; }
body.new2026 .search_box .form-select { padding: 8px 4px !important; font-size: 12px !important; width: auto !important; min-width: 60px !important; }
body.new2026 .search_box .input-group-text { padding: 8px 12px !important; }

/* 브레드크럼 모바일 */
body.new2026 .sub_page nav { padding: 12px 16px !important; font-size: 12px !important; gap: 6px !important; flex-wrap: wrap !important; }

/* 탑 이미지 모바일 */
body.new2026 .bd_list .top_img .top_banner, body.new2026 .bd_view .top_img .top_banner { height: 120px !important; }

/* 카테고리 탭 모바일 */
body.new2026 .network_ul { margin-bottom: 20px !important; }
body.new2026 .network_ul ul li a { font-size: 14px !important; padding: 12px 0 !important; }

/* 섹션 wrap 여백 */
body.new2026 .bd_list .layout_wrap { padding: 0 16px !important; }
body.new2026 .bd_view .layout_wrap { padding: 0 16px !important; }
}

/* --- 480px 이하 --- */
@media screen and (max-width: 480px) {
body.new2026 .gall_contents img { height: 120px !important; }
body.new2026 .gall_txt .h18 { font-size: 12px !important; min-height: 34px !important; -webkit-line-clamp: 2 !important; }
body.new2026 .gall_txt .h14 { font-size: 10px !important; }
body.new2026 .gall_txt .h14::before { font-size: 11px !important; }
body.new2026 .network_ul ul li a { font-size: 13px !important; }
}

/* --- RE100 시민클럽 브레드크럼 스타일 통일 --- */
body.new2026 .sub_page .sub_1 nav, body.new2026 .sub_page > nav { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: var(--hd-gray-400) !important; justify-content: flex-end !important; list-style: none !important; }

/* --- 메인페이지 퀵메뉴 모바일 미세조정 --- */
@media screen and (max-width: 768px) {
body.new2026 .n26_quick_grid { gap: 8px !important; padding: 0 12px !important; }
body.new2026 .n26_quick_item { padding: 14px 8px !important; }
body.new2026 .n26_quick_item i { font-size: 24px !important; }
body.new2026 .n26_quick_item span { font-size: 12px !important; margin-top: 6px !important; }

/* 메인 섹션 여백 조정 */
body.new2026 .n26_info_list { padding: 0 16px !important; }
body.new2026 .n26_info_item { padding: 14px 0 !important; }
body.new2026 .n26_section_title { font-size: 22px !important; padding: 0 16px !important; }
}

/* --- 상세보기(view) 모바일 강화 --- */
@media screen and (max-width: 768px) {
body.new2026 .bd_view .content_view { border-radius: 8px !important; margin: 0 !important; }
body.new2026 .bd_view .content_view_body .thead { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; padding: 14px 16px !important; }
body.new2026 .bd_view .content_view_body .thead > div:first-child { font-size: 11px !important; padding: 3px 10px !important; }
body.new2026 .bd_view .content_view_body .thead > div:nth-child(2) { font-size: 15px !important; line-height: 1.4 !important; }
body.new2026 .bd_view .content_view_body .view_text { padding: 16px !important; font-size: 14px !important; line-height: 1.75 !important; }
body.new2026 .bd_view .content_view_body .view_text img { border-radius: 6px !important; margin: 8px 0 !important; }
body.new2026 .bd_view .content_view_body .view_file { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; padding: 12px 16px !important; }
body.new2026 .bd_view .btn-primary { width: 100% !important; text-align: center !important; padding: 12px !important; border-radius: 8px !important; margin-top: 16px !important; }
}

/* --- 테이블 게시판 모바일 강화 (공지사항/자료실) --- */
@media screen and (max-width: 768px) {
body.new2026 .table_body .thead .hidden_pc { display: none !important; }
body.new2026 .table_body .table_tr .hidden_pc { display: none !important; }
body.new2026 .table_body .table_tr { padding: 12px 4px !important; }
body.new2026 .table_body .table_tr .col-7 { font-size: 13px !important; line-height: 1.4 !important; }
body.new2026 .table_body .table_tr .col-2 { font-size: 12px !important; }
body.new2026 .table_body .table_tr .col-3 { font-size: 11px !important; color: var(--hd-gray-400) !important; }
body.new2026 .table_body .chk_notice .col-7 a { color: var(--hd-eco-dark) !important; }
}

/* --- 페이징 모바일 --- */
@media screen and (max-width: 768px) {
body.new2026 .sub_page .pagination { margin-top: 20px !important; margin-bottom: 24px !important; gap: 2px !important; }
body.new2026 .sub_page .pagination li a, body.new2026 .sub_page .pagination li span, body.new2026 .sub_page .page-link { min-width: 30px !important; height: 30px !important; font-size: 12px !important; border-radius: 6px !important; }
}

/* ============================================
   v14: 5가지 모바일 이슈 종합 수정
   ============================================ */

/* =============================================
   1. 모바일 헤더 로고+햄버거 위치 수정
   ============================================= */
@media screen and (max-width: 768px) {
body.new2026 .n26_header_inner { padding: 0 16px !important; }
body.new2026 .n26_logo { gap: 8px !important; }
body.new2026 .n26_logo img { height: 38px !important; }
body.new2026 .n26_header_right .n26_hamburger { width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
body.new2026 .n26_header_right .n26_hamburger i { font-size: 22px !important; }
}

/* =============================================
   2. 모바일 달력 가독성 대폭 개선
   ============================================= */
@media screen and (max-width: 768px) {
/* 달력 가로스크롤 제거 → 화면에 맞춤 */
body.new2026 .n26_cal_table { min-width: 0 !important; width: 100% !important; table-layout: fixed !important; }
body.new2026 .cal_table_wrap, body.new2026 .n26_cal_table_wrap { overflow-x: visible !important; overflow: visible !important; -webkit-overflow-scrolling: auto !important; }
/* 달력 셀 높이/폰트 축소 */
body.new2026 .n26_cal_table td { height: auto !important; min-height: 50px !important; padding: 4px 2px !important; font-size: 12px !important; word-break: break-all !important; vertical-align: top !important; }
body.new2026 .n26_cal_table td button { font-size: 13px !important; font-weight: 700 !important; }
body.new2026 .n26_cal_table tr.info td { font-size: 11px !important; padding: 8px 2px !important; letter-spacing: -0.5px !important; }
/* 일정 텍스트 축소 */
body.new2026 .n26_cal_table td .sch_data, body.new2026 .n26_cal_table td font { font-size: 9px !important; line-height: 1.3 !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important; }
body.new2026 .n26_cal_table td div[style*="background"] { font-size: 9px !important; padding: 1px 2px !important; margin-top: 2px !important; border-radius: 2px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
/* 날짜 숫자 */
body.new2026 .n26_cal_table td button span { font-size: 12px !important; }
/* 달력 섹션 여백 */
body.new2026 .n26_cal_section { padding: 32px 0 !important; }
body.new2026 .n26_cal_section .n26_container { padding: 0 8px !important; }
}
@media screen and (max-width: 480px) {
body.new2026 .n26_cal_table td { min-height: 44px !important; padding: 3px 1px !important; font-size: 11px !important; }
body.new2026 .n26_cal_table td button { font-size: 12px !important; }
body.new2026 .n26_cal_table tr.info td { font-size: 10px !important; padding: 6px 1px !important; }
body.new2026 .n26_cal_table td div[style*="background"] { font-size: 8px !important; }
}

/* =============================================
   3. 게시판 검색 필터 - 카테고리 셀렉트 숨김 (모바일)
      PC에서는 두 셀렉트 모두 표시
   ============================================= */
@media screen and (max-width: 768px) {
body.new2026 .search_box .form-select[name="f_bd_head_uid"] { display: none !important; } /* 모바일에서만 → 아래 전역으로 이동 */
}

/* =============================================
   4. 모바일 브레드크럼(페이지 네비게이션) 전체 삭제
   ============================================= */
@media screen and (max-width: 768px) {
body.new2026 .sub_page > nav { display: none !important; }
body.new2026 .sub_page nav.mt-30 { display: none !important; }
body.new2026 .sub_page .layout_wrap nav { display: none !important; }
body.new2026 .bd_list nav { display: none !important; }
body.new2026 .bd_view nav { display: none !important; }
}

/* =============================================
   5. 모바일 게시물 상세 - 제목 영역(thead) 삭제
   ============================================= */
@media screen and (max-width: 768px) {
body.new2026 .bd_view .content_view_body .thead > div:first-child { display: none !important; }
}

/* ============================================
   v14-fix: 검색필터 + 상세 제목뱃지 수정
   ============================================ */

/* PC+모바일 전역: 카테고리 셀렉트(전체) 숨김 - 공지사항/자료실은 bd_head=N이라 의미없음 */
body.new2026 .search_box .form-select[name="f_bd_head_uid"] { display: none !important; }

/* 검색 셀렉트 정리: -선택- 을 기본값으로, 스타일 개선 */
body.new2026 .search_box .form-select#sel_find_word_type { min-width: 100px !important; width: auto !important; }

/* ============================================
   v15: 메인 하단 게시판 스타일 통일 & 개선
   ============================================ */

/* --- 메인 게시판 탭 → 서브페이지 탭과 통일 (밑줄형) --- */
body.new2026 .n26_board_tabs { display: flex !important; gap: 0 !important; border-bottom: 2px solid var(--hd-gray-200) !important; background: none !important; padding: 0 !important; margin-bottom: 20px !important; }
body.new2026 .n26_board_tabs li { flex: 1 !important; list-style: none !important; }
body.new2026 .n26_board_tabs li a { display: block !important; padding: 14px 0 !important; text-align: center !important; font-size: 15px !important; font-weight: 500 !important; color: var(--hd-gray-400) !important; background: none !important; border-bottom: 3px solid transparent !important; margin-bottom: -2px !important; transition: all 0.2s ease !important; text-decoration: none !important; }
body.new2026 .n26_board_tabs li a:hover { color: var(--hd-eco) !important; background: none !important; }
body.new2026 .n26_board_tabs li.active a { color: var(--hd-eco) !important; font-weight: 700 !important; border-bottom-color: var(--hd-eco) !important; background: none !important; }
body.new2026 .n26_board_tabs li.active a:hover { background: none !important; }

/* --- 공지/자료 리스트 개선 --- */
body.new2026 .n26_notice_list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
body.new2026 .n26_notice_list li { padding: 16px 0 !important; border-bottom: 1px solid var(--hd-gray-100) !important; transition: background 0.15s ease !important; }
body.new2026 .n26_notice_list li:hover { background: var(--hd-eco-light) !important; padding-left: 8px !important; padding-right: 8px !important; margin: 0 -8px !important; border-radius: 8px !important; }
body.new2026 .n26_notice_list li a.n26_content_link { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; }
body.new2026 .n26_notice_list li .n26_badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 700 !important; padding: 3px 10px !important; background: var(--hd-eco) !important; color: #fff !important; border-radius: 4px !important; white-space: nowrap !important; flex-shrink: 0 !important; }
body.new2026 .n26_notice_list li .n26_con_title { font-size: 15px !important; color: var(--hd-black) !important; font-weight: 500 !important; flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; line-height: 1.5 !important; }
body.new2026 .n26_notice_list li:hover .n26_con_title { color: var(--hd-eco-dark) !important; }
body.new2026 .n26_notice_list li .n26_date { font-size: 13px !important; color: var(--hd-gray-400) !important; white-space: nowrap !important; flex-shrink: 0 !important; }

/* --- 전체보기 버튼 → 에코 그린 --- */
body.new2026 .n26_board_more a { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--hd-eco) !important; transition: all 0.2s ease !important; text-decoration: none !important; }
body.new2026 .n26_board_more a:hover { color: var(--hd-eco-dark) !important; gap: 10px !important; }

/* --- 메인 게시판 모바일 --- */
@media screen and (max-width: 768px) {
body.new2026 .n26_board_section { padding: 40px 0 !important; }
body.new2026 .n26_board_tabs li a { font-size: 14px !important; padding: 12px 0 !important; }
body.new2026 .n26_notice_list li { padding: 14px 0 !important; }
body.new2026 .n26_notice_list li a.n26_content_link { flex-wrap: wrap !important; gap: 8px !important; }
body.new2026 .n26_notice_list li .n26_badge { font-size: 10px !important; padding: 2px 8px !important; }
body.new2026 .n26_notice_list li .n26_con_title { font-size: 14px !important; min-width: calc(100% - 70px) !important; }
body.new2026 .n26_notice_list li .n26_date { font-size: 12px !important; width: 100% !important; padding-left: 0 !important; }
body.new2026 .n26_board_more { margin-top: 16px !important; }
}
@media screen and (max-width: 480px) {
body.new2026 .n26_board_tabs li a { font-size: 13px !important; }
body.new2026 .n26_notice_list li .n26_con_title { font-size: 13px !important; }
}

/* ============================================
   v16: 모바일 달력 리스트뷰
   ============================================ */

/* PC: 리스트뷰 숨김 */
body.new2026 .n26_cal_listview { display: none !important; }

/* 모바일: 테이블 숨기고 리스트뷰 표시 */
@media screen and (max-width: 768px) {
body.new2026 .calendar { display: none !important; }
body.new2026 .n26_cal_listview { display: block !important; }

/* --- 리스트뷰 스타일 --- */
body.new2026 .n26_cl_day { display: flex !important; align-items: flex-start !important; gap: 14px !important; padding: 14px 16px !important; border-bottom: 1px solid var(--hd-gray-100) !important; transition: background 0.15s ease !important; }
body.new2026 .n26_cl_day:last-child { border-bottom: none !important; }
body.new2026 .n26_cl_day:hover { background: var(--hd-eco-light) !important; }

/* 날짜 영역 */
body.new2026 .n26_cl_date { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; background: var(--hd-gray-50) !important; border-radius: 10px !important; flex-shrink: 0 !important; font-size: 20px !important; font-weight: 800 !important; color: var(--hd-black) !important; line-height: 1 !important; }
body.new2026 .n26_cl_date small { font-size: 11px !important; font-weight: 500 !important; color: var(--hd-gray-400) !important; margin-top: 2px !important; }
body.new2026 .n26_cl_day.sun .n26_cl_date { color: #DC2626 !important; background: #FEF2F2 !important; }
body.new2026 .n26_cl_day.sun .n26_cl_date small { color: #F87171 !important; }
body.new2026 .n26_cl_day.sat .n26_cl_date { color: #2563EB !important; background: #EFF6FF !important; }
body.new2026 .n26_cl_day.sat .n26_cl_date small { color: #60A5FA !important; }

/* 일정 목록 */
body.new2026 .n26_cl_events { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; padding-top: 4px !important; }
body.new2026 .n26_cl_ev { display: inline-flex !important; align-items: center !important; padding: 6px 12px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; }
body.new2026 .n26_cl_ev.visit { background: #CCFBF1 !important; color: #0D9488 !important; border-left: 3px solid #0EA5A0 !important; }
body.new2026 .n26_cl_ev.off { background: #FCE7F3 !important; color: #BE185D !important; border-left: 3px solid #E8336E !important; }
body.new2026 .n26_cl_ev.limit { background: #FEF9C3 !important; color: #A16207 !important; border-left: 3px solid #D4A017 !important; }

/* 빈 일정 안내 */
body.new2026 .n26_cl_empty { text-align: center !important; padding: 40px 20px !important; color: var(--hd-gray-400) !important; font-size: 14px !important; }

/* 레전드 모바일 */
body.new2026 .n26_cal_legend { gap: 16px !important; margin-bottom: 12px !important; }
body.new2026 .n26_cal_legend li { font-size: 12px !important; }
body.new2026 .n26_cal_legend li::before { width: 8px !important; height: 8px !important; border-radius: 50% !important; }
}

/* ============================================
   v17: 모바일 전체 페이지 네비게이션 완전 삭제 + 타이틀-콘텐츠 간격
   ============================================ */
@media screen and (max-width: 768px) {
/* 모든 브레드크럼/페이지네비게이션 숨김 */
body.new2026 .n26_breadcrumb { display: none !important; }
body.new2026 .sub_page nav { display: none !important; }
body.new2026 .sub_page .mt-30 { display: none !important; }
body.new2026 nav[class*="text-right"] { display: none !important; }

/* 타이틀 아래 콘텐츠 간격 확대 */
body.new2026 .n26_sub_stitle { margin-bottom: 32px !important; }
body.new2026 .n26_sub_content { padding-top: 24px !important; }
body.new2026 .n26_sub_section { margin-bottom: 48px !important; }

/* 게시판 탭 위 간격 */
body.new2026 .bd_list .network_ul { margin-top: 16px !important; }
body.new2026 .bd_list .layout_wrap { padding-top: 16px !important; }
body.new2026 .bd_view .layout_wrap { padding-top: 16px !important; }
}

/* ============================================================ */
/* [2026 리뉴얼] 알립니다 탭 메뉴 - at-board-tabs */
/*   공지사항 / 활동소식 / 자료실 3개 탭 카드형 디자인 */
/*   - 다른 페이지에 영향 없도록 새 클래스로 격리 */
/* ============================================================ */
/* ★ 부모 wrap_fix 자체를 가운데 정렬 강제 (게시판 페이지 한정)
   .wrap_fix 가 CSS 어디에도 정의 안 되어 있어서 부모 layout_wrap 폭 그대로 좌측 정렬되고 있음
   → 탭 / 검색박스 / 목록 모두 우측으로 치우치는 근본 원인 */
body.new2026 .bd_list .layout_wrap .wrap_fix,
body.new2026 .layout_wrap.sub_1 .wrap_fix {
    max-width: 1280px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

body.new2026 nav.at-board-tabs,
body.new2026 .at-board-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 36px !important;
    margin-bottom: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    transition: opacity .25s ease !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    text-align: left !important;
    justify-content: stretch !important;
    align-items: stretch !important;
}

/* 부모가 text-align:center 처리되어 inline 으로 떠밀리는 경우 차단 */
body.new2026 .wrap_fix > .at-board-tabs,
body.new2026 .layout_wrap .at-board-tabs {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* wow.js 애니메이션 잔재 차단 - 탭은 정적 정렬 */
body.new2026 .at-board-tabs.wow,
body.new2026 .at-board-tabs.fadeInUpSmall {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* AJAX 로딩 중 상태 - 탭 영역은 그대로 유지, 콘텐츠 영역만 흐려짐 */
body.new2026 .at-board-tabs.is-loading .atb-item {
    pointer-events: none !important;
    cursor: progress !important;
}
body.new2026 .content_wrap.is-tabs-loading {
    opacity: 0.55 !important;
    transition: opacity .2s ease !important;
    position: relative !important;
    pointer-events: none !important;
}
body.new2026 .content_wrap.is-tabs-loading::after {
    content: '' !important;
    position: absolute !important;
    top: 100px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    border: 3px solid rgba(16, 185, 129, 0.15) !important;
    border-top-color: #10B981 !important;
    border-radius: 50% !important;
    animation: at-tabs-spin .8s linear infinite !important;
    z-index: 10 !important;
}
@keyframes at-tabs-spin {
    to { transform: translateX(-50%) rotate(360deg); }
}

/* 콘텐츠 페이드인 (탭 전환 직후) */
body.new2026 .content_wrap.is-tabs-fadein {
    animation: at-tabs-fadein .35s ease !important;
}
@keyframes at-tabs-fadein {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

body.new2026 .at-board-tabs .atb-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 22px 24px !important;
    background: #FFFFFF !important;
    border: 2px solid #E5E7EB !important;
    border-radius: 18px !important;
    text-decoration: none !important;
    color: #475569 !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease !important;
    overflow: hidden !important;
    cursor: pointer !important;
    min-height: 90px !important;
    box-sizing: border-box !important;
}

/* 좌측 상단 데코 라인 */
body.new2026 .at-board-tabs .atb-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #10B981 0%, #059669 100%) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

body.new2026 .at-board-tabs .atb-item:hover {
    border-color: #6EE7B7 !important;
    background: #F0FDF4 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(16, 185, 129, 0.16) !important;
    color: #047857 !important;
}
body.new2026 .at-board-tabs .atb-item:hover::before {
    transform: scaleX(1) !important;
}

/* 활성 탭 - 솔리드 그라데이션 */
body.new2026 .at-board-tabs .atb-item.is-active {
    background: linear-gradient(135deg, #10B981 0%, #047857 100%) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
    box-shadow: 0 14px 28px rgba(16, 185, 129, 0.36),
                0 6px 12px rgba(4, 120, 87, 0.18) !important;
    transform: translateY(-2px) !important;
}
body.new2026 .at-board-tabs .atb-item.is-active::before {
    transform: scaleX(1) !important;
    background: rgba(255, 255, 255, 0.45) !important;
}

/* 활성 탭 배경 데코 - 우측 하단 큰 원 */
body.new2026 .at-board-tabs .atb-item.is-active::after {
    content: '' !important;
    position: absolute !important;
    right: -40px !important;
    bottom: -40px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.10) !important;
    pointer-events: none !important;
}

/* 아이콘 박스 */
body.new2026 .at-board-tabs .atb-ico {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%) !important;
    color: #059669 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    flex-shrink: 0 !important;
    transition: background .25s ease, color .25s ease, transform .25s ease !important;
    position: relative !important;
    z-index: 1 !important;
}
body.new2026 .at-board-tabs .atb-item:hover .atb-ico {
    transform: rotate(-6deg) scale(1.05) !important;
}
body.new2026 .at-board-tabs .atb-item.is-active .atb-ico {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

/* 텍스트 */
body.new2026 .at-board-tabs .atb-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
    flex: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}
body.new2026 .at-board-tabs .atb-lbl {
    display: block !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #1E293B !important;
    line-height: 1.3 !important;
    transition: color .25s ease !important;
}
body.new2026 .at-board-tabs .atb-item:hover .atb-lbl { color: #047857 !important; }
body.new2026 .at-board-tabs .atb-item.is-active .atb-lbl { color: #FFFFFF !important; }

body.new2026 .at-board-tabs .atb-desc {
    display: block !important;
    font-size: 12px !important;
    color: #94A3B8 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.01em !important;
    transition: color .25s ease !important;
}
body.new2026 .at-board-tabs .atb-item:hover .atb-desc { color: #10B981 !important; }
body.new2026 .at-board-tabs .atb-item.is-active .atb-desc {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* 우측 화살표 */
body.new2026 .at-board-tabs .atb-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #CBD5E1 !important;
    transition: transform .25s ease, color .25s ease !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}
body.new2026 .at-board-tabs .atb-item:hover .atb-arrow {
    color: #10B981 !important;
    transform: translateX(4px) !important;
}
body.new2026 .at-board-tabs .atb-item.is-active .atb-arrow {
    color: rgba(255, 255, 255, 0.9) !important;
    transform: translateX(2px) !important;
}

/* 태블릿 */
@media (max-width: 1024px) {
    body.new2026 .at-board-tabs {
        max-width: calc(100% - 32px) !important;
        gap: 12px !important;
    }
    body.new2026 .at-board-tabs .atb-item {
        padding: 18px 18px !important;
        gap: 12px !important;
    }
    body.new2026 .at-board-tabs .atb-ico {
        width: 46px !important; height: 46px !important;
        font-size: 19px !important;
    }
    body.new2026 .at-board-tabs .atb-lbl { font-size: 15px !important; }
    body.new2026 .at-board-tabs .atb-desc { font-size: 11px !important; }
}

/* 모바일 */
@media (max-width: 768px) {
    body.new2026 .at-board-tabs {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 24px auto 28px !important;
        max-width: calc(100% - 24px) !important;
    }
    body.new2026 .at-board-tabs .atb-item {
        padding: 16px 18px !important;
        min-height: 0 !important;
    }
    body.new2026 .at-board-tabs .atb-item:hover {
        transform: none !important;
    }
    body.new2026 .at-board-tabs .atb-item.is-active {
        transform: none !important;
    }
}