style: 전체 사이트 내 이모지 일괄 제거 및 FontAwesome 전문 아이콘으로 교체

This commit is contained in:
2026-10-15 12:57:45 +09:00
parent cad11fab7e
commit eb99be1210
31 changed files with 126 additions and 126 deletions
+4 -4
View File
@@ -2,7 +2,7 @@
<section class="coaching-section"> <section class="coaching-section">
<div class="coaching-inner"> <div class="coaching-inner">
<div class="coaching-text"> <div class="coaching-text">
<span class="coaching-badge">📈 과외 시간 외에도 이어지는 케어</span> <span class="coaching-badge">과외 시간 외에도 이어지는 케어</span>
<h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2> <h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2>
<p class="coaching-desc"> <p class="coaching-desc">
성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다. 성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다.
@@ -10,21 +10,21 @@
<div class="coaching-points"> <div class="coaching-points">
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">🗓️</span> <span class="cp-icon"><i class="fa-regular fa-calendar-check"></i></span>
<div> <div>
<h4 class="cp-title">주간·일일 스터디 플래너 설계</h4> <h4 class="cp-title">주간·일일 스터디 플래너 설계</h4>
<p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p> <p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📱</span> <span class="cp-icon"><i class="fa-solid fa-mobile-screen-button"></i></span>
<div> <div>
<h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4> <h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4>
<p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p> <p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📊</span> <span class="cp-icon"><i class="fa-solid fa-chart-simple"></i></span>
<div> <div>
<h4 class="cp-title">월간 학부모 정기 리포트 발송</h4> <h4 class="cp-title">월간 학부모 정기 리포트 발송</h4>
<p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p> <p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p>
+4 -4
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="process-section"> <section class="process-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">🚀 쉽고 빠른 시작</span> <span class="section-badge">쉽고 빠른 시작</span>
<h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2> <h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2>
<p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p> <p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p>
</div> </div>
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -2,25 +2,25 @@
<section class="metrics-section" aria-label="교육 성과 지표"> <section class="metrics-section" aria-label="교육 성과 지표">
<div class="metrics-grid"> <div class="metrics-grid">
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">⭐</div> <div class="metric-icon"><i class="fa-solid fa-star"></i></div>
<div class="metric-num">98.7%</div> <div class="metric-num">98.7%</div>
<div class="metric-label">{{ regionDong }} 학부모 만족도</div> <div class="metric-label">{{ regionDong }} 학부모 만족도</div>
<div class="metric-sub">재수강 의사 압도적 1위</div> <div class="metric-sub">재수강 의사 압도적 1위</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">📈</div> <div class="metric-icon"><i class="fa-solid fa-arrow-trend-up"></i></div>
<div class="metric-num">+26.8점</div> <div class="metric-num">+26.8점</div>
<div class="metric-label">평균 내신 성적 상승폭</div> <div class="metric-label">평균 내신 성적 상승폭</div>
<div class="metric-sub">수강 3개월 이내 실측</div> <div class="metric-sub">수강 3개월 이내 실측</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">👨‍🏫</div> <div class="metric-icon"><i class="fa-solid fa-user-graduate"></i></div>
<div class="metric-num">100%</div> <div class="metric-num">100%</div>
<div class="metric-label">전담 강사 신원 검증</div> <div class="metric-label">전담 강사 신원 검증</div>
<div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div> <div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">🏆</div> <div class="metric-icon"><i class="fa-solid fa-trophy"></i></div>
<div class="metric-num">12,500+</div> <div class="metric-num">12,500+</div>
<div class="metric-label">누적 1:1 맞춤 배정</div> <div class="metric-label">누적 1:1 맞춤 배정</div>
<div class="metric-sub">전국 학군별 데이터 기반</div> <div class="metric-sub">전국 학군별 데이터 기반</div>
+5 -5
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="teacher-section"> <section class="teacher-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">👨‍🏫 믿을 수 있는 1:1 멘토</span> <span class="section-badge">믿을 수 있는 1:1 멘토</span>
<h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2> <h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2>
<p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p> <p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p>
</div> </div>
@@ -9,28 +9,28 @@
<div class="steps-grid"> <div class="steps-grid">
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 1</div> <div class="step-badge">STEP 1</div>
<div class="step-icon">📜</div> <div class="step-icon"><i class="fa-solid fa-file-shield"></i></div>
<h3 class="step-title">신원 & 학력 100% 검증</h3> <h3 class="step-title">신원 & 학력 100% 검증</h3>
<p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p> <p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 2</div> <div class="step-badge">STEP 2</div>
<div class="step-icon">🎯</div> <div class="step-icon"><i class="fa-solid fa-bullseye"></i></div>
<h3 class="step-title">과목별 심층 필기·시범강의</h3> <h3 class="step-title">과목별 심층 필기·시범강의</h3>
<p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p> <p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 3</div> <div class="step-badge">STEP 3</div>
<div class="step-icon">🧠</div> <div class="step-icon"><i class="fa-solid fa-brain"></i></div>
<h3 class="step-title">학생 성향 매칭 인터뷰</h3> <h3 class="step-title">학생 성향 매칭 인터뷰</h3>
<p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p> <p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 4</div> <div class="step-badge">STEP 4</div>
<div class="step-icon">🔄</div> <div class="step-icon"><i class="fa-solid fa-arrows-rotate"></i></div>
<h3 class="step-title">무료 모의수업 & 피드백</h3> <h3 class="step-title">무료 모의수업 & 피드백</h3>
<p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p> <p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p>
</div> </div>
+4 -4
View File
@@ -226,7 +226,7 @@
<div class="mt-3 p-3.5 bg-purple-50/90 border border-purple-200/90 rounded-xl flex items-start gap-2.5 text-xs text-purple-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-purple-50/90 border border-purple-200/90 rounded-xl flex items-start gap-2.5 text-xs text-purple-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-purple-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-purple-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-purple-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-purple-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-purple-900 underline hover:text-purple-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-purple-900 underline hover:text-purple-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -244,7 +244,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -274,7 +274,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">모의고사: 3등급 (71점)</span> <span class="text-slate-400">모의고사: 3등급 (71점)</span>
<span class="text-pink-600 font-bold">수능 실전: 1등급 (96점) 🔥</span> <span class="text-pink-600 font-bold">수능 실전: 1등급 (96점)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-purple-700 h-3 rounded-full" style="width: 95%"></div> <div class="bg-gradient-to-r from-slate-300 to-purple-700 h-3 rounded-full" style="width: 95%"></div>
@@ -297,7 +297,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 4등급 (물화 탐구 포기)</span> <span class="text-slate-400">진단 전: 4등급 (물화 탐구 포기)</span>
<span class="text-purple-700 font-bold">진단 후: 1등급 (내신 올A) ✨</span> <span class="text-purple-700 font-bold">진단 후: 1등급 (내신 올A)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-pink-600 h-3 rounded-full" style="width: 92%"></div> <div class="bg-gradient-to-r from-slate-300 to-pink-600 h-3 rounded-full" style="width: 92%"></div>
+4 -4
View File
@@ -2,7 +2,7 @@
<section class="coaching-section"> <section class="coaching-section">
<div class="coaching-inner"> <div class="coaching-inner">
<div class="coaching-text"> <div class="coaching-text">
<span class="coaching-badge">📈 과외 시간 외에도 이어지는 케어</span> <span class="coaching-badge">과외 시간 외에도 이어지는 케어</span>
<h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2> <h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2>
<p class="coaching-desc"> <p class="coaching-desc">
성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다. 성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다.
@@ -10,21 +10,21 @@
<div class="coaching-points"> <div class="coaching-points">
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">🗓️</span> <span class="cp-icon"><i class="fa-regular fa-calendar-check"></i></span>
<div> <div>
<h4 class="cp-title">주간·일일 스터디 플래너 설계</h4> <h4 class="cp-title">주간·일일 스터디 플래너 설계</h4>
<p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p> <p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📱</span> <span class="cp-icon"><i class="fa-solid fa-mobile-screen-button"></i></span>
<div> <div>
<h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4> <h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4>
<p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p> <p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📊</span> <span class="cp-icon"><i class="fa-solid fa-chart-simple"></i></span>
<div> <div>
<h4 class="cp-title">월간 학부모 정기 리포트 발송</h4> <h4 class="cp-title">월간 학부모 정기 리포트 발송</h4>
<p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p> <p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p>
+4 -4
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="process-section"> <section class="process-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">🚀 쉽고 빠른 시작</span> <span class="section-badge">쉽고 빠른 시작</span>
<h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2> <h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2>
<p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p> <p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p>
</div> </div>
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -2,25 +2,25 @@
<section class="metrics-section" aria-label="교육 성과 지표"> <section class="metrics-section" aria-label="교육 성과 지표">
<div class="metrics-grid"> <div class="metrics-grid">
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">⭐</div> <div class="metric-icon"><i class="fa-solid fa-star"></i></div>
<div class="metric-num">98.7%</div> <div class="metric-num">98.7%</div>
<div class="metric-label">{{ regionDong }} 학부모 만족도</div> <div class="metric-label">{{ regionDong }} 학부모 만족도</div>
<div class="metric-sub">재수강 의사 압도적 1위</div> <div class="metric-sub">재수강 의사 압도적 1위</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">📈</div> <div class="metric-icon"><i class="fa-solid fa-arrow-trend-up"></i></div>
<div class="metric-num">+26.8점</div> <div class="metric-num">+26.8점</div>
<div class="metric-label">평균 내신 성적 상승폭</div> <div class="metric-label">평균 내신 성적 상승폭</div>
<div class="metric-sub">수강 3개월 이내 실측</div> <div class="metric-sub">수강 3개월 이내 실측</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">👨‍🏫</div> <div class="metric-icon"><i class="fa-solid fa-user-graduate"></i></div>
<div class="metric-num">100%</div> <div class="metric-num">100%</div>
<div class="metric-label">전담 강사 신원 검증</div> <div class="metric-label">전담 강사 신원 검증</div>
<div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div> <div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">🏆</div> <div class="metric-icon"><i class="fa-solid fa-trophy"></i></div>
<div class="metric-num">12,500+</div> <div class="metric-num">12,500+</div>
<div class="metric-label">누적 1:1 맞춤 배정</div> <div class="metric-label">누적 1:1 맞춤 배정</div>
<div class="metric-sub">전국 학군별 데이터 기반</div> <div class="metric-sub">전국 학군별 데이터 기반</div>
+5 -5
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="teacher-section"> <section class="teacher-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">👨‍🏫 믿을 수 있는 1:1 멘토</span> <span class="section-badge">믿을 수 있는 1:1 멘토</span>
<h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2> <h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2>
<p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p> <p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p>
</div> </div>
@@ -9,28 +9,28 @@
<div class="steps-grid"> <div class="steps-grid">
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 1</div> <div class="step-badge">STEP 1</div>
<div class="step-icon">📜</div> <div class="step-icon"><i class="fa-solid fa-file-shield"></i></div>
<h3 class="step-title">신원 & 학력 100% 검증</h3> <h3 class="step-title">신원 & 학력 100% 검증</h3>
<p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p> <p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 2</div> <div class="step-badge">STEP 2</div>
<div class="step-icon">🎯</div> <div class="step-icon"><i class="fa-solid fa-bullseye"></i></div>
<h3 class="step-title">과목별 심층 필기·시범강의</h3> <h3 class="step-title">과목별 심층 필기·시범강의</h3>
<p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p> <p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 3</div> <div class="step-badge">STEP 3</div>
<div class="step-icon">🧠</div> <div class="step-icon"><i class="fa-solid fa-brain"></i></div>
<h3 class="step-title">학생 성향 매칭 인터뷰</h3> <h3 class="step-title">학생 성향 매칭 인터뷰</h3>
<p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p> <p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 4</div> <div class="step-badge">STEP 4</div>
<div class="step-icon">🔄</div> <div class="step-icon"><i class="fa-solid fa-arrows-rotate"></i></div>
<h3 class="step-title">무료 모의수업 & 피드백</h3> <h3 class="step-title">무료 모의수업 & 피드백</h3>
<p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p> <p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p>
</div> </div>
+4 -4
View File
@@ -227,7 +227,7 @@
<div class="mt-3 p-3.5 bg-orange-50/90 border border-orange-200/90 rounded-xl flex items-start gap-2.5 text-xs text-orange-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-orange-50/90 border border-orange-200/90 rounded-xl flex items-start gap-2.5 text-xs text-orange-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-orange-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-orange-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-orange-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-orange-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-orange-900 underline hover:text-orange-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-orange-900 underline hover:text-orange-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -245,7 +245,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -275,7 +275,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">코칭 전: 58점 (학원 진도 낙오)</span> <span class="text-slate-400">코칭 전: 58점 (학원 진도 낙오)</span>
<span class="text-orange-600 font-bold">코칭 후: 95점 (전교권 도약) 🔥</span> <span class="text-orange-600 font-bold">코칭 후: 95점 (전교권 도약)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-orange-500 h-3 rounded-full" style="width: 90%"></div> <div class="bg-gradient-to-r from-slate-300 to-orange-500 h-3 rounded-full" style="width: 90%"></div>
@@ -298,7 +298,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">코칭 전: 70점대 정체 (빈칸 불안)</span> <span class="text-slate-400">코칭 전: 70점대 정체 (빈칸 불안)</span>
<span class="text-amber-600 font-bold">코칭 후: 98점 (내신 1등급) ✨</span> <span class="text-amber-600 font-bold">코칭 후: 98점 (내신 1등급)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-amber-500 h-3 rounded-full" style="width: 95%"></div> <div class="bg-gradient-to-r from-slate-300 to-amber-500 h-3 rounded-full" style="width: 95%"></div>
+4 -4
View File
@@ -2,7 +2,7 @@
<section class="coaching-section"> <section class="coaching-section">
<div class="coaching-inner"> <div class="coaching-inner">
<div class="coaching-text"> <div class="coaching-text">
<span class="coaching-badge">📈 과외 시간 외에도 이어지는 케어</span> <span class="coaching-badge">과외 시간 외에도 이어지는 케어</span>
<h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2> <h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2>
<p class="coaching-desc"> <p class="coaching-desc">
성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다. 성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다.
@@ -10,21 +10,21 @@
<div class="coaching-points"> <div class="coaching-points">
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">🗓️</span> <span class="cp-icon"><i class="fa-regular fa-calendar-check"></i></span>
<div> <div>
<h4 class="cp-title">주간·일일 스터디 플래너 설계</h4> <h4 class="cp-title">주간·일일 스터디 플래너 설계</h4>
<p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p> <p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📱</span> <span class="cp-icon"><i class="fa-solid fa-mobile-screen-button"></i></span>
<div> <div>
<h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4> <h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4>
<p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p> <p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📊</span> <span class="cp-icon"><i class="fa-solid fa-chart-simple"></i></span>
<div> <div>
<h4 class="cp-title">월간 학부모 정기 리포트 발송</h4> <h4 class="cp-title">월간 학부모 정기 리포트 발송</h4>
<p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p> <p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p>
+4 -4
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="process-section"> <section class="process-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">🚀 쉽고 빠른 시작</span> <span class="section-badge">쉽고 빠른 시작</span>
<h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2> <h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2>
<p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p> <p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p>
</div> </div>
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -2,25 +2,25 @@
<section class="metrics-section" aria-label="교육 성과 지표"> <section class="metrics-section" aria-label="교육 성과 지표">
<div class="metrics-grid"> <div class="metrics-grid">
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">⭐</div> <div class="metric-icon"><i class="fa-solid fa-star"></i></div>
<div class="metric-num">98.7%</div> <div class="metric-num">98.7%</div>
<div class="metric-label">{{ regionDong }} 학부모 만족도</div> <div class="metric-label">{{ regionDong }} 학부모 만족도</div>
<div class="metric-sub">재수강 의사 압도적 1위</div> <div class="metric-sub">재수강 의사 압도적 1위</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">📈</div> <div class="metric-icon"><i class="fa-solid fa-arrow-trend-up"></i></div>
<div class="metric-num">+26.8점</div> <div class="metric-num">+26.8점</div>
<div class="metric-label">평균 내신 성적 상승폭</div> <div class="metric-label">평균 내신 성적 상승폭</div>
<div class="metric-sub">수강 3개월 이내 실측</div> <div class="metric-sub">수강 3개월 이내 실측</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">👨‍🏫</div> <div class="metric-icon"><i class="fa-solid fa-user-graduate"></i></div>
<div class="metric-num">100%</div> <div class="metric-num">100%</div>
<div class="metric-label">전담 강사 신원 검증</div> <div class="metric-label">전담 강사 신원 검증</div>
<div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div> <div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">🏆</div> <div class="metric-icon"><i class="fa-solid fa-trophy"></i></div>
<div class="metric-num">12,500+</div> <div class="metric-num">12,500+</div>
<div class="metric-label">누적 1:1 맞춤 배정</div> <div class="metric-label">누적 1:1 맞춤 배정</div>
<div class="metric-sub">전국 학군별 데이터 기반</div> <div class="metric-sub">전국 학군별 데이터 기반</div>
+5 -5
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="teacher-section"> <section class="teacher-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">👨‍🏫 믿을 수 있는 1:1 멘토</span> <span class="section-badge">믿을 수 있는 1:1 멘토</span>
<h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2> <h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2>
<p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p> <p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p>
</div> </div>
@@ -9,28 +9,28 @@
<div class="steps-grid"> <div class="steps-grid">
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 1</div> <div class="step-badge">STEP 1</div>
<div class="step-icon">📜</div> <div class="step-icon"><i class="fa-solid fa-file-shield"></i></div>
<h3 class="step-title">신원 & 학력 100% 검증</h3> <h3 class="step-title">신원 & 학력 100% 검증</h3>
<p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p> <p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 2</div> <div class="step-badge">STEP 2</div>
<div class="step-icon">🎯</div> <div class="step-icon"><i class="fa-solid fa-bullseye"></i></div>
<h3 class="step-title">과목별 심층 필기·시범강의</h3> <h3 class="step-title">과목별 심층 필기·시범강의</h3>
<p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p> <p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 3</div> <div class="step-badge">STEP 3</div>
<div class="step-icon">🧠</div> <div class="step-icon"><i class="fa-solid fa-brain"></i></div>
<h3 class="step-title">학생 성향 매칭 인터뷰</h3> <h3 class="step-title">학생 성향 매칭 인터뷰</h3>
<p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p> <p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 4</div> <div class="step-badge">STEP 4</div>
<div class="step-icon">🔄</div> <div class="step-icon"><i class="fa-solid fa-arrows-rotate"></i></div>
<h3 class="step-title">무료 모의수업 & 피드백</h3> <h3 class="step-title">무료 모의수업 & 피드백</h3>
<p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p> <p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p>
</div> </div>
+4 -4
View File
@@ -227,7 +227,7 @@
<div class="mt-3 p-3.5 bg-orange-50/90 border border-orange-200/90 rounded-xl flex items-start gap-2.5 text-xs text-orange-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-orange-50/90 border border-orange-200/90 rounded-xl flex items-start gap-2.5 text-xs text-orange-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-orange-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-orange-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-orange-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-orange-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-orange-900 underline hover:text-orange-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-orange-900 underline hover:text-orange-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -245,7 +245,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -275,7 +275,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">이전 내신: 3.4등급 (서술형 대량 감점)</span> <span class="text-slate-400">이전 내신: 3.4등급 (서술형 대량 감점)</span>
<span class="text-orange-600 font-bold">도약 내신: 1.1등급 (서술형 만점) 🔥</span> <span class="text-orange-600 font-bold">도약 내신: 1.1등급 (서술형 만점)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-indigo-600 h-3 rounded-full" style="width: 94%"></div> <div class="bg-gradient-to-r from-slate-300 to-indigo-600 h-3 rounded-full" style="width: 94%"></div>
@@ -298,7 +298,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">이전 성적: 58점 (문법 포기)</span> <span class="text-slate-400">이전 성적: 58점 (문법 포기)</span>
<span class="text-orange-600 font-bold">시험 결과: 94점 (A등급 달성) ✨</span> <span class="text-orange-600 font-bold">시험 결과: 94점 (A등급 달성)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-orange-500 h-3 rounded-full" style="width: 90%"></div> <div class="bg-gradient-to-r from-slate-300 to-orange-500 h-3 rounded-full" style="width: 90%"></div>
+4 -4
View File
@@ -2,7 +2,7 @@
<section class="coaching-section"> <section class="coaching-section">
<div class="coaching-inner"> <div class="coaching-inner">
<div class="coaching-text"> <div class="coaching-text">
<span class="coaching-badge">📈 과외 시간 외에도 이어지는 케어</span> <span class="coaching-badge">과외 시간 외에도 이어지는 케어</span>
<h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2> <h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2>
<p class="coaching-desc"> <p class="coaching-desc">
성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다. 성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다.
@@ -10,21 +10,21 @@
<div class="coaching-points"> <div class="coaching-points">
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">🗓️</span> <span class="cp-icon"><i class="fa-regular fa-calendar-check"></i></span>
<div> <div>
<h4 class="cp-title">주간·일일 스터디 플래너 설계</h4> <h4 class="cp-title">주간·일일 스터디 플래너 설계</h4>
<p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p> <p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📱</span> <span class="cp-icon"><i class="fa-solid fa-mobile-screen-button"></i></span>
<div> <div>
<h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4> <h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4>
<p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p> <p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📊</span> <span class="cp-icon"><i class="fa-solid fa-chart-simple"></i></span>
<div> <div>
<h4 class="cp-title">월간 학부모 정기 리포트 발송</h4> <h4 class="cp-title">월간 학부모 정기 리포트 발송</h4>
<p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p> <p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p>
+4 -4
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="process-section"> <section class="process-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">🚀 쉽고 빠른 시작</span> <span class="section-badge">쉽고 빠른 시작</span>
<h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2> <h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2>
<p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p> <p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p>
</div> </div>
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -2,25 +2,25 @@
<section class="metrics-section" aria-label="교육 성과 지표"> <section class="metrics-section" aria-label="교육 성과 지표">
<div class="metrics-grid"> <div class="metrics-grid">
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">⭐</div> <div class="metric-icon"><i class="fa-solid fa-star"></i></div>
<div class="metric-num">98.7%</div> <div class="metric-num">98.7%</div>
<div class="metric-label">{{ regionDong }} 학부모 만족도</div> <div class="metric-label">{{ regionDong }} 학부모 만족도</div>
<div class="metric-sub">재수강 의사 압도적 1위</div> <div class="metric-sub">재수강 의사 압도적 1위</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">📈</div> <div class="metric-icon"><i class="fa-solid fa-arrow-trend-up"></i></div>
<div class="metric-num">+26.8점</div> <div class="metric-num">+26.8점</div>
<div class="metric-label">평균 내신 성적 상승폭</div> <div class="metric-label">평균 내신 성적 상승폭</div>
<div class="metric-sub">수강 3개월 이내 실측</div> <div class="metric-sub">수강 3개월 이내 실측</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">👨‍🏫</div> <div class="metric-icon"><i class="fa-solid fa-user-graduate"></i></div>
<div class="metric-num">100%</div> <div class="metric-num">100%</div>
<div class="metric-label">전담 강사 신원 검증</div> <div class="metric-label">전담 강사 신원 검증</div>
<div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div> <div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">🏆</div> <div class="metric-icon"><i class="fa-solid fa-trophy"></i></div>
<div class="metric-num">12,500+</div> <div class="metric-num">12,500+</div>
<div class="metric-label">누적 1:1 맞춤 배정</div> <div class="metric-label">누적 1:1 맞춤 배정</div>
<div class="metric-sub">전국 학군별 데이터 기반</div> <div class="metric-sub">전국 학군별 데이터 기반</div>
+5 -5
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="teacher-section"> <section class="teacher-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">👨‍🏫 믿을 수 있는 1:1 멘토</span> <span class="section-badge">믿을 수 있는 1:1 멘토</span>
<h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2> <h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2>
<p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p> <p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p>
</div> </div>
@@ -9,28 +9,28 @@
<div class="steps-grid"> <div class="steps-grid">
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 1</div> <div class="step-badge">STEP 1</div>
<div class="step-icon">📜</div> <div class="step-icon"><i class="fa-solid fa-file-shield"></i></div>
<h3 class="step-title">신원 & 학력 100% 검증</h3> <h3 class="step-title">신원 & 학력 100% 검증</h3>
<p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p> <p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 2</div> <div class="step-badge">STEP 2</div>
<div class="step-icon">🎯</div> <div class="step-icon"><i class="fa-solid fa-bullseye"></i></div>
<h3 class="step-title">과목별 심층 필기·시범강의</h3> <h3 class="step-title">과목별 심층 필기·시범강의</h3>
<p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p> <p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 3</div> <div class="step-badge">STEP 3</div>
<div class="step-icon">🧠</div> <div class="step-icon"><i class="fa-solid fa-brain"></i></div>
<h3 class="step-title">학생 성향 매칭 인터뷰</h3> <h3 class="step-title">학생 성향 매칭 인터뷰</h3>
<p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p> <p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 4</div> <div class="step-badge">STEP 4</div>
<div class="step-icon">🔄</div> <div class="step-icon"><i class="fa-solid fa-arrows-rotate"></i></div>
<h3 class="step-title">무료 모의수업 & 피드백</h3> <h3 class="step-title">무료 모의수업 & 피드백</h3>
<p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p> <p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p>
</div> </div>
+4 -4
View File
@@ -227,7 +227,7 @@
<div class="mt-3 p-3.5 bg-emerald-50/90 border border-emerald-200/90 rounded-xl flex items-start gap-2.5 text-xs text-emerald-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-emerald-50/90 border border-emerald-200/90 rounded-xl flex items-start gap-2.5 text-xs text-emerald-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-emerald-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-emerald-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-emerald-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-emerald-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-emerald-900 underline hover:text-emerald-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-emerald-900 underline hover:text-emerald-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -245,7 +245,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -275,7 +275,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">코칭 전: 55점 (수포자 직전)</span> <span class="text-slate-400">코칭 전: 55점 (수포자 직전)</span>
<span class="text-emerald-700 font-bold">코칭 후: 92점 (단원평가 만점) 🎉</span> <span class="text-emerald-700 font-bold">코칭 후: 92점 (단원평가 만점)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-emerald-600 h-3 rounded-full" style="width: 88%"></div> <div class="bg-gradient-to-r from-slate-300 to-emerald-600 h-3 rounded-full" style="width: 88%"></div>
@@ -298,7 +298,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">코칭 전: 스마트폰 중독 (공부 30분 미만)</span> <span class="text-slate-400">코칭 전: 스마트폰 중독 (공부 30분 미만)</span>
<span class="text-teal-700 font-bold">코칭 후: 일일 2시간 자기주도 습관 완성 ✨</span> <span class="text-teal-700 font-bold">코칭 후: 일일 2시간 자기주도 습관 완성</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-teal-600 h-3 rounded-full" style="width: 95%"></div> <div class="bg-gradient-to-r from-slate-300 to-teal-600 h-3 rounded-full" style="width: 95%"></div>
+4 -4
View File
@@ -2,7 +2,7 @@
<section class="coaching-section"> <section class="coaching-section">
<div class="coaching-inner"> <div class="coaching-inner">
<div class="coaching-text"> <div class="coaching-text">
<span class="coaching-badge">📈 과외 시간 외에도 이어지는 케어</span> <span class="coaching-badge">과외 시간 외에도 이어지는 케어</span>
<h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2> <h2 class="coaching-title">주 2회 과외로 끝나지 않는<br /><strong>'1:1 메타인지 플래너 코칭'</strong></h2>
<p class="coaching-desc"> <p class="coaching-desc">
성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다. 성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다.
@@ -10,21 +10,21 @@
<div class="coaching-points"> <div class="coaching-points">
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">🗓️</span> <span class="cp-icon"><i class="fa-regular fa-calendar-check"></i></span>
<div> <div>
<h4 class="cp-title">주간·일일 스터디 플래너 설계</h4> <h4 class="cp-title">주간·일일 스터디 플래너 설계</h4>
<p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p> <p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📱</span> <span class="cp-icon"><i class="fa-solid fa-mobile-screen-button"></i></span>
<div> <div>
<h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4> <h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4>
<p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p> <p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p>
</div> </div>
</div> </div>
<div class="cp-item"> <div class="cp-item">
<span class="cp-icon">📊</span> <span class="cp-icon"><i class="fa-solid fa-chart-simple"></i></span>
<div> <div>
<h4 class="cp-title">월간 학부모 정기 리포트 발송</h4> <h4 class="cp-title">월간 학부모 정기 리포트 발송</h4>
<p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p> <p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p>
+4 -4
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="process-section"> <section class="process-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">🚀 쉽고 빠른 시작</span> <span class="section-badge">쉽고 빠른 시작</span>
<h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2> <h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2>
<p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p> <p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p>
</div> </div>
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">➔</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -2,25 +2,25 @@
<section class="metrics-section" aria-label="교육 성과 지표"> <section class="metrics-section" aria-label="교육 성과 지표">
<div class="metrics-grid"> <div class="metrics-grid">
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">⭐</div> <div class="metric-icon"><i class="fa-solid fa-star"></i></div>
<div class="metric-num">98.7%</div> <div class="metric-num">98.7%</div>
<div class="metric-label">{{ regionDong }} 학부모 만족도</div> <div class="metric-label">{{ regionDong }} 학부모 만족도</div>
<div class="metric-sub">재수강 의사 압도적 1위</div> <div class="metric-sub">재수강 의사 압도적 1위</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">📈</div> <div class="metric-icon"><i class="fa-solid fa-arrow-trend-up"></i></div>
<div class="metric-num">+26.8점</div> <div class="metric-num">+26.8점</div>
<div class="metric-label">평균 내신 성적 상승폭</div> <div class="metric-label">평균 내신 성적 상승폭</div>
<div class="metric-sub">수강 3개월 이내 실측</div> <div class="metric-sub">수강 3개월 이내 실측</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">👨‍🏫</div> <div class="metric-icon"><i class="fa-solid fa-user-graduate"></i></div>
<div class="metric-num">100%</div> <div class="metric-num">100%</div>
<div class="metric-label">전담 강사 신원 검증</div> <div class="metric-label">전담 강사 신원 검증</div>
<div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div> <div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div>
</div> </div>
<div class="metric-card"> <div class="metric-card">
<div class="metric-icon">🏆</div> <div class="metric-icon"><i class="fa-solid fa-trophy"></i></div>
<div class="metric-num">12,500+</div> <div class="metric-num">12,500+</div>
<div class="metric-label">누적 1:1 맞춤 배정</div> <div class="metric-label">누적 1:1 맞춤 배정</div>
<div class="metric-sub">전국 학군별 데이터 기반</div> <div class="metric-sub">전국 학군별 데이터 기반</div>
+5 -5
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="teacher-section"> <section class="teacher-section">
<div class="section-header"> <div class="section-header">
<span class="section-badge">👨‍🏫 믿을 수 있는 1:1 멘토</span> <span class="section-badge">믿을 수 있는 1:1 멘토</span>
<h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2> <h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2>
<p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p> <p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p>
</div> </div>
@@ -9,28 +9,28 @@
<div class="steps-grid"> <div class="steps-grid">
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 1</div> <div class="step-badge">STEP 1</div>
<div class="step-icon">📜</div> <div class="step-icon"><i class="fa-solid fa-file-shield"></i></div>
<h3 class="step-title">신원 & 학력 100% 검증</h3> <h3 class="step-title">신원 & 학력 100% 검증</h3>
<p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p> <p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 2</div> <div class="step-badge">STEP 2</div>
<div class="step-icon">🎯</div> <div class="step-icon"><i class="fa-solid fa-bullseye"></i></div>
<h3 class="step-title">과목별 심층 필기·시범강의</h3> <h3 class="step-title">과목별 심층 필기·시범강의</h3>
<p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p> <p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 3</div> <div class="step-badge">STEP 3</div>
<div class="step-icon">🧠</div> <div class="step-icon"><i class="fa-solid fa-brain"></i></div>
<h3 class="step-title">학생 성향 매칭 인터뷰</h3> <h3 class="step-title">학생 성향 매칭 인터뷰</h3>
<p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p> <p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p>
</div> </div>
<div class="step-card"> <div class="step-card">
<div class="step-badge">STEP 4</div> <div class="step-badge">STEP 4</div>
<div class="step-icon">🔄</div> <div class="step-icon"><i class="fa-solid fa-arrows-rotate"></i></div>
<h3 class="step-title">무료 모의수업 & 피드백</h3> <h3 class="step-title">무료 모의수업 & 피드백</h3>
<p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p> <p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p>
</div> </div>
+4 -4
View File
@@ -227,7 +227,7 @@
<div class="mt-3 p-3.5 bg-sky-50/90 border border-sky-200/90 rounded-xl flex items-start gap-2.5 text-xs text-sky-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-sky-50/90 border border-sky-200/90 rounded-xl flex items-start gap-2.5 text-xs text-sky-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-sky-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-sky-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-sky-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-sky-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-sky-900 underline hover:text-sky-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-sky-900 underline hover:text-sky-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -245,7 +245,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -275,7 +275,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 4등급 (52점)</span> <span class="text-slate-400">진단 전: 4등급 (52점)</span>
<span class="text-sky-700 font-bold">진단 후: 1등급 (96점) 🔥</span> <span class="text-sky-700 font-bold">진단 후: 1등급 (96점)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-sky-600 h-3 rounded-full" style="width: 92%"></div> <div class="bg-gradient-to-r from-slate-300 to-sky-600 h-3 rounded-full" style="width: 92%"></div>
@@ -298,7 +298,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 62점 (C등급)</span> <span class="text-slate-400">진단 전: 62점 (C등급)</span>
<span class="text-cyan-700 font-bold">진단 후: 98점 (전교 2등) 🚀</span> <span class="text-cyan-700 font-bold">진단 후: 98점 (전교 2등)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-300 to-cyan-600 h-3 rounded-full" style="width: 96%"></div> <div class="bg-gradient-to-r from-slate-300 to-cyan-600 h-3 rounded-full" style="width: 96%"></div>
+3 -3
View File
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -229,7 +229,7 @@
<div class="mt-3 p-3.5 bg-amber-50/90 border border-amber-200/90 rounded-xl flex items-start gap-2.5 text-xs text-amber-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-amber-50/90 border border-amber-200/90 rounded-xl flex items-start gap-2.5 text-xs text-amber-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-amber-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-amber-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-amber-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-amber-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-amber-900 underline hover:text-amber-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-amber-900 underline hover:text-amber-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -247,7 +247,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -277,7 +277,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 5등급 (42점)</span> <span class="text-slate-400">진단 전: 5등급 (42점)</span>
<span class="text-amber-600 font-bold">진단 후: 2등급 (89점) 🔥</span> <span class="text-amber-600 font-bold">진단 후: 2등급 (89점)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-blue-400 to-amber-500 h-3 rounded-full" style="width: 82%"></div> <div class="bg-gradient-to-r from-blue-400 to-amber-500 h-3 rounded-full" style="width: 82%"></div>
@@ -300,7 +300,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 68점 (B등급)</span> <span class="text-slate-400">진단 전: 68점 (B등급)</span>
<span class="text-blue-700 font-bold">진단 후: 98점 (전교 4등) ✨</span> <span class="text-blue-700 font-bold">진단 후: 98점 (전교 4등)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-400 to-blue-700 h-3 rounded-full" style="width: 95%"></div> <div class="bg-gradient-to-r from-slate-400 to-blue-700 h-3 rounded-full" style="width: 95%"></div>
+3 -3
View File
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -229,7 +229,7 @@
<div class="mt-3 p-3.5 bg-amber-50/90 border border-amber-200/90 rounded-xl flex items-start gap-2.5 text-xs text-amber-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-amber-50/90 border border-amber-200/90 rounded-xl flex items-start gap-2.5 text-xs text-amber-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-amber-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-amber-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-amber-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-amber-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-amber-900 underline hover:text-amber-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-amber-900 underline hover:text-amber-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -247,7 +247,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -277,7 +277,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 5등급 (42점)</span> <span class="text-slate-400">진단 전: 5등급 (42점)</span>
<span class="text-amber-600 font-bold">진단 후: 2등급 (89점) 🔥</span> <span class="text-amber-600 font-bold">진단 후: 2등급 (89점)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-blue-400 to-amber-500 h-3 rounded-full" style="width: 82%"></div> <div class="bg-gradient-to-r from-blue-400 to-amber-500 h-3 rounded-full" style="width: 82%"></div>
@@ -300,7 +300,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 68점 (B등급)</span> <span class="text-slate-400">진단 전: 68점 (B등급)</span>
<span class="text-blue-700 font-bold">진단 후: 98점 (전교 4등) ✨</span> <span class="text-blue-700 font-bold">진단 후: 98점 (전교 4등)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-400 to-blue-700 h-3 rounded-full" style="width: 95%"></div> <div class="bg-gradient-to-r from-slate-400 to-blue-700 h-3 rounded-full" style="width: 95%"></div>
+3 -3
View File
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3> <h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p> <p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">2</div> <div class="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3> <h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p> <p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step"> <div class="flow-step">
<div class="step-num-circle">3</div> <div class="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3> <h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p> <p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</div> </div>
<div class="flow-arrow">→</div> <div class="flow-arrow"><i class="fa-solid fa-chevron-right"></i></div>
<div class="flow-step highlight"> <div class="flow-step highlight">
<div class="step-num-circle">4</div> <div class="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3> <h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -223,7 +223,7 @@
<div class="mt-3 p-3.5 bg-red-50/90 border border-red-200/90 rounded-xl flex items-start gap-2.5 text-xs text-red-950 leading-relaxed shadow-sm"> <div class="mt-3 p-3.5 bg-red-50/90 border border-red-200/90 rounded-xl flex items-start gap-2.5 text-xs text-red-950 leading-relaxed shadow-sm">
<i class="fa-solid fa-circle-info text-red-600 mt-0.5 text-sm shrink-0"></i> <i class="fa-solid fa-circle-info text-red-600 mt-0.5 text-sm shrink-0"></i>
<div> <div>
<strong class="font-bold text-red-950 block mb-0.5">📢 원활한 상담 진행 안내</strong> <strong class="font-bold text-red-950 block mb-0.5">원활한 상담 진행 안내</strong>
<span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-red-900 underline hover:text-red-700">010-5961-5807</a>)</span> <span>상담 신청 후 안내받으신 <strong>상담결과를 매니저에게 전달해 주시면</strong> 더욱 원활하고 신속한 맞춤 강사 배정과 심층 상담이 진행됩니다. (직통 문의: <a href="tel:010-5961-5807" class="font-extrabold text-red-900 underline hover:text-red-700">010-5961-5807</a>)</span>
</div> </div>
</div> </div>
@@ -241,7 +241,7 @@
</p> </p>
<div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2"> <div class="mt-3 p-2.5 bg-white/80 rounded-xl border border-emerald-200 text-xs text-emerald-900 flex items-start gap-2">
<i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i> <i class="fa-solid fa-lightbulb text-emerald-600 mt-0.5 shrink-0"></i>
<span><strong>💡 안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span> <span><strong>안내:</strong> 매니저 유선 상담 시 <strong>상담결과를 공유해 주시면</strong> 수준별 맞춤 커리큘럼 설계가 훨씬 원활하게 진행됩니다. (문의: 010-5961-5807)</span>
</div> </div>
</div> </div>
@@ -271,7 +271,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">진단 전: 4.2등급 (킬러 문항 전멸)</span> <span class="text-slate-400">진단 전: 4.2등급 (킬러 문항 전멸)</span>
<span class="text-red-600 font-bold">결과: 1.4등급 (전과목 1등급 진입) 🔥</span> <span class="text-red-600 font-bold">결과: 1.4등급 (전과목 1등급 진입)</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-400 to-red-600 h-3 rounded-full" style="width: 96%"></div> <div class="bg-gradient-to-r from-slate-400 to-red-600 h-3 rounded-full" style="width: 96%"></div>
@@ -294,7 +294,7 @@
<div> <div>
<div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold"> <div class="flex justify-between text-xs sm:text-sm mb-1.5 font-semibold">
<span class="text-slate-400">모의고사: 84점 (2등급 문턱)</span> <span class="text-slate-400">모의고사: 84점 (2등급 문턱)</span>
<span class="text-amber-600 font-bold">수능 실전: 100점 만점 달성 ✨</span> <span class="text-amber-600 font-bold">수능 실전: 100점 만점 달성</span>
</div> </div>
<div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden"> <div class="w-full bg-slate-100 rounded-full h-3 overflow-hidden">
<div class="bg-gradient-to-r from-slate-400 to-amber-500 h-3 rounded-full" style="width: 100%"></div> <div class="bg-gradient-to-r from-slate-400 to-amber-500 h-3 rounded-full" style="width: 100%"></div>