/* 관리자 - 모집요강 네비게이션 ================================================================================== */
#nav_listbox                                {display:flex; flex-direction:column; }
#nav_listbox .nav_rows                      {display:flex; align-items:center; gap:5px;background:#fff; border:1px solid #e2e5ea; border-radius:5px; padding:8px 10px;margin-bottom:5px;}
#nav_listbox .nav_rows.dragging             {opacity:.4;}
#nav_listbox .nav_rows.nav_dings            {border-top:2px solid #ee6c2f;}
#nav_listbox .nav_drags                     {cursor:grab; color:#b7bcc6; letter-spacing:1px; width:18px; text-align:center; user-select:none;}
#nav_listbox .nav_drags:active              {cursor:grabbing;}
#nav_listbox .nav_nums                      {width:26px; height:26px; border-radius:50%; background:#f5f6f8; color:#666;display:flex; align-items:center; justify-content:center; font-size:0.8em; font-weight:bold;flex-shrink:0;}
#nav_listbox .nav_rows input.nav_titles     {flex:1; padding:5px; border:1px solid #e2e5ea; border-radius:3px; }
#nav_listbox .nav_rows input.nav_pages      {width:90px; padding:5px; border:1px solid #e2e5ea; border-radius:3px; text-align:center;}
#nav_listbox .nav_rows .nav_del_btns        {width:32px; height:32px; border:1px solid #f0c9c3; background:#fdf1f0; color:#d9463d;border-radius:4px; cursor:pointer; flex-shrink:0; display:flex;align-items:center; justify-content:center;}
#nav_listbox .nav_rows .nav_del_btns:hover  {background:#f8d9d5;}





/* 시용자 - 모집요강 ================================================================================== */
.pdf_viewer_wrap        {display: grid; grid-template-columns:auto 260px; gap:6px;  }
.pdf_toolbar                    {display: flex;  flex-flow:wrap; gap:4px;   margin-bottom:6px; border-right: 0 solid #ddd;}
.pdf_toolbar li                   {flex: 1; text-align: center;}
.pdf_toolbar li a                {display:block; font-size: 0.9em; font-weight:600; color:#fff; padding: 10px 0; background: #818181; border: 1px solid rgb(0,0,0,0.12); display: flex;  align-items:center;  justify-content:center;  }
.pdf_toolbar li a i              {margin-left:8px; }
.pdf_toolbar li.vdown a                { color:#222;   background: #fff; border: 1px solid rgb(0,0,0,0.43);  }
.pdf_toolbar li a:hover         {background:var(--color4); border-color:var(--color4); color:#fff; }
.pdf_toolbar li a span       {display: inline-block; width:20px; height:20px; margin-right:8px; }
.pdf_toolbar li .icon_pdf      {background:url('../img/icon_pdf.png') no-repeat center 50%; background-size:100% auto; }
.pdf_toolbar li .icon_hwp      {background:url('../img/icon_hwp.png') no-repeat center 50%; background-size:100% auto; }
.pdf_toolbar .badge             {display: inline-block; background: #e74c3c; color: #fff; font-size: 11px; border-radius: 3px; padding: 1px 6px; margin-left: 4px;}
.pdf_toolbar .badge.blue        { background: #2d6cdf; }
.pdf_wrap                       {display: flex; max-width: 1200px; margin: 0 auto; gap: 4px; align-items: flex-start;}

/* 오른쪽 목차 */
.nav_wrap                          {background:#f0f0f0; padding:5px; }
.nav_wrap .nav_tit            {display:block; font-size:1em; font-family: 'Paperlogy'; font-weight:600; color:#111; padding:9px 0; text-align: center; margin-bottom:5px; }
.nav_wrap .nav                  {width: 100%;  }
.nav_wrap .nav div              {padding:13px 15px; border: 1px solid #eee; font-size: 0.9em; color: #444; cursor: pointer; background: #fff; }
.nav_wrap .nav div + div        {border-top: none;}
.nav_wrap .nav div:hover,
.nav_wrap .nav div.active       {background:var(--color1); color: #fff;}

/* 모바일 셀렉트박스 */
.pdf_wrap .nav-mobile           {display: none;width: 100%;padding:6px 10px;margin-bottom: 6px; font-size: 0.9em; border: 1px solid #d5d5d5;  }

/* 왼쪽 PDF 뷰어 - A4 비율 고정, 목차 길이와 무관 */
.pdf_wrap .viewer               {flex: 1;  display: flex; flex-direction: column; aspect-ratio: 1 / 1.4; max-height: 1170px;}
.pdf_wrap .viewer iframe        {flex: 1; width: 100%; height: 100%; border: none;}


/* 반응형 */
@media (max-width: 1200px)  {
    .pdf_viewer_wrap        {  grid-template-columns:auto 200px;    }
    .pdf_toolbar li a                { font-size: 0.85em;}
    .nav_wrap .nav div              {padding:11px 15px;   }
}
@media (max-width: 1100px)  {
    .pdf_viewer_wrap        {  grid-template-columns:auto 175px;    }
}
@media (max-width: 1024px)  {
    .pdf_viewer_wrap        {  grid-template-columns:auto 200px;    }
    .pdf_toolbar, .pdf_wrap     { max-width: 100%; }
} 
@media (max-width: 768px) {
    .pdf_viewer_wrap        {  grid-template-columns:1fr;  }  
    .pdf_toolbar li a                {  padding:8px 0;}

    .pdf_wrap                   { flex-direction: column; align-items: stretch; }
    .nav_wrap                { display: none; }
    .pdf_wrap .nav-mobile       { display: block; }
    .pdf_wrap .viewer           { width: 100%; max-height: none; /* aspect-ratio: auto; min-height: 80vh;  */ }
} 
@media (max-width: 560px) {  
    .pdf_toolbar                { flex-direction: column; } 
    .pdf_wrap .viewer           { min-height: 50vh; }
}
@media (max-width: 480px) {   
}