/* =========================================================
First Stand Tutoring Landing
S-06 Hero
========================================================= */

/* Hero 전체 */
.fs-tutoring-hero {
    padding: 72px 0 80px;
    background: #ffffff;
}

/* PC 2열 구조: 왼쪽 이미지 / 오른쪽 텍스트 */
.fs-tutoring-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 72px;
}

/* ---------------------------------------------------------
Hero 이미지 영역
--------------------------------------------------------- */

.fs-tutoring-hero-media {
    width: 100%;
}

.fs-tutoring-hero-image {
    width: 100%;
    height: 440px;
    border-radius: 24px;
    overflow: hidden;
}

.fs-tutoring-hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* ---------------------------------------------------------
Hero 텍스트 영역
--------------------------------------------------------- */

.fs-tutoring-hero-copy {
    min-width: 0;
}

/* 지역명 라벨 */
.fs-tutoring-region {
    display: inline-flex;
    align-items: center;

    margin-bottom: 20px;
    padding: 9px 16px;

    border-radius: 999px;
    background: #edf4ff;

    color: #2164e8;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

/* H1 */
.fs-tutoring-hero-title {
    margin: 0;

    color: #0f294a;
    font-size: clamp(36px, 3.6vw, 54px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.035em;

    word-break: keep-all;
}

/* 설명문 */
.fs-tutoring-hero-desc {
    margin: 22px 0 0;

    max-width: 620px;

    color: #5f718c;
    font-size: 19px;
    line-height: 1.75;

    word-break: keep-all;
}

/* 체크리스트 */
.fs-tutoring-hero-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;

    margin-top: 26px;

    color: #0f294a;
    font-size: 16px;
    font-weight: 700;
}

.fs-tutoring-hero-checks span {
    white-space: nowrap;
}

/* CTA */
.fs-tutoring-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 28px;
}

.fs-tutoring-hero-actions .fs-btn {
    min-width: 168px;
    justify-content: center;
}


/* =========================================================
Hero 아래 지역별 자유 본문
S-07이 아닌 별도 지역 원고 영역
========================================================= */

.fs-tutoring-local-content {
    padding: 48px 24px 56px;
    background: #ffffff;

    color: #334155;
    font-size: 18px;
    line-height: 1.85;

    word-break: keep-all;
}

.fs-tutoring-local-content .fs-container {
    max-width: 900px;
    margin: 0 auto;
}

.fs-tutoring-local-content p {
    margin: 0 0 24px;
}

.fs-tutoring-local-content p:last-child {
    margin-bottom: 0;
}

/* 지역 원고 H2 */
.fs-tutoring-local-content h2 {
    margin: 56px 0 20px;

    color: #0f294a;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

.fs-tutoring-local-content h2:first-child {
    margin-top: 0;
}

/* 지역 원고 H3 */
.fs-tutoring-local-content h3 {
    margin: 40px 0 16px;

    color: #0f294a;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.4;

    word-break: keep-all;
}

/* 목록 */
.fs-tutoring-local-content ul,
.fs-tutoring-local-content ol {
    margin: 0 0 24px;
    padding-left: 24px;
}

.fs-tutoring-local-content li {
    margin-bottom: 10px;
}


/* =========================================================
S-07 이런 학생에게 과외가 필요합니다
========================================================= */

.fs-tutoring-needs {
    padding: 92px 24px 100px;
    background: #f4f8ff;
}

.fs-tutoring-needs .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-needs-heading {
    max-width: 860px;
    margin: 0 auto 48px;
    text-align: center;
}

.fs-tutoring-needs-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-needs-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* 카드 4열 */
.fs-tutoring-needs-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

/* 개별 카드 */
.fs-tutoring-needs-card {
    min-width: 0;
    padding: 28px 28px 30px;

    background: #ffffff;
    border: 1px solid #e7edf6;
    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.06);

    text-align: left;
}

/* 아이콘 영역 */
.fs-tutoring-needs-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    margin-bottom: 24px;

    border-radius: 14px;
    background: #edf4ff;

    color: #2164e8;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}

.fs-tutoring-needs-icon svg {
    width: 26px;
    height: 26px;
    display: block;
}

/* 카드 제목 */
.fs-tutoring-needs-card h3 {
    margin: 0;

    color: #0f294a;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

/* 카드 설명 */
.fs-tutoring-needs-card p {
    margin: 16px 0 0;

    color: #5f718c;
    font-size: 16px;
    line-height: 1.75;

    word-break: keep-all;
}


/* =========================================================
S-08 학생을 변화시키는 과외는 무엇이 다를까요?
========================================================= */

.fs-tutoring-features {
    padding: 96px 24px 104px;
    background: #ffffff;
}

.fs-tutoring-features .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-features-heading {
    max-width: 900px;
    margin: 0 auto 52px;
    text-align: center;
}

.fs-tutoring-features-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-features-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* 2 x 2 */
.fs-tutoring-features-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

/* 카드 */
.fs-tutoring-feature-card {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(210px, 0.9fr);
    align-items: center;
    gap: 22px;

    min-width: 0;
    min-height: 310px;
    padding: 34px 24px 30px 34px;

    background: #f8fbff;
    border: 1px solid #e7edf6;
    border-radius: 22px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);

    overflow: hidden;
}

/* 텍스트 */
.fs-tutoring-feature-copy {
    min-width: 0;
}

.fs-tutoring-feature-copy h3 {
    margin: 0;

    color: #0f294a;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

.fs-tutoring-feature-copy p {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 16px;
    line-height: 1.8;

    word-break: keep-all;
}

/* 일러스트 영역 */
.fs-tutoring-feature-media {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100%;
}

.fs-tutoring-feature-media img {
    display: block;
    width: 100%;
    max-width: 275px;
    height: auto;

    border-radius: 18px;
    object-fit: contain;
}


/* =========================================================
S-09 과목별 공부방법
========================================================= */

.fs-tutoring-subjects {
    padding: 96px 24px 104px;
    background: #f4f8ff;
}

.fs-tutoring-subjects .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-subjects-heading {
    max-width: 940px;
    margin: 0 auto 52px;
    text-align: center;
}

.fs-tutoring-subjects-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-subjects-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* PC 3열 */
.fs-tutoring-subjects-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

/* 개별 카드 */
.fs-tutoring-subject-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 22px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);

    overflow: hidden;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.fs-tutoring-subject-card:hover {
    border-color: #cddcf2;
    box-shadow: 0 14px 34px rgba(15, 41, 74, 0.08);
}

/* ---------------------------------------------------------
S-09 일러스트 영역
--------------------------------------------------------- */

.fs-tutoring-subject-media {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 270px;
    padding: 26px 28px;

    background: #f8fbff;
}

.fs-tutoring-subject-media img {
    display: block;

    width: 220px;
    max-width: 100%;
    height: auto;

    border-radius: 18px;
}

/* ---------------------------------------------------------
S-09 카드 콘텐츠
--------------------------------------------------------- */

.fs-tutoring-subject-copy {
    display: flex;
    flex: 1;
    flex-direction: column;

    min-width: 0;
    padding: 30px 30px 32px;

    text-align: left;
}

/* 과목명 */
.fs-tutoring-subject-name {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;

    margin-bottom: 18px;
    padding: 7px 12px;

    background: #edf4ff;
    border-radius: 999px;

    color: #2164e8;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

/* 핵심 메시지 */
.fs-tutoring-subject-copy h3 {
    margin: 0;

    color: #0f294a;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

/* 상세 설명 */
.fs-tutoring-subject-copy p {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 16px;
    line-height: 1.8;

    word-break: keep-all;
}

/* 핵심 학습요소 */
.fs-tutoring-subject-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: auto;
    padding-top: 26px;
}

.fs-tutoring-subject-tags span {
    display: inline-flex;
    align-items: center;

    padding: 7px 11px;

    background: #fff0f0;
    border-radius: 999px;

    color: #c65a5a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;

    white-space: nowrap;
}



/* =========================================================
S-10 학년별 학습전략
========================================================= */

.fs-tutoring-grades {
    padding: 96px 24px 104px;
    background: #ffffff;
}

.fs-tutoring-grades .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-grades-heading {
    max-width: 940px;
    margin: 0 auto 52px;
    text-align: center;
}

.fs-tutoring-grades-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-grades-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* PC 3열 */
.fs-tutoring-grades-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

/* 카드 */
.fs-tutoring-grade-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    padding: 18px;

    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 22px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.fs-tutoring-grade-card:hover {
    border-color: #cddcf2;
    box-shadow: 0 14px 34px rgba(15, 41, 74, 0.08);
}

/* 이미지 */
.fs-tutoring-grade-media {
    width: 100%;
    height: 250px;

    border-radius: 18px;
    overflow: hidden;

    background: #f8fbff;
}

.fs-tutoring-grade-media img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* 카드 본문 */
.fs-tutoring-grade-copy {
    display: flex;
    flex: 1;
    flex-direction: column;

    min-width: 0;
    padding: 28px 12px 12px;

    text-align: left;
}

/* 대표 학년 */
.fs-tutoring-grade-name {
    margin-bottom: 16px;

    color: #2164e8;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

/* 핵심 메시지 */
.fs-tutoring-grade-copy h3 {
    margin: 0;

    color: #0f294a;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

/* 상세 설명 */
.fs-tutoring-grade-copy p {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 16px;
    line-height: 1.8;

    word-break: keep-all;
}


/* =========================================================
S-11 학생과 학부모가 전하는 수업 후기
========================================================= */

.fs-tutoring-reviews {
    padding: 96px 24px 104px;
    background: #f4f8ff;
}

.fs-tutoring-reviews .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-reviews-heading {
    max-width: 940px;
    margin: 0 auto 52px;
    text-align: center;
}

.fs-tutoring-reviews-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-reviews-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* PC 3열 */
.fs-tutoring-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

/* 후기 카드 */
.fs-tutoring-review-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    padding: 30px 30px 34px;

    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 22px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.fs-tutoring-review-card:hover {
    border-color: #cddcf2;
    box-shadow: 0 14px 34px rgba(15, 41, 74, 0.08);
}

/* 학교급·학년 뱃지 */
.fs-tutoring-review-grade {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;

    margin-bottom: 24px;
    padding: 7px 12px;

    background: #edf8ef;
    border-radius: 999px;

    color: #2f7d46;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

/* 원형 실사 이미지 */
.fs-tutoring-review-media {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    margin-bottom: 26px;
}

.fs-tutoring-review-media img {
    display: block;

    width: 156px;
    height: 156px;

    border-radius: 50%;
    object-fit: cover;
}

/* 후기 텍스트 영역 */
.fs-tutoring-review-copy {
    min-width: 0;
    text-align: left;
}

/* 별점 */
.fs-tutoring-review-rating {
    margin-bottom: 10px;

    color: #f2b01e;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
}

/* 후기 제목 */
.fs-tutoring-review-copy h3 {
    margin: 0;

    color: #0f294a;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

/* 후기 본문 */
.fs-tutoring-review-copy p {
    margin: 20px 0 0;

    color: #5f718c;
    font-size: 16px;
    line-height: 1.85;

    word-break: keep-all;
}


/* =========================================================
S-12 상담부터 수업까지, 이렇게 진행됩니다
========================================================= */

.fs-tutoring-process {
    padding: 96px 24px 104px;
    background: #ffffff;
}

.fs-tutoring-process .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-process-heading {
    max-width: 940px;
    margin: 0 auto 52px;
    text-align: center;
}

.fs-tutoring-process-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-process-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* PC 5열 */
.fs-tutoring-process-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

/* 프로세스 카드 */
.fs-tutoring-process-card {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    min-height: 280px;
    padding: 30px 22px 32px;

    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 22px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);

    text-align: center;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.fs-tutoring-process-card:hover {
    border-color: #cddcf2;
    box-shadow: 0 14px 34px rgba(15, 41, 74, 0.08);
}

/* 번호 원형 */
.fs-tutoring-process-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;
    margin-bottom: 24px;

    border-radius: 50%;
    background: #edf4ff;

    color: #2164e8;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

/* 단계 제목 */
.fs-tutoring-process-card h3 {
    margin: 0;

    color: #0f294a;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.025em;

    word-break: keep-all;
}

/* 단계 설명 */
.fs-tutoring-process-card p {
    margin: 14px 0 0;

    color: #5f718c;
    font-size: 15px;
    line-height: 1.75;

    word-break: keep-all;
}


/* =========================================================
S-13 자주 묻는 질문
========================================================= */

.fs-tutoring-faq {
    padding: 96px 24px 104px;
    background: #f4f8ff;
}

.fs-tutoring-faq .fs-container {
    max-width: 1240px;
    margin: 0 auto;
}

/* 제목 영역 */
.fs-tutoring-faq-heading {
    max-width: 940px;
    margin: 0 auto 52px;
    text-align: center;
}

.fs-tutoring-faq-title {
    margin: 0;

    color: #0f294a;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;

    word-break: keep-all;
}

.fs-tutoring-faq-desc {
    margin: 18px 0 0;

    color: #5f718c;
    font-size: 18px;
    line-height: 1.75;

    word-break: keep-all;
}

/* PC 2열 x 3행 */
.fs-tutoring-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    align-items: stretch;
}

/* FAQ 카드 */
.fs-tutoring-faq-item {
    min-width: 0;
    margin: 0;

    background: #ffffff;
    border: 1px solid #e7edf6;
    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);

    overflow: hidden;
}

/* 열린 카드 */
.fs-tutoring-faq-item[open] {
    background: #edf4ff;
}

/* 질문 전체 */
.fs-tutoring-faq-question {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;

    padding: 26px 30px;

    color: #0f294a;
    cursor: pointer;
    list-style: none;

    word-break: keep-all;
}

.fs-tutoring-faq-question::-webkit-details-marker {
    display: none;
}

.fs-tutoring-faq-question::marker {
    content: "";
}

/* q. 텍스트 */
.fs-tutoring-faq-q {
    color: #2164e8;
    font-size: 21px;
    font-weight: 800;
    line-height: 1;
}

/* 질문 텍스트 */
.fs-tutoring-faq-question-text {
    min-width: 0;

    color: #0f294a;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.02em;
}

/* 화살표 */
.fs-tutoring-faq-item .fs-chevron {
    color: #0f294a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;

    transform: none;
}

/* 기존 메인 FAQ 동작과 동일하게 열린 상태에서 방향 전환 */
.fs-tutoring-faq-item[open] .fs-chevron {
    transform: rotate(180deg);
}

/* 답변 */
.fs-tutoring-faq-answer {
    padding: 0 30px 30px 64px;

    color: #44556f;
    font-size: 16px;
    line-height: 1.85;

    word-break: keep-all;
}

/* Hover 효과 없음 */
.fs-tutoring-faq-item:hover {
    border-color: #e7edf6;
    box-shadow: 0 10px 30px rgba(15, 41, 74, 0.05);
}

/* =========================================================
Tablet
========================================================= */

@media (max-width: 1024px) {

    .fs-tutoring-hero {
        padding: 56px 0 64px;
    }

    .fs-tutoring-hero-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .fs-tutoring-hero-title {
        font-size: clamp(36px, 6vw, 48px);
    }

    .fs-tutoring-hero-desc {
        font-size: 18px;
    }


    /* S-07 */
    .fs-tutoring-needs {
        padding: 76px 24px 84px;
    }

    .fs-tutoring-needs-heading {
        margin-bottom: 40px;
    }

    .fs-tutoring-needs-title {
        font-size: 34px;
    }

    .fs-tutoring-needs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }


    /* S-08 */
    .fs-tutoring-features {
        padding: 78px 24px 86px;
    }

    .fs-tutoring-features-heading {
        margin-bottom: 42px;
    }

    .fs-tutoring-features-title {
        font-size: 34px;
    }

    .fs-tutoring-features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .fs-tutoring-feature-card {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 0;
        padding: 28px;
    }

    .fs-tutoring-feature-media {
        margin-top: 14px;
    }

    .fs-tutoring-feature-media img {
        max-width: 230px;
    }


    /* S-09 */
    .fs-tutoring-subjects {
        padding: 78px 24px 86px;
    }

    .fs-tutoring-subjects-heading {
        margin-bottom: 42px;
    }

    .fs-tutoring-subjects-title {
        font-size: 34px;
    }

    .fs-tutoring-subjects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .fs-tutoring-subject-media {
        min-height: 250px;
        padding: 24px;
    }

    .fs-tutoring-subject-media img {
        max-width: 260px;
        height: 200px;
    }

    .fs-tutoring-subject-copy {
        padding: 28px;
    }

    /* S-10 */
    .fs-tutoring-grades {
        padding: 78px 24px 86px;
    }

    .fs-tutoring-grades-heading {
        margin-bottom: 42px;
    }

    .fs-tutoring-grades-title {
        font-size: 34px;
    }

    .fs-tutoring-grades-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .fs-tutoring-grade-media {
        height: 240px;
    }

    .fs-tutoring-grade-copy {
        padding: 26px 10px 10px;
    }


    /* S-11 */
    .fs-tutoring-reviews {
        padding: 78px 24px 86px;
    }

    .fs-tutoring-reviews-heading {
        margin-bottom: 42px;
    }

    .fs-tutoring-reviews-title {
        font-size: 34px;
    }

    .fs-tutoring-reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .fs-tutoring-review-card {
        padding: 28px 28px 32px;
    }

    .fs-tutoring-review-media img {
        width: 148px;
        height: 148px;
    }


    /* S-12 */
    .fs-tutoring-process {
        padding: 78px 24px 86px;
    }

    .fs-tutoring-process-heading {
        margin-bottom: 42px;
    }

    .fs-tutoring-process-title {
        font-size: 34px;
    }

    .fs-tutoring-process-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .fs-tutoring-process-card {
        min-height: 250px;
        padding: 28px 24px 30px;
    }

    .fs-tutoring-process-number {
        width: 60px;
        height: 60px;
        margin-bottom: 22px;
    }


    /* S-13 */
    .fs-tutoring-faq {
        padding: 78px 24px 86px;
    }

    .fs-tutoring-faq-heading {
        margin-bottom: 42px;
    }

    .fs-tutoring-faq-title {
        font-size: 34px;
    }

    .fs-tutoring-faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .fs-tutoring-faq-question {
        gap: 12px;
        padding: 24px 24px;
    }

    .fs-tutoring-faq-question-text {
        font-size: 19px;
    }

    .fs-tutoring-faq-answer {
        padding: 0 24px 26px 58px;
        font-size: 15px;
        line-height: 1.8;
    }


}


/* =========================================================
Mobile
========================================================= */

@media (max-width: 767px) {

    .fs-tutoring-hero {
        padding: 40px 0 48px;
    }

    .fs-tutoring-hero-grid {
        gap: 30px;
    }

    .fs-tutoring-hero-image {
        height: 320px;
        border-radius: 22px;
    }

    .fs-tutoring-region {
        margin-bottom: 16px;
        padding: 8px 14px;

        font-size: 14px;
    }

    .fs-tutoring-hero-title {
        font-size: 34px;
        line-height: 1.2;
    }

    .fs-tutoring-hero-desc {
        margin-top: 20px;

        font-size: 17px;
        line-height: 1.7;
    }

    .fs-tutoring-hero-checks {
        display: grid;
        gap: 10px;

        margin-top: 24px;

        font-size: 15px;
    }

    .fs-tutoring-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;

        margin-top: 28px;
    }

    .fs-tutoring-hero-actions .fs-btn {
        width: 100%;
        min-width: 0;
    }


    /* 지역별 자유 본문 모바일 */
    .fs-tutoring-local-content {
        padding: 40px 22px 48px;

        font-size: 16px;
        line-height: 1.8;
    }

    .fs-tutoring-local-content p {
        margin-bottom: 20px;
    }

    .fs-tutoring-local-content h2 {
        margin: 44px 0 18px;

        font-size: 25px;
    }

    .fs-tutoring-local-content h3 {
        margin: 32px 0 14px;

        font-size: 20px;
    }


    /* S-07 모바일 */
    .fs-tutoring-needs {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-needs-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-needs-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-needs-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-needs-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fs-tutoring-needs-card {
        padding: 26px 24px 28px;
        border-radius: 18px;
    }

    .fs-tutoring-needs-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 20px;

        border-radius: 13px;
        font-size: 20px;
    }

    .fs-tutoring-needs-card h3 {
        font-size: 20px;
    }

    .fs-tutoring-needs-card p {
        margin-top: 12px;

        font-size: 15px;
        line-height: 1.7;
    }


    /* S-08 모바일 */
    .fs-tutoring-features {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-features-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-features-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-features-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fs-tutoring-feature-card {
        grid-template-columns: 1fr;
        gap: 18px;

        padding: 26px 24px 24px;

        border-radius: 18px;
    }

    .fs-tutoring-feature-copy h3 {
        font-size: 21px;
        line-height: 1.45;
    }

    .fs-tutoring-feature-copy p {
        margin-top: 12px;

        font-size: 15px;
        line-height: 1.7;
    }

    .fs-tutoring-feature-media {
        margin-top: 4px;
    }

    .fs-tutoring-feature-media img {
        max-width: 280px;
    }


    /* S-09 모바일 */
    .fs-tutoring-subjects {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-subjects-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-subjects-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-subjects-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-subjects-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fs-tutoring-subject-card {
        border-radius: 18px;
    }

    .fs-tutoring-subject-media {
        min-height: 230px;
        padding: 22px;
    }

    .fs-tutoring-subject-media img {
        max-width: 280px;
        height: 190px;
    }

    .fs-tutoring-subject-copy {
        padding: 26px 24px 28px;
    }

    .fs-tutoring-subject-name {
        margin-bottom: 16px;
        padding: 7px 11px;

        font-size: 13px;
    }

    .fs-tutoring-subject-copy h3 {
        font-size: 21px;
        line-height: 1.45;
    }

    .fs-tutoring-subject-copy p {
        margin-top: 14px;

        font-size: 15px;
        line-height: 1.7;
    }

    .fs-tutoring-subject-tags {
        gap: 7px;

        padding-top: 22px;
    }

    .fs-tutoring-subject-tags span {
        padding: 7px 10px;

        font-size: 12px;
    }

    /* S-10 모바일 */
    .fs-tutoring-grades {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-grades-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-grades-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-grades-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-grades-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fs-tutoring-grade-card {
        padding: 16px;
        border-radius: 18px;
    }

    .fs-tutoring-grade-media {
        height: 230px;
        border-radius: 16px;
    }

    .fs-tutoring-grade-copy {
        padding: 24px 8px 10px;
    }

    .fs-tutoring-grade-name {
        margin-bottom: 14px;

        font-size: 15px;
    }

    .fs-tutoring-grade-copy h3 {
        font-size: 21px;
        line-height: 1.45;
    }

    .fs-tutoring-grade-copy p {
        margin-top: 14px;

        font-size: 15px;
        line-height: 1.7;
    }



    /* S-11 모바일 */
    .fs-tutoring-reviews {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-reviews-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-reviews-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-reviews-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-reviews-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fs-tutoring-review-card {
        padding: 26px 24px 28px;
        border-radius: 18px;
    }

    .fs-tutoring-review-grade {
        margin-bottom: 20px;
        padding: 7px 11px;

        font-size: 13px;
    }

    .fs-tutoring-review-media {
        margin-bottom: 22px;
    }

    .fs-tutoring-review-media img {
        width: 132px;
        height: 132px;
    }

    .fs-tutoring-review-rating {
        margin-bottom: 9px;

        font-size: 17px;
    }

    .fs-tutoring-review-copy h3 {
        font-size: 21px;
        line-height: 1.45;
    }

    .fs-tutoring-review-copy p {
        margin-top: 16px;

        font-size: 15px;
        line-height: 1.75;
    }


    /* S-12 모바일 */
    .fs-tutoring-process {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-process-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-process-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-process-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-process-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fs-tutoring-process-card {
        min-height: 0;
        padding: 26px 24px 28px;
        border-radius: 18px;
    }

    .fs-tutoring-process-number {
        width: 56px;
        height: 56px;
        margin-bottom: 20px;

        font-size: 17px;
    }

    .fs-tutoring-process-card h3 {
        font-size: 20px;
        line-height: 1.45;
    }

    .fs-tutoring-process-card p {
        margin-top: 12px;

        font-size: 15px;
        line-height: 1.7;
    }


    /* S-13 모바일 */
    .fs-tutoring-faq {
        padding: 64px 22px 72px;
    }

    .fs-tutoring-faq-heading {
        margin-bottom: 34px;
    }

    .fs-tutoring-faq-title {
        font-size: 29px;
        line-height: 1.35;
    }

    .fs-tutoring-faq-desc {
        margin-top: 14px;

        font-size: 16px;
        line-height: 1.7;
    }

    .fs-tutoring-faq-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .fs-tutoring-faq-item {
        border-radius: 18px;
    }

    .fs-tutoring-faq-question {
        gap: 10px;
        padding: 22px 20px;
    }

    .fs-tutoring-faq-q {
        font-size: 19px;
    }

    .fs-tutoring-faq-question-text {
        font-size: 18px;
        line-height: 1.45;
    }

    .fs-tutoring-faq-item .fs-chevron {
        font-size: 16px;
    }

    .fs-tutoring-faq-answer {
        padding: 0 20px 24px 50px;

        font-size: 15px;
        line-height: 1.75;
    }

}