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">
<div class="coaching-inner">
<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>
<p class="coaching-desc">
성적은 수업 시간이 아니라 <strong>스스로 복습하는 시간</strong>에 결정됩니다. 전담 선생님이 매일 카카오톡으로 일일 플래너를 점검하고 피드백을 전달합니다.
@@ -10,21 +10,21 @@
<div class="coaching-points">
<div class="cp-item">
<span class="cp-icon">🗓️</span>
<span class="cp-icon"><i class="fa-regular fa-calendar-check"></i></span>
<div>
<h4 class="cp-title">주간·일일 스터디 플래너 설계</h4>
<p class="cp-desc">학교 수업 복습, 과제량, 취약 단원 보충 분량을 학생 능력에 맞춰 쪼개어 배분합니다.</p>
</div>
</div>
<div class="cp-item">
<span class="cp-icon">📱</span>
<span class="cp-icon"><i class="fa-solid fa-mobile-screen-button"></i></span>
<div>
<h4 class="cp-title">매일 학습 인증 & 밀착 피드백</h4>
<p class="cp-desc">학생이 푼 오답 노트와 플래너 사진을 확인하고 격려와 질문 해결을 진행합니다.</p>
</div>
</div>
<div class="cp-item">
<span class="cp-icon">📊</span>
<span class="cp-icon"><i class="fa-solid fa-chart-simple"></i></span>
<div>
<h4 class="cp-title">월간 학부모 정기 리포트 발송</h4>
<p class="cp-desc">출결, 단원별 이해도, 성취도 변화 그래프를 투명하게 정리하여 학부모님께 보고합니다.</p>
+4 -4
View File
@@ -1,7 +1,7 @@
<template>
<section class="process-section">
<div class="section-header">
<span class="section-badge">🚀 쉽고 빠른 시작</span>
<span class="section-badge">쉽고 빠른 시작</span>
<h2 class="section-title">1:1 맞춤 과외 4단계 진행 프로세스</h2>
<p class="section-desc">무료 상담부터 모의수업까지 부담 없이 체험해보고 결정하실 수 있습니다.</p>
</div>
@@ -12,19 +12,19 @@
<h3 class="step-label">무료 상담 신청</h3>
<p class="step-desc">온라인 폼 또는 전화로 학생의 지역, 학년, 희망 과목 접수</p>
</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="step-num-circle">2</div>
<h3 class="step-label">학습 정밀 진단</h3>
<p class="step-desc">전문 교육팀장이 유선으로 학생의 최근 성적, 성향 및 목표 분석</p>
</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="step-num-circle">3</div>
<h3 class="step-label">1회 무료 모의수업</h3>
<p class="step-desc">배정된 전담 선생님과 1:1 방문 또는 화상 시범 수업 진행</p>
</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="step-num-circle">4</div>
<h3 class="step-label">정규 수업 & 코칭</h3>
+4 -4
View File
@@ -2,25 +2,25 @@
<section class="metrics-section" aria-label="교육 성과 지표">
<div class="metrics-grid">
<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-label">{{ regionDong }} 학부모 만족도</div>
<div class="metric-sub">재수강 의사 압도적 1위</div>
</div>
<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-label">평균 내신 성적 상승폭</div>
<div class="metric-sub">수강 3개월 이내 실측</div>
</div>
<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-label">전담 강사 신원 검증</div>
<div class="metric-sub">SKY 및 명문대 출신 4단계 심사</div>
</div>
<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-label">누적 1:1 맞춤 배정</div>
<div class="metric-sub">전국 학군별 데이터 기반</div>
+5 -5
View File
@@ -1,7 +1,7 @@
<template>
<section class="teacher-section">
<div class="section-header">
<span class="section-badge">👨‍🏫 믿을 수 있는 1:1 멘토</span>
<span class="section-badge">믿을 수 있는 1:1 멘토</span>
<h2 class="section-title">상위 1% 검증된 전문 강사진이 함께합니다</h2>
<p class="section-desc">단순 알바 대학생 과외가 아닙니다. 학력, 경력, 성향, 티칭 역량까지 4단계 철저한 검증을 통과한 전문 선생님만 배정합니다.</p>
</div>
@@ -9,28 +9,28 @@
<div class="steps-grid">
<div class="step-card">
<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>
<p class="step-desc">재학·졸업증명서, 신분증, 성범죄 경력 조회 등 공인 서류 전수 대조</p>
</div>
<div class="step-card">
<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>
<p class="step-desc">기출 문제 풀이 및 20분 모의 시범 강의를 통한 개념 전달력 평가</p>
</div>
<div class="step-card">
<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>
<p class="step-desc">학생의 성격(소극적/적극적), 학습 수준, 진로 목표에 최적화된 성향 분석</p>
</div>
<div class="step-card">
<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>
<p class="step-desc">본 수업 전 1회 무료 수업을 통해 학생과의 호흡을 최종 검증하고 시작</p>
</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">
<i class="fa-solid fa-circle-info text-emerald-600 mt-0.5 text-sm shrink-0"></i>
<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>
</div>
</div>
@@ -245,7 +245,7 @@
</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">
<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>
@@ -275,7 +275,7 @@
<div>
<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-emerald-700 font-bold">코칭 후: 92점 (단원평가 만점) 🎉</span>
<span class="text-emerald-700 font-bold">코칭 후: 92점 (단원평가 만점)</span>
</div>
<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>
@@ -298,7 +298,7 @@
<div>
<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-teal-700 font-bold">코칭 후: 일일 2시간 자기주도 습관 완성 ✨</span>
<span class="text-teal-700 font-bold">코칭 후: 일일 2시간 자기주도 습관 완성</span>
</div>
<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>