/* ==================================================
   Common.css - Reset & Base Style
   --------------------------------------------------
   ================================================== */

/* ------------------------------
   기본 박스 모델 & 문서 설정
   ------------------------------ */
   html { box-sizing: border-box; font-size: 62.5%;}
  
  *, *::before, *::after { box-sizing: inherit; }
  html, body { width: 100%; height: 100%; }
  body { margin: 0; padding: 0; font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-size: 1.6rem; line-height: 1.5; color: #222; background-color: #fff; text-size-adjust: 100%; word-break: keep-all; }
  
  /* ------------------------------
     기본 요소 리셋
     ------------------------------ */
  body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6,
  p, blockquote, pre, a, abbr, address,
  cite, code, del, dfn, em, img, ins, kbd,
  q, s, samp, small, strong, sub, sup,
  var, b, i, dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, main { margin: 0; padding: 0; border: 0; }
  
  article, aside, details, figcaption, figure,
  footer, header, hgroup, nav, section, main {
    display: block;
  }
  
  /* 리스트 기본 스타일 제거 */
  ul, ol { list-style: none; }

  img { max-width: 100%; border: 0; vertical-align: middle; }
  a { color: inherit; text-decoration: none; background-color: transparent; }
  
  a:hover { text-decoration: none; }
  /* strong, em 기본값 정리 */
  strong { font-weight: 700; }
  em { font-style: normal; }
  blockquote, q { quotes: none; }  
  blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
  hr { box-sizing: content-box; height: 0; margin: 0; border: 0; border-top: 1px solid #eee; }
  
  /* ------------------------------
     테이블 기본 설정
     ------------------------------ */
  table { width: 100%; border-collapse: collapse; border-spacing: 0; }
  
  caption { position: static; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }
  
  /* ------------------------------
     폼 요소 기본 설정
     ------------------------------ */
  button,
  input,
  select,
  textarea { margin: 0; padding: 0; font: inherit; color: inherit; background: none; border-radius: 0; border: 0; outline: none; box-shadow: none; }
  option {font-size: 14px; color: #000; background: #fff; }
  button {
    cursor: pointer;
    background-color: transparent;
  }
  
  button[disabled],
  input[disabled],
  select[disabled],
  textarea[disabled] {
    cursor: default;
  }
  
  input[type="number"] {
    -moz-appearance: textfield;
  }
  
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }
  
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  
  /* placeholder 색상 통일 */
  ::placeholder { color: #aaa; opacity: 1; }
  
  /* select 화살표 제거 기본값 (프로젝트에서 커스텀 화살표 쓸 때) */
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; }
select::-ms-expand { display: none; }
textarea { resize: vertical; }

  /* ------------------------------
     스크롤바
     ------------------------------ */
  /* 웹킷 기반 브라우저 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }

/* ------------------------------
접근성: 포커스 스타일
 ------------------------------ */
/* 키보드 포커스 시 명확한 아웃라인 */
:focus-visible { outline: 2px solid #214aa6; outline-offset: 2px; }
:focus:not(:focus-visible) { outline: none; }

/* ------------------------------
공통 레이아웃 유틸
------------------------------ */
  /* 가운데 정렬 컨테이너 (프로젝트별 max-width 조정) */
    .inner { width: 100%; max-width: 1400px; margin: 0 auto;}
  /* float 해제용 */
.clearfix::after { content: ""; display: block; clear: both; }
.is_hidden { display: none; }
.sound_only,
.blind,
.sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

  /* 스킵 네비게이션 */
.skip_link { position: absolute; top: -40px; left: 0; z-index: 1000; padding: 8px 16px; background-color: #000; color: #fff; font-size: 1.4rem; }
.skip_link:focus, .skip_link:active { top: 0; }

/* ------------------------------
텍스트 유틸
 ------------------------------ */

  /* 말줄임 한 줄 */
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 말줄임 여러 줄 (필요할 때 line-clamp 조정) */
.ellipsis_multi { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* 텍스트 정렬 */
.text_left { text-align: left !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }
/* ------------------------------
텍스트 색깔
 ------------------------------ */
.tx_bl{color:#004e96;}


/* ------------------------------
공용 css
 ------------------------------ */
.bb_zero{border-bottom: none !important;}

/* ==================================================
Header
================================================== */

#header { position: relative; z-index: 100; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
.header_inner { display: flex; align-items: center; justify-content: space-between; padding:20px 0; }
.logo a {}
.logo img { display: block; max-height: 60px; }
.gnb { flex: 1; }
.gnb_list { display: flex; justify-content: center; gap: 60px; font-size: 2rem; }
.gnb_list > li > a { position: relative; display: block; white-space: nowrap; font-weight: 600; }
.gnb_list > li > a:hover, 
.gnb_list > li > a:focus-visible { color: #005bac; }
.gnb_list > li.is_active > a::after,
.gnb_list > li > a:hover::after,
.gnb_list > li > a:focus-visible::after { width: 100%; }
.gnb_dim { display: none; }
.btn_gnb_close { display: none; }
/* ===========================
   GNB 메가메뉴
   =========================== */

/* 전체 래퍼 */
.gnb_depth_wrap { position: absolute; left: 0; top: 100%; width: 100%; display: none; z-index: 40; }
.gnb_depth_wrap.is_open { display: block; }
.gnb_depth_bg { padding: 40px 0; min-height: 300px; background: linear-gradient( to right, #0079cd 0, #0079cd 460px, #ffffff 460px, #ffffff 100% ); --inner-width: 1400px; --title-block: 260px; --split-x: calc(50% - (var(--inner-width) / 2) + var(--title-block)); background: linear-gradient( to right, #0079cd 0, #0079cd var(--split-x), #ffffff var(--split-x), #ffffff 100% ); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.gnb_depth_inner { display: flex; max-width: 1400px; margin: 0 auto; gap:60px }
.gnb_depth_title { width: 220px; padding-right: 40px; color: #fff; }
.gnb_depth_kor { font-size: 2.8rem; font-weight: 600; margin-bottom: 20px; }
.gnb_depth_line { display: block; width: 120px; height: 2px; background-color: #fff; }
.gnb_depth_col { display: grid; grid-template-columns: repeat(4, 230px); gap: 14px 20px; justify-content: center; margin: 0 auto; }
.gnb_depth_col_title {  position: relative; display: block; font-size: 1.5rem; font-weight: 600; border:1px solid #0070b9; background-color: #fff; color:#0070b9; padding:10px 5px; text-align: center; min-width:180px; max-height: 42px;  transition: 
background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;}
.gnb_depth_col_title:hover,
.gnb_depth_col_title:focus-visible { background-color: #0070b9; color: #ffffff; transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 14px rgba(0, 112, 185, 0.25); }
.gnb_depth_col_list a:focus-visible { text-decoration: underline; }
#header { position: relative; z-index: 50; }
/*20251117 수정*/
.gnb_depth_lnb{margin-top: 4px;}
.gnb_depth_lnb > li > a{padding-left: 10px; font-size: 1.4rem; position: relative; color:#555}
.gnb_depth_lnb > li > a::before{content: '·'; margin-right: 5px; vertical-align: middle; color:#555;}
body.is_gnb_open { overflow: hidden; touch-action: none; position: fixed; width: 100%; }
/*//20251117 수정*/


.btn_gnb_toggle { display: none; position: relative; width: 32px; height: 32px; margin-left: 24px; }
.btn_gnb_toggle span { position: absolute; left: 4px; right: 4px; height: 2px; border-radius: 2px; background-color: #222; transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease, bottom 0.2s ease; }  
.btn_gnb_toggle span:nth-child(1) { top: 8px; }
.btn_gnb_toggle span:nth-child(2) { top: 15px; }
.btn_gnb_toggle span:nth-child(3) { bottom: 8px; }
/* 모바일 전용 GNB 2depth/3depth  */
.gnb_m_depth2,
.gnb_m_depth3 { display: none; }

/* ==================================================
Footer
================================================== */
#footer {background-color: #2d2d2d; color: #fff; font-size: 1.3rem; }
/*20251231 수정*/
.footer_inner { display: flex; align-items: flex-start; gap:50px; padding: 30px 0; }
.ft_logo{max-width: 160px; height: 100%; display: block;}
.ft_logo img{width: 100%; height: 100%; object-fit: cover;}
/*//20251231 수정*/
.ft_right a{font-size: 1.6rem;}
.ft_info{display: flex; gap:10px; margin-top: 20px;}

/* ==================================================
게시판 페이지네이션
================================================== */
/* 페이지네이션 기본 */
.board_pagination { margin-top: 40px; text-align: center; }
.board_pagination .pagination_list { display: inline-flex; gap: 6px; }
.board_pagination .page_item a { display: flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 8px; border-radius: 4px;  background-color: #fff; color: #555; font-size: 1.3rem; }
.board_pagination .page_item.is_active a { background-color: #118ad6; border-color: #118ad6; color: #fff; font-weight: 600; }
.board_pagination .page_item button { width: 32px; height: 32px; background-repeat: no-repeat; border: 1px solid #e0e0e0; border-radius: 4px; background-position: 50% 50%; }
.board_pagination .page_first button { background-image: url('../images/common/page_first.png'); background-size: 12px; }
.board_pagination .page_prev button { background-image: url('../images/common/page_prev.png'); background-size: 8px;}
.board_pagination .page_next button { background-image: url('../images/common/page_next.png'); background-size: 8px;}
.board_pagination .page_last button { background-image: url('../images/common/page_last.png'); background-size: 12px; }

/* ==================================================
프로그램 상태 탭
================================================== */
.board_tab {padding:20px 0; border-bottom:2px solid #111; }
.board_tab_list { display: flex; gap: 8px;   flex-wrap: wrap;}
.board_tab_item {}
.board_tab_btn { min-width: 88px; height: 36px; padding: 0 20px; border-radius: 999px; border: 1px solid #d0d0d0; background-color: #ffffff; font-size: 1.4rem; color: #666; }
.board_tab_item.is_active .board_tab_btn { background-color: #22305c; color: #ffffff; font-weight: 600; }
.board_tab_btn:hover,
.board_tab_btn:focus-visible { border-color: #118ad6; }


/* ==================================================
게시판
================================================== */
.tbl-break01.tbl-board { table-layout: fixed; }
.tbl-break01.tbl-board tbody td{ padding:20px 10px; border-bottom:2px solid #eaeaea; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tbl-break01.tbl-board tbody td a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tbl-board{text-align:center;border-top:2px solid #242424}
.tbl-board thead th{border-bottom:2px solid #eaeaea;font-size:1.5rem;padding:20px}
.tbl-board tbody th{padding:20px 10px;border-bottom:2px solid #eaeaea;border-right:2px solid #eaeaea}
.tbl-board tbody td{padding:20px 10px;border-bottom:2px solid #eaeaea}
.tbl-board tbody td a{display: block;}
.tbl-board .img-box{display:flex;align-items:center;text-align:left}
.board-movie .tbl-board {table-layout: fixed;}
.board-movie .tbl-board .img-box .img {min-width: 430px;max-width: 430px;width: 100%;height: 272px;}
.board-movie .tbl-board .img-box .img img {width: 100%;height: 100%;object-fit: cover;}
.board-movie .tbl-board .img-box{align-items: flex-start;}
.tbl-board tbody td.bor-r{border-right:2px solid #eaeaea}
.tbl-board tbody td.bor-r.bor-ea{background: #fffbdb;}
.tbl-board tbody td.bor-r.bor-df{background: #e6ffce;}
.tbl-board + .inf{margin-top:30px;font-size:1.15rem;font-weight: 600;}
.ico-addfile{background:url('../images/common/ico-clip.png') center no-repeat;display:inline-block;width:21px;height:21px;text-indent:-999%;overflow:hidden;margin:0 5px}
.tbl-board td[headers="td-subject"] { text-align: left; }
/* 번호 */
.tbl-break01.tbl-board th#td-num,
.tbl-break01.tbl-board td[headers="td-num"] { width: 100px; }
/* 구분 */
.tbl-break01.tbl-board th#td-badge,
.tbl-break01.tbl-board td[headers="td-badge"] {width: 190px; }
/* 첨부 */
.tbl-break01.tbl-board th#td-hit,
.tbl-break01.tbl-board td[headers="td-hit"] { width: 80px; }
/* 다운로드 */
.tbl-break01.tbl-board th#td-down,
.tbl-break01.tbl-board td[headers="td-down"] { width: 120px; }
/* 작성자 */
.tbl-break01.tbl-board th#td-writer,
.tbl-break01.tbl-board td[headers="td-writer"] { width: 110px; }
/* 등록일 */
.tbl-break01.tbl-board th#td-date,
.tbl-break01.tbl-board td[headers="td-date"] { width: 120px; }
/* 제목*/
.tbl-break01.tbl-board th#td-subject,
.tbl-break01.tbl-board td[headers="td-subject"] { min-width: 200px; }

  /*badge*/
.badge_org{color:#fff; background-color: #ed6400; border-radius: 15px; padding:8px 13px; min-width: 90px;}
.badge_sbl{color:#377bbb; border:1px solid #377bbb; border-radius: 15px; padding:4px 15px; display: inline-block; min-width: 90px }
.badge_dgr{color:#00735c; border:1px solid #00735c; border-radius: 15px; padding:4px 15px; display: inline-block; min-width: 90px;}
/*20251230 수정*/
.badge_dwn{border:1px solid #c1c1c1;  border-radius:15px; font-size: 1.3rem; padding:8px 15px; position: relative;}
.badge_dwn::before{content: ''; display: inline-block; width:14px; height: 12px; background: url(../images/sub/icon_dwn.png)no-repeat; margin-right: 5px; vertical-align: middle;}
.badge_link{border:1px solid #c1c1c1;  border-radius:15px; font-size: 1.3rem; padding:8px 15px; position: relative;}
.badge_link::before{ content: ''; display: inline-block; width:14px; height: 14px; background: url(../images/sub/icon_link2.png)no-repeat; margin-right: 5px; vertical-align: middle; }
/*//20251230 수정*/
.badge_hype01{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#377bbb; border:1px solid #377bbb; font-size: 1.3rem;}
.badge_hype02{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#1D80C4; border:1px solid #1D80C4; font-size: 1.3rem;}
.badge_hype03{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#008C7F; border:1px solid #008C7F; font-size: 1.3rem;}
.badge_hype04{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#2F7D32; border:1px solid #2F7D32; font-size: 1.3rem;}
.badge_hype05{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#947400; border:1px solid #947400; font-size: 1.3rem;}ㅋ
.badge_hype06{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#C56A22; border:1px solid #C56A22; font-size: 1.3rem;}
.badge_hype07{border-radius: 15px; padding:4px 0; display: inline-block; min-width: 120px; color:#E85C5C; border:1px solid #E85C5C; font-size: 1.3rem;}




/* ==================================================
게시판 - view페이지
================================================== */
.board_view{}
.board_view_top{border-top: 1px solid #000;border-bottom: 1px solid #dbdbdb;}
.board_view_top .tit{padding: 25px 0;font-size: 2.4rem;font-weight: 600;background-color: #f8faff;text-align: center;vertical-align: middle;}
.board_view_top .board_info{padding: 16px 0;border-top: 1px solid #dbdbdb;}
.board_view_top .board_info li{display: inline-block;}
.board_view_top .board_info li ~ li{margin-left: 25px;}
.board_view_top .board_info li b{display: inline-block; min-width: 90px;border-right: 1px solid #dbdbdb;text-align: center;color: #000;}
.board_view_top .board_info li > span{display: inline-block;color: #444;padding-left: 25px;}
.board_view_top .board_info li > span .txt_blue ~ .txt_blue{margin-left: 10px;}
.board_view_top .board_info li.flex{display: flex; flex-wrap: nowrap;align-items: center;}
.board_view_top .board_info li.flex .badge_down2{display: inline-block;}
.board_view_top .board_info li.flex span,
.board_view_top .board_info li.flex span a,
.board_view_top .board_info li.flex span a span { white-space: nowrap; }
.board_view_con{width: 100%; height: 100%; overflow: hidden; padding: 50px; text-align: left;border-bottom: 1px solid #dbdbdb;}
.board_view_con img{width: 100% !important; height: 100% !important;}
.board_view_btm{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; margin-top: 20px;}
.board_view_con .img_box{max-width: 500px; margin:0 auto;}
.btn_area { text-align: right; }
.btn_blk{ background-color: #222222; color:#fff; border-radius: 5px; display: inline-block; min-width: 110px; text-align: center; height: 40px; line-height: 40px; margin-top: 50px;}
.badge_down2{display: inline-flex;}
.badge_down2::before{content: "\ed0f";font-size: 2.4rem;color: #000;font-family: "remixicon";vertical-align: middle;}
.board_view_btm{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
.board_view_btm li.next{border-top: 1px solid #dbdbdb;}
.board_view_btm li a{display: flex;padding: 20px 0;}
.board_view_btm li a b{min-width: 82px;color: #000;}
.board_view_btm li a b::before{display: inline-block;width: 30px;height: 20px;content: "";font-size: 1.6rem;color: #929292;background-image: url(../images/common/paging_arr.png);background-repeat: no-repeat;vertical-align: middle;transform: rotate(90deg);}
.board_view_btm li.prev a b::before {background-position: -40px 0;}
.board_view_btm li.next a b::before {background-position: -80px 0;}
.board_view_btm li a span{display: inline-block; width: calc(100% - 62px); margin-left: 45px;color: #444;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
/* ==================================================
   AI·DX 영상 View
================================================== */
.aidx_view_wrap { margin-top: 30px; }
.aidx_view_visual { border-radius: 24px; background-color:#fafafa; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04); border:1px solid #efefef;}
.aidx_view_head { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 20px 28px; margin-bottom: 28px; background-color: #edf1f9; border-radius: 20px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); z-index: 10; }
.aidx_view_head_left { display: flex; align-items: center; justify-content: center; gap: 14px; }

.aidx_view_badge { display: inline-block; padding: 6px 14px; border-radius: 999px; background-color: #e5ecff; color: #214aa6; font-size: 1.3rem; font-weight: 600; }
.aidx_view_title { font-size: 2.1rem; font-weight: 600; color: #222; text-align: center; }
.aidx_view_head_right { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 10px; }
.aidx_view_icon_btn { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ddd; background-color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.aidx_view_video { margin-top: 30px; text-align: center; padding:30px; }
/*20250102 수정*/
.aidx_view_video_frame { position: relative; width: 100%; margin: 0 auto; border-radius: 24px; overflow: hidden; background-color: #000; height:500px; }
.aidx_view_video_frame iframe,
.aidx_view_video_frame img { display: block; width: 100%; height: 100%; }
/*//20250102 수정*/
.aidx_view_video_desc { margin-top: 24px; font-size: 1.5rem; color: #444; line-height: 1.8; }
.aidx_view_video_desc p + p { margin-top: 8px; }
.aidx_view_materials { margin-top: 40px; }
.aidx_view_section_title { font-size: 1.8rem; font-weight: 600; margin-bottom: 16px; }
/* 자료 테이블 */
.aidx_view_table_wrap { border-top: 2px solid #111; border-bottom: 1px solid #e5e5e5; }
.aidx_view_table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 1.5rem; }
.aidx_view_table thead th { padding: 14px 12px; text-align: center; border-bottom: 1px solid #e5e5e5; background-color: #fafafa; }
.aidx_view_table tbody td { padding: 14px 12px; border-top: 1px solid #f0f0f0; text-align: center; }
.aidx_view_td_title { text-align: left; }
.aidx_view_btn_download { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 10px; border-radius: 15px; border: 1px solid #c1c1c1; background-color: #ffffff; font-size: 1.3rem; }
.aidx_view_btn_icon { width: 14px; height: 14px; background: url('../images/sub/icon_dwn.png') no-repeat center center; background-size: contain; }
.aidx_view_btn_text { display: inline-block; }
.aidx_view_btn_area { margin-top: 24px; text-align: right; }




/* 반응형 */
@media (max-width: 1400px) {
  .inner{width: 100%; padding:0 20px;}
  .lnb{display: none;}
  .header_inner,
  .footer_inner{padding:20px;}
}

@media (max-width: 1024px) {
  .btn_gnb_toggle { display: block; }
  .header_inner { padding: 14px 20px; }
  #header .gnb { position: fixed; top: 0; right: 0; width: calc(100% - 100px); height: 100%; background-color: #ffffff; transform: translateX(100%);
    box-shadow: -4px 0 12px rgba(0,0,0,0.18); padding: 80px 10px 24px; z-index: 200; overflow-y: auto; -webkit-overflow-scrolling: touch;}
  #header .gnb.is_animated { transition: transform 0.3s ease; }
  #header .gnb.is_open { transform: translateX(0); }
  .gnb_dim { position: fixed; inset: 0; background: rgba(0,0,0,0.45); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 150; display: block; }
  .gnb_dim.is_active { opacity: 1; pointer-events: auto; }
  .btn_gnb_toggle { display: block; }
  .gnb_list { display: flex; flex-direction: column; gap: 0; font-size: 1.8rem; }
  .gnb_list > li > a { display: block; padding: 14px 4px; border-bottom: 1px solid #eee; }
  .gnb_depth_wrap { display: none !important; }
  body.is_gnb_open { overflow: hidden; }
  .btn_gnb_close { display: block; position: absolute; top: 25px; right: 25px; width: 28px; height: 28px; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.btn_gnb_close i { font-size: 2.5rem; }
.gnb_m_depth2,
.gnb_m_depth3 { display: none; padding: 4px 0 8px 12px; }
.gnb_list > li.is_open > .gnb_m_depth2 { display: block; }
.gnb_m_depth2 > li > a { display: block; padding:4px; font-size: 1.3rem; color: #444; }
.gnb_m_depth3 { padding-left: 10px; }
.gnb_m_depth3 > li > a { position: relative; display: block; padding: 4px 8px; font-size: 1.3rem; color: #666; }
.gnb_m_depth3 > li > a::before { content: "·"; position: absolute; left: 2px; top:5px; font-size: 1.3rem; vertical-align: middle; }
.gnb_m_toggle { font-size: 1.3rem; margin-left: auto; transition: transform 0.25s ease; vertical-align: middle;}
.has_3depth.is_3open > a .gnb_m_toggle { transform: rotate(180deg); /* + → - 느낌 */ }
.aidx_view_visual { padding: 20px 20px 28px; }
.aidx_view_head { position: relative; display: flex; flex-direction: column; align-items: center; padding: 16px 16px 20px; gap:0;}
.aidx_view_head_left { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.aidx_view_head_right { position: static; width: 100%; display: flex; justify-content: flex-end; }
.aidx_view_title { font-size: 1.9rem; }
.aidx_view_video { padding: 20px; margin-top: 16px; }
.aidx_view_video_frame { max-width: 100%; border-radius: 20px; }
.aidx_view_video_desc { font-size: 1.4rem; }
}

@media (max-width: 768px) {
  .logo img{max-height: 50px;}
  .board_tab { padding: 10px 16px; }
  .board_tab_btn { flex: 1; min-width: auto; font-size: 1.3rem; padding: 0 12px; }
  .footer_inner{display: block;}
  .ft_right{margin-top: 20px;}
  /*20251231 수정*/
  .ft_info{display: block; margin-top: 10px; text-align: center;}
    /*20251231 수정*/
  /*20251231 수정*/
  .board_view_top .tit{font-size: 2rem; padding:15px 5px;}
  .board_view_top .board_info li{display: block;}
  .board_view_top .board_info li ~ li{margin-left: 0; margin-top: 5px;}
  .board_view_top .board_info li.flex span{ white-space: pre-wrap;}
  .board_view_top .board_info li.flex .badge_down2{margin-left: 5px;}
  /*//20251231 수정*/
  /*테이블 쪼개기*/
  .tbl-break01.tbl-board tbody tr{display:flex;flex-wrap:wrap;padding: 15px;border-bottom: 1px solid #dbdbdb; align-items: center;}
  .tbl-break01.tbl-board thead th,
  .tbl-break01.tbl-board tbody th,
  .tbl-break01.tbl-board tbody td {display: table-cell; border: 0;}
  .tbl-break01.tbl-board thead th{display: none;}
  .tbl-break01.tbl-board tbody td{display: block;padding: 5px 0;}
  .tbl-break01.tbl-board td[headers="td-num"]{order: 1;min-width:10%;text-align: left;} 
  .tbl-break01.tbl-board td[headers="td-subject"]{order:2;flex-basis: 90%;display: flex;min-width: 90%;}
  .tbl-break01.tbl-board td[headers="td-writer"],
  .tbl-break01.tbl-board td[headers="td-hit"],
  .tbl-break01.tbl-board td[headers="td-down"] {order: 3;padding-right: 15px;color: #555;}
  .tbl-break01.tbl-board td[headers="td-date"]{order:4}
  .tbl-break01.tbl-board td[headers="td-numco"]{order:5}
  .tbl-break01.tbl-board td[headers="td-time"]:before ,
  .tbl-break01.tbl-board td[headers="td-numco"]:before {content: attr(data-th) ": ";/* font-weight: bold; */width: auto;display: inline-block;margin-right: 10px;color: #555;}
  /* 번호 */
  .tbl-break01.tbl-board th#td-num,
  .tbl-break01.tbl-board td[headers="td-num"],
  .tbl-break01.tbl-board th#td-badge,
  .tbl-break01.tbl-board td[headers="td-badge"],
  .tbl-break01.tbl-board th#td-hit,
  .tbl-break01.tbl-board td[headers="td-hit"],
  .tbl-break01.tbl-board th#td-down,
  .tbl-break01.tbl-board td[headers="td-down"],
  .tbl-break01.tbl-board th#td-writer,
  .tbl-break01.tbl-board td[headers="td-writer"],
  .tbl-break01.tbl-board th#td-date,
  .tbl-break01.tbl-board td[headers="td-date"],
  .tbl-break01.tbl-board th#td-subject,
  .tbl-break01.tbl-board td[headers="td-subject"] { width:auto; }
  .tbl-break01.tbl-board th#td-badge,
  .tbl-break01.tbl-board td[headers="td-badge"]{margin-right: 10px;}
  .tbl-break01.tbl-board .badge_dwn{margin-right: 10px;}
  .tbl-break01.tbl-board th#td-hit,
  .tbl-break01.tbl-board td[headers="td-hit"]{display: none;}
  .aidx_view_visual { padding: 16px 14px 24px; border-radius: 18px; }
  .aidx_view_head { flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-bottom: 16px; }
  .aidx_view_title { font-size: 1.7rem; text-align: left; }
  .aidx_view_head_right { right: 14px; top: 14px; transform: none; }
  .aidx_view_video { padding: 16px 0 20px; }
  .aidx_view_video_frame { max-width: 100%; border-radius: 16px; }
  .aidx_view_video_desc { font-size: 1.35rem; text-align: left; }
  .aidx_view_table_wrap { overflow-x: auto; }
  .aidx_view_table { min-width: 480px; }
  .aidx_view_btn_area { text-align: center; margin-top: 18px; }
    /*20251231 수정*/
  .ft_logo{max-width: 120px; margin:0 auto;}
    /*20251231 수정*/
}