臾명빐???덈젴 ?쒖뒪??v2.0 - 濡쒓렇??/title> <link rel="stylesheet" href="assets/css/main.css"> <style> /* Mobile Optimization Auto-Inject */ @media (max-width: 768px) { body { padding: 10px !important; font-size: 16px !important; } .container, .wrap, .wrapper, .main-content { width: 100% !important; padding: 0 !important; margin: 0 !important; } img, video, iframe, table { max-width: 100% !important; height: auto !important; } table { display: block; overflow-x: auto; white-space: nowrap; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { width: 100% !important; float: none !important; margin-bottom: 15px !important; } } .login-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; } .login-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 24px; padding: 3rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); max-width: 450px; width: 100%; text-align: center; } .login-icon { font-size: 4rem; margin-bottom: 1rem; } .login-title { font-size: 2rem; font-weight: 900; background: linear-gradient(135deg, #4F46E5, #06B6D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5rem; } .login-subtitle { color: #6B7280; margin-bottom: 2rem; } .form-group { margin-bottom: 1.5rem; text-align: left; } .form-label { display: block; font-weight: 600; margin-bottom: 0.5rem; color: #111827; } .form-input { width: 100%; padding: 1rem; border: 2px solid #E5E7EB; border-radius: 12px; font-size: 1rem; transition: all 0.3s; } .form-input:focus { outline: none; border-color: #4F46E5; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); } .error-message { background: #FEE2E2; color: #DC2626; padding: 1rem; border-radius: 8px; margin-bottom: 1rem; font-weight: 500; } .admin-link { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #E5E7EB; } .admin-link a { color: #4F46E5; text-decoration: none; font-weight: 600; } .admin-link a:hover { text-decoration: underline; } </style> </head> <body> <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet"> <style> /* === 다힘 학생 통합 헤더 (admin_header 와 동일 패턴) === */ body { padding-top: 65px; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; background-color: #f1f5f9; margin:0; } .dh-header { position: fixed; top:0; left:0; right:0; height: 65px; background: rgba(255,255,255,.95); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(226,232,240,.8); z-index: 99999; display: flex; align-items: center; justify-content: space-between; padding: 0 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,.03); } .dh-brand { font-size: 1.2rem; font-weight: 800; color: #1e293b; text-decoration: none; display: flex; align-items: center; gap: 8px; letter-spacing: -.01em; flex-shrink: 0; } .dh-brand i { color: #6366f1; font-size: 1.4rem; } .dh-brand span { background: linear-gradient(135deg, #1e293b 0%, #6366f1 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .dh-nav { display: flex; align-items: center; gap: 6px; height: 100%; } .dh-nav-link, .dh-dd-toggle { color: #64748b; text-decoration: none; font-weight: 600; font-size: .9rem; padding: .5rem .8rem; border-radius: 8px; transition: all .2s; white-space: nowrap; display: flex; align-items: center; gap: 5px; background: none; border: 0; cursor: pointer; font-family: inherit; width: auto !important; min-height: 0 !important; box-shadow: none !important; transform: none !important; justify-content: flex-start !important; } .dh-dd-toggle:hover { transform: none !important; box-shadow: none !important; } .dh-nav-link i, .dh-dd-toggle i { font-size: 1rem; opacity: .8; } .dh-nav-link:hover, .dh-dd-toggle:hover { color: #6366f1; background-color: rgba(99,102,241,.05); } .dh-nav-link.active, .dh-dd-toggle.active { color: #6366f1; background-color: #eef2ff; font-weight: 700; } .dh-dd-toggle::after { content: ''; display: inline-block; width: 0; height: 0; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid currentColor; opacity: .55; transition: transform .2s; } .dh-dd { position: relative; } .dh-dd::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 6px; } .dh-dd-menu { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; padding: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.08); display: none; z-index: 99999; margin-top: 4px; } .dh-dd.open > .dh-dd-menu { display: grid; } .dh-dd.open > .dh-dd-toggle::after { transform: rotate(180deg); } @media (hover: hover) and (pointer: fine) { .dh-dd:hover > .dh-dd-menu { display: grid; } .dh-dd:hover > .dh-dd-toggle { color: #6366f1; background-color: #eef2ff; } .dh-dd:hover > .dh-dd-toggle::after { transform: rotate(180deg); } } .dh-dd-menu { grid-template-columns: repeat(2, minmax(180px, 1fr)); column-gap: 4px; row-gap: 2px; min-width: 380px; max-width: min(560px, 90vw); } .dh-dd-item { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 6px; color: #64748b; text-decoration: none; font-size: .85rem; font-weight: 500; white-space: nowrap; transition: background .15s, color .15s; } .dh-dd-item i { width: 16px; opacity: .8; } .dh-dd-item:hover { background: #eef2ff; color: #6366f1; } .dh-dd-item.active { background: #eef2ff; color: #6366f1; font-weight: 700; } .dh-dd-item.admin-only { background: linear-gradient(135deg,#fff7ed,#fefce8); color:#c2410c; font-weight: 700; } /* 마지막 두 드롭다운 우측 정렬 (오버플로 방지) */ .dh-nav .dh-dd:nth-last-child(-n+2) > .dh-dd-menu { left: auto; right: 0; } .dh-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .dh-user { color: #475569; font-size: .82rem; font-weight: 700; } .dh-user i { color: #94a3b8; margin-right: 3px; } .dh-logout { background: #fff; color: #64748b; border: 1px solid #e2e8f0; padding: .4rem .8rem; border-radius: 8px; font-size: .8rem; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: all .15s; } .dh-logout:hover { background: #fef2f2; color: #ef4444; border-color: #fecaca; } .dh-burger { display: none; background: none; border: 0; cursor: pointer; padding: 8px; flex-direction: column; gap: 4px; } .dh-burger span { display: block; width: 22px; height: 2px; background: #475569; border-radius: 2px; transition: .2s; } /* 모바일 */ @media (max-width: 1180px) { .dh-nav, .dh-user { display: none; } .dh-burger { display: flex; } .dh-header { padding: 0 1rem; } } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 모바일 햄버거 — 회색 overlay 가 panel 을 덮어 클릭 불가 문제 해결. panel 을 transform 슬라이드가 아니라 단순 right:0 으로 자리잡게 하고, z-index 를 int max 로 강제해 어떤 요소도 위에 못 오게 한다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ .dh-mobile-overlay { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(15,23,42,.55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 2147483646 !important; display: none; pointer-events: auto !important; } .dh-mobile-overlay.open { display: block !important; } .dh-mobile-panel { position: fixed !important; top: 65px !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(320px, 88vw); max-width: 100vw; background: #fff !important; padding: 14px; overflow-y: auto; z-index: 2147483647 !important; /* panel 은 무조건 최상단 */ pointer-events: auto !important; box-shadow: -4px 0 16px rgba(0,0,0,.18); /* 슬라이드 애니메이션 없이 즉시 자리잡음 — transform 충돌 회피 */ transform: none !important; opacity: 1 !important; visibility: visible !important; } .dh-mobile-panel * { pointer-events: auto !important; } .dh-mobile-panel a, .dh-mobile-panel button { position: relative !important; z-index: 1 !important; } /* 다른 모바일 메뉴(어드민 .mobile-menu-overlay 등)가 위에 못 오게 강제 */ body.dh-mobile-open .mobile-menu-overlay, body.dh-mobile-open .modern-sidebar, body.dh-mobile-open .sidebar-overlay { z-index: 100 !important; pointer-events: none !important; } .dh-mobile-panel .dh-m-group { font-size: .7rem; font-weight: 800; color: #94a3b8; text-transform: uppercase; letter-spacing: .08em; padding: 12px 12px 6px; border-top: 1px solid #f1f5f9; margin-top: 4px; } .dh-mobile-panel .dh-m-group:first-child { border-top: 0; margin-top: 0; } .dh-mobile-panel a { display: flex; align-items: center; gap: 8px; padding: 11px 12px; border-radius: 8px; text-decoration: none; color: #334155; font-weight: 600; font-size: .9rem; } .dh-mobile-panel a:hover, .dh-mobile-panel a.active { background: #eef2ff; color: #6366f1; } .dh-mobile-panel a.sub { padding-left: 24px; font-size: .85rem; color: #64748b; } .dh-mobile-panel a.admin-only { background: linear-gradient(135deg,#fff7ed,#fefce8); color: #c2410c; } .dh-mobile-logout { margin-top: 14px; padding: 11px 12px; border-radius: 8px; background: #fef2f2 !important; color: #ef4444 !important; } </style> <header class="dh-header"> <a class="dh-brand" href="/students/dashboard/student_dashboard.php"> <i class="bi bi-mortarboard-fill"></i> <span>DAHIM 학생</span> </a> <nav class="dh-nav"> <a class="dh-nav-link " href="/students/dashboard/student_dashboard.php"> <i class="bi bi-house-door-fill"></i> 홈 </a> <div class="dh-dd"> <button type="button" class="dh-dd-toggle "> <i class="bi bi-book-fill"></i> 독해력 </button> <div class="dh-dd-menu"> <a class="dh-dd-item " href="/reading/student_dashboard.php"> <i class="bi bi-house" style="color:#0ea5e9"></i> 독해 대시보드 </a> <a class="dh-dd-item " href="/reading/student_reading.php"> <i class="bi bi-mic-fill" style="color:#0ea5e9"></i> 독해 트레이닝 </a> <a class="dh-dd-item " href="/reading/student_reading_test.php"> <i class="bi bi-file-text" style="color:#0ea5e9"></i> 읽기 테스트 </a> <a class="dh-dd-item " href="/reading/student_eye_training.php"> <i class="bi bi-eye-fill" style="color:#0ea5e9"></i> 눈 훈련 (워밍업) </a> <a class="dh-dd-item " href="/reading/textgym.php"> <i class="bi bi-collection" style="color:#0ea5e9"></i> 텍스트짐 </a> <a class="dh-dd-item " href="/reading/chunking/slash_practice.php"> <i class="bi bi-sliders" style="color:#0ea5e9"></i> 청킹 연습 </a> <a class="dh-dd-item " href="/reading/student_similar_quiz.php"> <i class="bi bi-search-heart" style="color:#0ea5e9"></i> 작품 분석 </a> <a class="dh-dd-item " href="/tests/reading/student_summary_stages.php"> <i class="bi bi-list-task" style="color:#0ea5e9"></i> 비문학 요약 트레이닝 </a> <a class="dh-dd-item " href="/reading/poetry/index.php"> <i class="bi bi-flower2" style="color:#0ea5e9"></i> 시 학습 </a> <a class="dh-dd-item " href="/admin/student_sijo_list.php"> <i class="bi bi-feather" style="color:#0ea5e9"></i> 시조 학습 </a> <a class="dh-dd-item " href="/reading/fiction/index.php"> <i class="bi bi-book-half" style="color:#0ea5e9"></i> 소설 학습 </a> <a class="dh-dd-item " href="/reading/theory/index.php"> <i class="bi bi-mortarboard" style="color:#0ea5e9"></i> 이론 학습 </a> <a class="dh-dd-item " href="/reading/elementary/reading_hub.php"> <i class="bi bi-balloon-heart" style="color:#0ea5e9"></i> 초등 독해 허브 </a> <a class="dh-dd-item " href="/reading/elementary/erdi_screening.php"> <i class="bi bi-clipboard2-pulse" style="color:#0ea5e9"></i> ERDI 진단 </a> </div> </div> <div class="dh-dd"> <button type="button" class="dh-dd-toggle "> <i class="bi bi-pencil-square"></i> 학습 </button> <div class="dh-dd-menu"> <a class="dh-dd-item " href="/question_bank/student_dashboard.php"> <i class="bi bi-pencil" style="color:#8b5cf6"></i> 모의고사 </a> <a class="dh-dd-item " href="/question_bank_neasin/student_dashboard.php"> <i class="bi bi-bank2" style="color:#8b5cf6"></i> 내신 문제은행 </a> <a class="dh-dd-item " href="/students/dahim/index.php"> <i class="bi bi-file-earmark-pdf-fill" style="color:#8b5cf6"></i> 다힘 PDF 문제 </a> <a class="dh-dd-item " href="/literacy_training/"> <i class="bi bi-book-half" style="color:#8b5cf6"></i> 문해력 훈련 </a> <a class="dh-dd-item " href="/students/dashboard/spelling_test.php"> <i class="bi bi-spellcheck" style="color:#8b5cf6"></i> 맞춤법 </a> <a class="dh-dd-item " href="/students/concept_practice.php"> <i class="bi bi-card-text" style="color:#8b5cf6"></i> 개념어 </a> <a class="dh-dd-item " href="/students/auto_concepts.php"> <i class="bi bi-patch-question" style="color:#8b5cf6"></i> 개념어 문제 </a> <a class="dh-dd-item " href="/students/grammar_practice.php"> <i class="bi bi-fonts" style="color:#8b5cf6"></i> 문법 개념어 </a> <a class="dh-dd-item " href="/students/korean_practice.php"> <i class="bi bi-ui-checks-grid" style="color:#8b5cf6"></i> 문법 개념어 문제 </a> <a class="dh-dd-item " href="/students/debate/index.php"> <i class="bi bi-chat-square-quote-fill" style="color:#8b5cf6"></i> 쟁점 토론 </a> <a class="dh-dd-item " href="/edu_videos/learning/courses.php"> <i class="bi bi-collection-play-fill" style="color:#8b5cf6"></i> 동영상 강의 </a> <a class="dh-dd-item " href="/edu_videos/learning/my_classroom.php"> <i class="bi bi-mortarboard-fill" style="color:#8b5cf6"></i> 나의 강의실 </a> <a class="dh-dd-item " href="/students/ebook/index.php"> <i class="bi bi-play-btn-fill" style="color:#8b5cf6"></i> PDF 인강 </a> <a class="dh-dd-item " href="/edu_videos/learning/exam_review.php"> <i class="bi bi-clipboard2-data-fill" style="color:#8b5cf6"></i> 시험대비 요점정리 </a> <a class="dh-dd-item " href="/books/ebook_creator.php"> <i class="bi bi-journal-bookmark" style="color:#8b5cf6"></i> 전자책 (eBook) </a> <a class="dh-dd-item " href="/free_diagnosis/"> <i class="bi bi-clipboard2-check" style="color:#8b5cf6"></i> 무료 진단 </a> </div> </div> <div class="dh-dd"> <button type="button" class="dh-dd-toggle "> <i class="bi bi-heart-pulse-fill"></i> 클리닉 </button> <div class="dh-dd-menu"> <a class="dh-dd-item " href="/clinic/metacog/student/index.php"> <i class="bi bi-house-heart" style="color:#ef4444"></i> 클리닉 홈 </a> <a class="dh-dd-item " href="/clinic/omr/"> <i class="bi bi-ui-checks" style="color:#ef4444"></i> OMR </a> <a class="dh-dd-item " href="/clinic/focus_reading/"> <i class="bi bi-bullseye" style="color:#ef4444"></i> 집중 독해 </a> <a class="dh-dd-item " href="/clinic/speed_reading/"> <i class="bi bi-lightning-fill" style="color:#ef4444"></i> 속독 </a> <a class="dh-dd-item " href="/clinic/dahim_hangul/"> <i class="bi bi-fonts" style="color:#ef4444"></i> 한글 </a> <a class="dh-dd-item " href="/clinic/recommend/"> <i class="bi bi-bookmark-star" style="color:#ef4444"></i> 추천 자료 </a> <a class="dh-dd-item " href="/clinic/followup/"> <i class="bi bi-arrow-repeat" style="color:#ef4444"></i> 후속 학습 </a> <a class="dh-dd-item " href="/clinic/ondemand/"> <i class="bi bi-cart-fill" style="color:#ef4444"></i> 주문형 </a> <a class="dh-dd-item " href="/clinic/sns_content/"> <i class="bi bi-instagram" style="color:#ef4444"></i> SNS 콘텐츠 </a> </div> </div> <div class="dh-dd"> <button type="button" class="dh-dd-toggle "> <i class="bi bi-graph-up"></i> 내 기록 </button> <div class="dh-dd-menu"> <a class="dh-dd-item " href="/students/daily_report.php"> <i class="bi bi-file-earmark-text-fill" style="color:#10b981"></i> 오늘의 보고서 </a> <a class="dh-dd-item " href="/students/planner_main.php"> <i class="bi bi-calendar-week" style="color:#10b981"></i> 학습 플래너 </a> <a class="dh-dd-item " href="/students/student_weekly_plan.php"> <i class="bi bi-calendar-event" style="color:#10b981"></i> 주간 계획 </a> <a class="dh-dd-item " href="/students/learning_record.php"> <i class="bi bi-journal-text" style="color:#10b981"></i> 학습 기록 </a> <a class="dh-dd-item " href="/students/my_insights.php"> <i class="bi bi-graph-up-arrow" style="color:#10b981"></i> 내 성장판 </a> <a class="dh-dd-item " href="/students/subject_stats.php"> <i class="bi bi-bar-chart-fill" style="color:#10b981"></i> 과목 통계 </a> <a class="dh-dd-item " href="/tests/student_progress_report.php"> <i class="bi bi-pie-chart-fill" style="color:#10b981"></i> 내 성적 분석 </a> <a class="dh-dd-item " href="/clinic/metacog/student/time_capsule.php"> <i class="bi bi-hourglass-split" style="color:#10b981"></i> 30일 시간 캡슐 </a> <a class="dh-dd-item " href="/students/dashboard/student_dashboard.php"> <i class="bi bi-trophy-fill" style="color:#10b981"></i> 정복한 약점 </a> </div> </div> <div class="dh-dd"> <button type="button" class="dh-dd-toggle "> <i class="bi bi-people-fill"></i> 활동 </button> <div class="dh-dd-menu"> <a class="dh-dd-item " href="/students/ideas.php"> <i class="bi bi-lightbulb-fill" style="color:#ec4899"></i> 아이디어를 주세요! </a> <a class="dh-dd-item " href="/clinic/metacog/student/checkin.php"> <i class="bi bi-qr-code-scan" style="color:#ec4899"></i> QR 입실 </a> <a class="dh-dd-item " href="/students/study_groups.php"> <i class="bi bi-people-fill" style="color:#ec4899"></i> 스터디 그룹 </a> <a class="dh-dd-item " href="/students/leaderboard.php"> <i class="bi bi-trophy-fill" style="color:#ec4899"></i> 리더보드 </a> <a class="dh-dd-item " href="/students/study_pet.php"> <i class="bi bi-heart-fill" style="color:#ec4899"></i> 학습 펫 </a> <a class="dh-dd-item " href="/students/lucky_roulette.php"> <i class="bi bi-dice-5-fill" style="color:#ec4899"></i> 행운 룰렛 </a> <a class="dh-dd-item " href="/students/challenges.php"> <i class="bi bi-flag-fill" style="color:#ec4899"></i> 챌린지 </a> <a class="dh-dd-item " href="/students/student_shop.php"> <i class="bi bi-shop" style="color:#ec4899"></i> 상점 </a> </div> </div> <div class="dh-dd"> <button type="button" class="dh-dd-toggle "> <i class="bi bi-robot"></i> AI 도구 </button> <div class="dh-dd-menu"> <a class="dh-dd-item " href="/students/dashboard/student_dashboard.php#twin"> <i class="bi bi-stars" style="color:#f59e0b"></i> 디지털 쌍둥이 AI </a> <a class="dh-dd-item " href="/students/ai_coach.php"> <i class="bi bi-chat-heart-fill" style="color:#f59e0b"></i> AI 코치 </a> <a class="dh-dd-item " href="/consulting/consulting_hakjong.php"> <i class="bi bi-mortarboard-fill" style="color:#f59e0b"></i> AI 학종 </a> </div> </div> <a class="dh-nav-link " href="/students/notifications.php"> <i class="bi bi-bell-fill"></i> 알림 </a> </nav> <div class="dh-actions"> <a class="dh-logout" href="/students/logout.php"><i class="bi bi-box-arrow-right"></i> 로그아웃</a> <button type="button" class="dh-burger" onclick="document.getElementById('dhMobileOv').classList.toggle('open')" aria-label="메뉴 열기"> <span></span><span></span><span></span> </button> </div> </header> <div class="dh-mobile-overlay" id="dhMobileOv" onclick="if(event.target.id==='dhMobileOv')this.classList.remove('open')"> <div class="dh-mobile-panel" onclick="event.stopPropagation()"> <button type="button" onclick="document.getElementById('dhMobileOv').classList.remove('open')" style="background:#f1f5f9;border:0;width:36px;height:36px;border-radius:8px;float:right;margin:0 0 8px 8px;font-size:18px;cursor:pointer;color:#475569;font-weight:700;">×</button> <div class="dh-m-group"><i class="bi bi-house-door-fill"></i> 홈</div> <a href="/students/dashboard/student_dashboard.php" class=""> <i class="bi bi-house-door-fill"></i> 홈 </a> <div class="dh-m-group"><i class="bi bi-book-fill"></i> 독해력</div> <a class="sub " href="/reading/student_dashboard.php"> <i class="bi bi-house" style="color:#0ea5e9"></i> 독해 대시보드 </a> <a class="sub " href="/reading/student_reading.php"> <i class="bi bi-mic-fill" style="color:#0ea5e9"></i> 독해 트레이닝 </a> <a class="sub " href="/reading/student_reading_test.php"> <i class="bi bi-file-text" style="color:#0ea5e9"></i> 읽기 테스트 </a> <a class="sub " href="/reading/student_eye_training.php"> <i class="bi bi-eye-fill" style="color:#0ea5e9"></i> 눈 훈련 (워밍업) </a> <a class="sub " href="/reading/textgym.php"> <i class="bi bi-collection" style="color:#0ea5e9"></i> 텍스트짐 </a> <a class="sub " href="/reading/chunking/slash_practice.php"> <i class="bi bi-sliders" style="color:#0ea5e9"></i> 청킹 연습 </a> <a class="sub " href="/reading/student_similar_quiz.php"> <i class="bi bi-search-heart" style="color:#0ea5e9"></i> 작품 분석 </a> <a class="sub " href="/tests/reading/student_summary_stages.php"> <i class="bi bi-list-task" style="color:#0ea5e9"></i> 비문학 요약 트레이닝 </a> <a class="sub " href="/reading/poetry/index.php"> <i class="bi bi-flower2" style="color:#0ea5e9"></i> 시 학습 </a> <a class="sub " href="/admin/student_sijo_list.php"> <i class="bi bi-feather" style="color:#0ea5e9"></i> 시조 학습 </a> <a class="sub " href="/reading/fiction/index.php"> <i class="bi bi-book-half" style="color:#0ea5e9"></i> 소설 학습 </a> <a class="sub " href="/reading/theory/index.php"> <i class="bi bi-mortarboard" style="color:#0ea5e9"></i> 이론 학습 </a> <a class="sub " href="/reading/elementary/reading_hub.php"> <i class="bi bi-balloon-heart" style="color:#0ea5e9"></i> 초등 독해 허브 </a> <a class="sub " href="/reading/elementary/erdi_screening.php"> <i class="bi bi-clipboard2-pulse" style="color:#0ea5e9"></i> ERDI 진단 </a> <div class="dh-m-group"><i class="bi bi-pencil-square"></i> 학습</div> <a class="sub " href="/question_bank/student_dashboard.php"> <i class="bi bi-pencil" style="color:#8b5cf6"></i> 모의고사 </a> <a class="sub " href="/question_bank_neasin/student_dashboard.php"> <i class="bi bi-bank2" style="color:#8b5cf6"></i> 내신 문제은행 </a> <a class="sub " href="/students/dahim/index.php"> <i class="bi bi-file-earmark-pdf-fill" style="color:#8b5cf6"></i> 다힘 PDF 문제 </a> <a class="sub " href="/literacy_training/"> <i class="bi bi-book-half" style="color:#8b5cf6"></i> 문해력 훈련 </a> <a class="sub " href="/students/dashboard/spelling_test.php"> <i class="bi bi-spellcheck" style="color:#8b5cf6"></i> 맞춤법 </a> <a class="sub " href="/students/concept_practice.php"> <i class="bi bi-card-text" style="color:#8b5cf6"></i> 개념어 </a> <a class="sub " href="/students/auto_concepts.php"> <i class="bi bi-patch-question" style="color:#8b5cf6"></i> 개념어 문제 </a> <a class="sub " href="/students/grammar_practice.php"> <i class="bi bi-fonts" style="color:#8b5cf6"></i> 문법 개념어 </a> <a class="sub " href="/students/korean_practice.php"> <i class="bi bi-ui-checks-grid" style="color:#8b5cf6"></i> 문법 개념어 문제 </a> <a class="sub " href="/students/debate/index.php"> <i class="bi bi-chat-square-quote-fill" style="color:#8b5cf6"></i> 쟁점 토론 </a> <a class="sub " href="/edu_videos/learning/courses.php"> <i class="bi bi-collection-play-fill" style="color:#8b5cf6"></i> 동영상 강의 </a> <a class="sub " href="/edu_videos/learning/my_classroom.php"> <i class="bi bi-mortarboard-fill" style="color:#8b5cf6"></i> 나의 강의실 </a> <a class="sub " href="/students/ebook/index.php"> <i class="bi bi-play-btn-fill" style="color:#8b5cf6"></i> PDF 인강 </a> <a class="sub " href="/edu_videos/learning/exam_review.php"> <i class="bi bi-clipboard2-data-fill" style="color:#8b5cf6"></i> 시험대비 요점정리 </a> <a class="sub " href="/books/ebook_creator.php"> <i class="bi bi-journal-bookmark" style="color:#8b5cf6"></i> 전자책 (eBook) </a> <a class="sub " href="/free_diagnosis/"> <i class="bi bi-clipboard2-check" style="color:#8b5cf6"></i> 무료 진단 </a> <div class="dh-m-group"><i class="bi bi-heart-pulse-fill"></i> 클리닉</div> <a class="sub " href="/clinic/metacog/student/index.php"> <i class="bi bi-house-heart" style="color:#ef4444"></i> 클리닉 홈 </a> <a class="sub " href="/clinic/omr/"> <i class="bi bi-ui-checks" style="color:#ef4444"></i> OMR </a> <a class="sub " href="/clinic/focus_reading/"> <i class="bi bi-bullseye" style="color:#ef4444"></i> 집중 독해 </a> <a class="sub " href="/clinic/speed_reading/"> <i class="bi bi-lightning-fill" style="color:#ef4444"></i> 속독 </a> <a class="sub " href="/clinic/dahim_hangul/"> <i class="bi bi-fonts" style="color:#ef4444"></i> 한글 </a> <a class="sub " href="/clinic/recommend/"> <i class="bi bi-bookmark-star" style="color:#ef4444"></i> 추천 자료 </a> <a class="sub " href="/clinic/followup/"> <i class="bi bi-arrow-repeat" style="color:#ef4444"></i> 후속 학습 </a> <a class="sub " href="/clinic/ondemand/"> <i class="bi bi-cart-fill" style="color:#ef4444"></i> 주문형 </a> <a class="sub " href="/clinic/sns_content/"> <i class="bi bi-instagram" style="color:#ef4444"></i> SNS 콘텐츠 </a> <div class="dh-m-group"><i class="bi bi-graph-up"></i> 내 기록</div> <a class="sub " href="/students/daily_report.php"> <i class="bi bi-file-earmark-text-fill" style="color:#10b981"></i> 오늘의 보고서 </a> <a class="sub " href="/students/planner_main.php"> <i class="bi bi-calendar-week" style="color:#10b981"></i> 학습 플래너 </a> <a class="sub " href="/students/student_weekly_plan.php"> <i class="bi bi-calendar-event" style="color:#10b981"></i> 주간 계획 </a> <a class="sub " href="/students/learning_record.php"> <i class="bi bi-journal-text" style="color:#10b981"></i> 학습 기록 </a> <a class="sub " href="/students/my_insights.php"> <i class="bi bi-graph-up-arrow" style="color:#10b981"></i> 내 성장판 </a> <a class="sub " href="/students/subject_stats.php"> <i class="bi bi-bar-chart-fill" style="color:#10b981"></i> 과목 통계 </a> <a class="sub " href="/tests/student_progress_report.php"> <i class="bi bi-pie-chart-fill" style="color:#10b981"></i> 내 성적 분석 </a> <a class="sub " href="/clinic/metacog/student/time_capsule.php"> <i class="bi bi-hourglass-split" style="color:#10b981"></i> 30일 시간 캡슐 </a> <a class="sub " href="/students/dashboard/student_dashboard.php"> <i class="bi bi-trophy-fill" style="color:#10b981"></i> 정복한 약점 </a> <div class="dh-m-group"><i class="bi bi-people-fill"></i> 활동</div> <a class="sub " href="/students/ideas.php"> <i class="bi bi-lightbulb-fill" style="color:#ec4899"></i> 아이디어를 주세요! </a> <a class="sub " href="/clinic/metacog/student/checkin.php"> <i class="bi bi-qr-code-scan" style="color:#ec4899"></i> QR 입실 </a> <a class="sub " href="/students/study_groups.php"> <i class="bi bi-people-fill" style="color:#ec4899"></i> 스터디 그룹 </a> <a class="sub " href="/students/leaderboard.php"> <i class="bi bi-trophy-fill" style="color:#ec4899"></i> 리더보드 </a> <a class="sub " href="/students/study_pet.php"> <i class="bi bi-heart-fill" style="color:#ec4899"></i> 학습 펫 </a> <a class="sub " href="/students/lucky_roulette.php"> <i class="bi bi-dice-5-fill" style="color:#ec4899"></i> 행운 룰렛 </a> <a class="sub " href="/students/challenges.php"> <i class="bi bi-flag-fill" style="color:#ec4899"></i> 챌린지 </a> <a class="sub " href="/students/student_shop.php"> <i class="bi bi-shop" style="color:#ec4899"></i> 상점 </a> <div class="dh-m-group"><i class="bi bi-robot"></i> AI 도구</div> <a class="sub " href="/students/dashboard/student_dashboard.php#twin"> <i class="bi bi-stars" style="color:#f59e0b"></i> 디지털 쌍둥이 AI </a> <a class="sub " href="/students/ai_coach.php"> <i class="bi bi-chat-heart-fill" style="color:#f59e0b"></i> AI 코치 </a> <a class="sub " href="/consulting/consulting_hakjong.php"> <i class="bi bi-mortarboard-fill" style="color:#f59e0b"></i> AI 학종 </a> <div class="dh-m-group"><i class="bi bi-bell-fill"></i> 알림</div> <a href="/students/notifications.php" class=""> <i class="bi bi-bell-fill"></i> 알림 </a> <a href="/students/logout.php" class="dh-mobile-logout"><i class="bi bi-box-arrow-right"></i> 로그아웃</a> </div> </div> <script> (function() { // 햄버거 토글 시 body 에 클래스를 달아 다른 모바일 패널들을 강제로 낮출 수 있게 var __ov = document.getElementById('dhMobileOv'); if (__ov) { var __mo = new MutationObserver(function(){ document.body.classList.toggle('dh-mobile-open', __ov.classList.contains('open')); }); __mo.observe(__ov, { attributes: true, attributeFilter: ['class'] }); } // 데스크톱: 클릭 토글 (모바일 fallback) document.querySelectorAll('.dh-dd-toggle').forEach(function(t) { t.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var dd = t.parentElement; var open = dd.classList.contains('open'); document.querySelectorAll('.dh-dd.open').forEach(function(d){ d.classList.remove('open'); }); if (!open) dd.classList.add('open'); }); }); document.addEventListener('click', function(e) { if (!e.target.closest('.dh-dd')) { document.querySelectorAll('.dh-dd.open').forEach(function(d){ d.classList.remove('open'); }); } }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { document.querySelectorAll('.dh-dd.open').forEach(function(d){ d.classList.remove('open'); }); var ov = document.getElementById('dhMobileOv'); if (ov) ov.classList.remove('open'); } }); })(); </script> <div class="login-container"> <div class="login-card"> <div class="login-icon">?뱴</div> <h1 class="login-title">臾명빐???덈젴 ?쒖뒪??/h1> <p class="login-subtitle">?⑤Ц遺??湲源뚯? 泥닿퀎?곸쑝濡??숈뒿?섏꽭??/p> <form method="POST">