/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2025 | 07:28:27 */
/* ==========================================================================
   Easy Table of Contents (EZ-TOC) Standalone Custom Styles (JS-Powered)
   ========================================================================== */

/* 1. 전체 컨테이너 스타일링 */
#ez-toc-container {
    background: #f5f7fb !important;
    border: 1px solid #e3e8f0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 20px 24px !important;
    margin: 32px 0 !important;
}

/* 2. 제목 영역 */
#ez-toc-container .ez-toc-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
	
}
#ez-toc-container p.ez-toc-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #020d33 !important;
    margin: 0 !important;
}

/* 3. 토글 버튼 (JavaScript가 텍스트를 제어합니다) */
#ez-toc-container .ez-toc-title-toggle a.ez-toc-toggle {
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none !important;
    color: #0084ff !important;
    background-color: rgba(0, 132, 255, 0.1);
    padding: 4px 12px;
    border-radius: 999px;
    border: none !important;
    transition: all 0.2s ease;
    min-width: 50px; /* "Open", "Hide" 너비에 맞게 조정 */
    text-align: center;
}
#ez-toc-container .ez-toc-title-toggle a.ez-toc-toggle:hover {
    background-color: #0084ff;
    color: #ffffff !important;
}
/* 플러그인의 기본 아이콘과 텍스트는 완전히 숨김 */
#ez-toc-container .ez-toc-title-toggle .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-title-toggle .eztoc-hide {
    display: none !important;
}

/* 4. 목차 목록 (넘버링 제거) */
#ez-toc-container nav ul.ez-toc-list,
#ez-toc-container nav ul.ez-toc-list li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    line-height: 1.5;
}
#ez-toc-container nav ul.ez-toc-list > li {
    margin-bottom: 12px !important;
	margin-top: 16px !important
}
#ez-toc-container nav ul.ez-toc-list > li:last-child {
    margin-bottom: 0 !important;
}

/* 5. 링크 스타일 (클릭 후 색상 변경 없음) */
#ez-toc-container nav ul li a,
#ez-toc-container nav ul li a:visited { /* :visited 상태 추가 */
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #0e63bf; /* 항상 동일한 색상 유지 */
    text-decoration: none;
    border: none !important;
}
#ez-toc-container nav ul li a:hover {
    color: #0084ff;
    text-decoration: underline;
}

/* 6. 자동 넘버링(Counter) 숨기기 */
#ez-toc-container.ez-toc-counter nav > ul.ez-toc-list > li:before {
    display: none !important;
}

/* 7. 하위 목록 스타일 */
#ez-toc-container nav ul ul {
    margin-top: 12px !important;
    padding-left: 20px !important;
    border-left: 2px solid #e1e7f5;
}