/* =========================================================
   배움 202608 "함께 달리는 배움 러닝크루" - 전체 스타일
   PC 우선 구현 + 반응형(1100/768px)
   ========================================================= */

/* ---------- 폰트 ---------- */
@font-face {
    font-family: "Vitro Core";
    font-weight: 400;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Vitro_core.woff") format("woff");
}
@font-face {
    font-family: "Gmarket Sans";
    font-weight: 500;
    font-display: swap;
    src: url("../assets-learning2608/fonts/GmarketSansMedium.woff2") format("woff2");
}
@font-face {
    font-family: "Gmarket Sans";
    font-weight: 700;
    font-display: swap;
    src: url("../assets-learning2608/fonts/GmarketSansBold.woff2") format("woff2");
}
@font-face {
    font-family: "Paperlogy";
    font-weight: 400;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Paperlogy-4Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Paperlogy";
    font-weight: 500;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Paperlogy-5Medium.woff2") format("woff2");
}
@font-face {
    font-family: "Paperlogy";
    font-weight: 600;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Paperlogy-6SemiBold.woff2") format("woff2");
}
@font-face {
    font-family: "Paperlogy";
    font-weight: 800;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Paperlogy-8ExtraBold.woff2") format("woff2");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Pretendard-Light.woff2") format("woff2");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: url("../assets-learning2608/fonts/Pretendard-SemiBold.woff2") format("woff2");
}

/* ---------- 변수 + 베이스 (.learning2608 래퍼) ---------- */
.learning2608 {
    --font-vitro: "Vitro Core", "Paperlogy", sans-serif;
    --font-gmarket: "Gmarket Sans", "Paperlogy", sans-serif;
    --font-paper: "Paperlogy", "Pretendard", sans-serif;
    --font-pretendard: "Pretendard", sans-serif;

    --c-text: #333;
    --c-red: #d20000;
    --c-navy: #123659;
    --c-purple: #7441d9;
    --c-indigo: #3d3dcc;

    --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.1);

    --content-w: 1200px;

    -webkit-text-size-adjust: 100%;
    font-family: var(--font-paper);
    color: var(--c-text);
    line-height: 1.5;
    letter-spacing: normal;
    word-break: keep-all;
    background: #fff;
    overflow-x: hidden;
}

/*
  Site layout isolation 
  - landing_base_tailwind 등의 전역 * / img / a / heading / b 규칙이
    사이트 헤더·공통 CSS와 함께 로드될 때 .learning2608 내부를 덮지 않도록 분리
  - :where()로 특이도를 낮게 유지해 아래 컴포넌트 클래스 규칙이 우선하도록 함
*/
.learning2608 :where(*) {
    font-family: inherit;
    letter-spacing: inherit;
}
.learning2608 :where(h1, h2, h3, h4, h5, h6),
.learning2608 :where(h1, h2, h3, h4, h5, h6) :where(*) {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}
.learning2608 :where(b, strong) {
    font-weight: inherit;
}

/* ---------- reset (.learning2608 scope, :where로 특이도 0 유지) ---------- */
/* :where() = 특이도 0 -> 기존 * 리셋과 동일하게 컴포넌트 규칙이 우선 */
:where(.learning2608),
:where(.learning2608) *,
:where(.learning2608) *::before,
:where(.learning2608) *::after {
    box-sizing: border-box;
}
:where(.learning2608) * {
    margin: 0;
    padding: 0;
}
/* 전역 img { margin-left/right:auto } 는 :where 리셋(특이도 0)을 이기므로 별도 차단 */
.learning2608 img {
    display: block;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
/* Reset global anchor defaults; color is set by component classes (do not use color:inherit here ? specificity would override CTA colors) */
.learning2608 a {
    text-decoration: none;
    text-align: inherit;
}
:where(.learning2608) a {
    color: inherit;
}
:where(.learning2608) ul {
    list-style: none;
}
:where(.learning2608) button {
    font-family: inherit;
    border: 0;
    background: none;
    cursor: pointer;
}

.learning2608-page {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}


/* ---------- 스크롤 reveal ---------- */
.learning2608-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}
.learning2608-reveal.is-visible {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    .learning2608-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================================
   HERO
   ========================================================= */
.learning2608-hero {
    position: relative;
    width: 100%;
    background: url("../assets-learning2608/top-bg.png") center / cover no-repeat;
}
.learning2608-hero__inner {
    position: relative;
    max-width: var(--content-w);
    margin: 0 auto;
}
.learning2608-hero__visual {
    width: 100%;
}
/* 전경 통이미지 하단 카드 5개 위치의 투명 앵커 */
.learning2608-hero__card-link {
    position: absolute;
    display: block;
}
.learning2608-hero__card-link--1 {
    left: 40.5%;
    top: 58.5%;
    width: 29.5%;
    height: 15%;
}
.learning2608-hero__card-link--2 {
    left: 71%;
    top: 58.5%;
    width: 20%;
    height: 15%;
}
.learning2608-hero__card-link--3 {
    left: 23.5%;
    top: 74.5%;
    width: 22%;
    height: 15.5%;
}
.learning2608-hero__card-link--4 {
    left: 46.5%;
    top: 74.5%;
    width: 22%;
    height: 15.5%;
}
.learning2608-hero__card-link--5 {
    left: 69.5%;
    top: 74.5%;
    width: 22%;
    height: 15.5%;
}

/* =========================================================
   이벤트 섹션 공통
   ========================================================= */
.learning2608-event {
    position: relative;
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
}
.learning2608-event__inner {
    position: relative;
    max-width: var(--content-w);
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

/* 이벤트 칩(트랙 이미지 배경) */
.learning2608-event__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.learning2608-event__chip {
    width: 256px;
    height: 93px;
    margin-bottom: 20px;
    background: url("../assets-learning2608/title-chip.png") center / contain no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.learning2608-event__chip-label {
    font-family: var(--font-vitro);
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.learning2608-event__chip-label b {
    font-weight: 400 !important; /* 전역 b { font-weight:700 !important } 방어 */
    font-size: 26px;
}

/* 메인 카피 */
.learning2608-event__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: var(--font-vitro);
    font-weight: 400;
}
.learning2608-event__title-sub {
    font-family: var(--font-gmarket);
    font-weight: 500;
    font-size: 34px;
    letter-spacing: -1.7px;
    line-height: 1.1;
}
.learning2608-event__title-main {
    font-family: inherit;
    font-size: 52px;
    line-height: 1.15;
    letter-spacing: inherit;
}
.learning2608-event__title--01 {
    color: #4652d8;
}
.learning2608-event__title--02 {
    color: #0077b2;
}
.learning2608-event__title--03 {
    color: #5f29cc;
}
.learning2608-event__title--03 .learning2608-event__title-main em {
    font-style: normal;
    color: var(--c-red);
}
.learning2608-event__title--04 {
    color: #1452cc;
}
.learning2608-event__title-chip {
    background: #1452cc;
    color: #fff;
    font-family: var(--font-gmarket);
    font-weight: 500;
    font-size: 34px;
    letter-spacing: -1.7px;
    line-height: 1.1;
    padding: 6px 10px 2px;
}
.learning2608-event__title-chip em {
    font-style: normal;
    font-weight: 700;
    color: #fff199;
}
.learning2608-event__title--05 {
    color: #7728c7;
}
.learning2608-event__desc {
    font-family: var(--font-paper);
    font-size: 19px;
    line-height: 1.4;
    letter-spacing: normal;
    color: var(--c-text);
    text-align: center;
}

/* 유의사항 */
.learning2608-notice {
    width: 100%;
    color: var(--c-text);
}
.learning2608-notice--wide {
    max-width: 1100px;
    margin: 0 auto;
}
.learning2608-notice__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}
.learning2608-notice__list {
    list-style: disc;
    padding-left: 22px;
}
.learning2608-notice__list li {
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 1.5;
}

/* 공통 버튼 ? :link/:visited 는 color만 (특이도가 반응형 font-size를 덮지 않도록) */
.learning2608-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-paper);
    font-weight: 500;
    color: #fff;
    text-align: center;
    transition: filter 0.2s ease;
}
.learning2608-btn:link,
.learning2608-btn:visited {
    color: #fff;
}
.learning2608-btn:hover {
    filter: brightness(1.12);
}
.learning2608-btn--purple {
    background: var(--c-purple);
}
.learning2608-btn--navy {
    background: var(--c-navy);
}
.learning2608-btn--wide {
    width: 600px;
    max-width: 100%;
    padding: 22px 10px;
    font-size: 26px;
    letter-spacing: -0.52px;
}
.learning2608-btn--wide b {
    font-weight: 800;
}
.learning2608-btn-row {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
}
.learning2608-btn-row .learning2608-btn {
    width: 280px;
    height: 65px;
    font-size: 20px;
}

/* 취소선 가격 + 화살표 (공통) */
.learning2608-price-strike {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    color: #757575;
    letter-spacing: -0.36px;
    white-space: nowrap;
}
.learning2608-price-strike del {
    text-decoration: line-through;
}
.learning2608-price-strike__label {
    text-decoration: none;
}
.learning2608-price-arrow {
    width: 22px;
    height: 22px;
    transform: rotate(90deg);
}
.learning2608-price-final {
    font-family: var(--font-gmarket);
    font-weight: 700;
    font-size: 34px;
    color: var(--c-text);
    letter-spacing: -0.68px;
    white-space: nowrap;
}

/* =========================================================
   EVENT 01 - 신규/재등록 20%
   ========================================================= */
.learning2608-event--01 {
    background: linear-gradient(110deg, #d9fff2 0%, #bbe5fa 100%);
}
.learning2608-event--01 .learning2608-event__bg {
    position: absolute;
    inset: 0;
    background: url("../assets-learning2608/section1-bg.png") center top 100px / 1920px auto no-repeat;
    opacity: 0.4;
    pointer-events: none;
}
.learning2608-coupon-grid {
    display: flex;
    gap: 40px;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}
.learning2608-coupon-col {
    position: relative;
    width: 550px;
    padding-top: 35px;
}
.learning2608-coupon-col__deco {
    position: absolute;
    pointer-events: none;
}
.learning2608-coupon-col__deco--foot {
    width: 490px;
    left: 30px;
    top: 0;
}
.learning2608-coupon-col__deco--alarm {
    width: 420px;
    left: 65px;
    top: -3px;
}
.learning2608-coupon-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 70px;
    width: 100%;
    filter: drop-shadow(0 4px 7.5px rgba(0, 0, 0, 0.1));
}
.learning2608-coupon-card__box {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0 50px 0 50px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    overflow: visible;
}
.learning2608-coupon-card__name {
    font-family: var(--font-vitro);
    font-weight: 400;
    font-size: 38px;
    color: #6159b3;
    text-align: center;
}
.learning2608-coupon-card__band {
    width: 100%;
    padding: 45px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.learning2608-coupon-card__band--red {
    background: url("../assets-learning2608/coupon-badge1.png") center / cover no-repeat;
}
.learning2608-coupon-card__band--blue {
    background: url("../assets-learning2608/coupon-badge2.png") center / cover no-repeat;
}
.learning2608-coupon-card__benefit {
    font-family: var(--font-vitro);
    font-size: 64px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
}
.learning2608-coupon-card__valid {
    font-size: 18px;
    color: var(--c-text);
    line-height: 1;
}
.learning2608-coupon-card__obj {
    position: absolute;
    pointer-events: none;
}
.learning2608-coupon-card__obj--shoe {
    width: 187px;
    left: 383px;
    top: 38px;
}
.learning2608-coupon-card__obj--clock {
    width: 127px;
    left: 443px;
    top: 34px;
}
.learning2608-coupon-card .learning2608-notice {
    width: 540px;
    max-width: 100%;
}

/* =========================================================
   EVENT 02 - 실습 스퍼트 특가
   ========================================================= */
.learning2608-event--02 {
    background: linear-gradient(169deg, #edfee5 9.5%, #f2ffff 90.5%);
}
.learning2608-price-grid {
    display: flex;
    gap: 15px;
    justify-content: center;
    width: 100%;
}
.learning2608-price-card {
    width: 390px;
    background: #fff;
    border-radius: 0 50px 0 50px;
    box-shadow: var(--shadow-card);
    padding: 45px 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.learning2608-price-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #9fb5df;
}
.learning2608-price-card__rate {
    font-family: var(--font-gmarket);
    font-weight: 700;
    color: var(--c-indigo);
    line-height: 1;
    white-space: nowrap;
}
.learning2608-price-card__rate b {
    font-size: 66px;
    letter-spacing: -3.3px;
}
.learning2608-price-card__rate span {
    font-size: 30px;
    letter-spacing: -1.5px;
}
.learning2608-price-card__icon {
    width: 100px;
    height: 85px;
    object-fit: contain;
}
.learning2608-price-card__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 5px;
}
.learning2608-price-card__name {
    font-family: var(--font-vitro);
    font-weight: 400;
    font-size: 30px;
    color: #0f9999;
}
.learning2608-price-card__price {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 10px;
}
.learning2608-price-card__price .learning2608-price-strike {
    padding-bottom: 5px;
}
.learning2608 .learning2608-price-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: #f0f0f0;
    border-radius: 40px;
    padding: 20px 0;
    font-family: var(--font-paper);
    font-weight: 500;
    font-size: 21px;
    line-height: 1.5;
    color: var(--c-indigo);
    letter-spacing: -0.42px;
    text-align: center;
    transition: background 0.2s ease;
}
.learning2608 .learning2608-price-card__cta:link,
.learning2608 .learning2608-price-card__cta:visited {
    color: var(--c-indigo);
}
.learning2608 .learning2608-price-card__cta:hover {
    background: #e2e2ef;
}
.learning2608 .learning2608-price-card__cta img {
    width: 32px;
    height: 32px;
    margin: 0;
    flex-shrink: 0;
}

/* --- 환승할인 --- */
.learning2608-transfer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    margin-top: 80px;
}
.learning2608-transfer__head {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.learning2608-transfer__badge {
    position: absolute;
    left: calc(50% - 380px);
    top: 10px;
    width: 125px;
    height: 125px;
    pointer-events: none;
}
.learning2608-transfer__badge img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.learning2608-transfer__badge p {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -0.38px;
    color: #fff;
}
.learning2608-transfer__flow {
    display: flex;
    align-items: center;
    justify-content: center;
}
.learning2608-transfer__before {
    position: relative;
    width: 490px;
    height: 200px;
    background: #dbfbf4;
    border: 5px solid #73e5dc;
    border-radius: 100px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.learning2608-transfer__before::before {
    content: "";
    position: absolute;
    inset: 10px;
    background: #fff;
    border: 3px solid #73e5dc;
    border-radius: 100px;
}
.learning2608-transfer__before-title {
    position: relative;
    font-family: var(--font-vitro);
    font-size: 32px;
    color: var(--c-indigo);
    letter-spacing: -1.6px;
    line-height: 1.2;
}
.learning2608-transfer__before-price {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}
.learning2608-transfer__before-price .learning2608-price-final {
    font-size: 30px;
}
.learning2608-transfer__arrow {
    width: 85px;
    height: 60px;
    margin: 0 20px;
}
.learning2608-transfer__after {
    position: relative;
    width: 520px;
    height: 189px;
    margin-left:30px;
    background: linear-gradient(-84deg, #5b39bf 2%, #766cd9 53%, #5b39bf 98%);
    border-radius: 100px 100px 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.learning2608-transfer__after-tag {
    position: absolute;
    width: 84px;
    left: -12px;
    top: -12px;
}
.learning2608-transfer__after-coin {
    position: absolute;
    width: 79px;
    right: 20px;
    bottom: 0px;
}
.learning2608-transfer__after-title {
    font-family: var(--font-vitro);
    font-size: 32px;
    color: #fff;
    letter-spacing: -0.64px;
    line-height: 1.2;
}
.learning2608-transfer__after-title b {
    font-weight: 400;
    color: #80f4ff;
}
.learning2608-transfer__after-price {
    font-family: var(--font-gmarket);
    font-weight: 700;
    font-size: 45px;
    color: #faf44b;
    letter-spacing: -0.9px;
    line-height: 1;
}
.learning2608-transfer__target {
    display: flex;
    align-items: center;
    gap: 20px;
}
.learning2608-transfer__target-title {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.48px;
    color: #000;
    white-space: nowrap;
}
.learning2608-transfer__target-list {
    list-style: disc;
    padding-left: 22px;
    color: #000;
}
.learning2608-transfer__target-list li {
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

/* =========================================================
   EVENT 03 - 보육교사 2급
   ========================================================= */
.learning2608-event--03 {
    background: linear-gradient(180deg, #ffeae5 0%, #fffcf2 100%);
}
.learning2608-event--03__blob {
    position: absolute;
    pointer-events: none;
}
.learning2608-event--03__blob--left {
    width: 680px;
    left: calc(50% - 600px);
    top: 460px;
}
.learning2608-event--03__blob--right {
    width: 450px;
    right: calc(50% - 570px);
    top: 550px;
    transform: rotate(-20.9deg);
}
.learning2608-pkg-card {
    position: relative;
    width: 1000px;
    max-width: 100%;
    background: #fff;
    box-shadow: var(--shadow-card);
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}
.learning2608-pkg-card__title {
    font-family: var(--font-vitro);
    font-weight: 400;
    font-size: 32px;
    text-decoration: underline;
    text-underline-position: from-font;
    text-align: center;
}
.learning2608-pkg-card__title--purple {
    color: #5f29cc;
}
.learning2608-pkg-card__title--blue {
    color: #1452cc;
}
.learning2608-pkg-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 840px;
    max-width: 92%;
}
.learning2608-pkg-card__footnote {
    font-size: 13px;
    color: #000;
    text-align: center;
}
/* 이론 2과목 0원 배지 */
.learning2608-pkg-zero {
    width: 240px;
    height: 120px;
    background: #fff199;
    border-radius: 60px 60px 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding-top: 6px;
}
.learning2608-pkg-zero__text {
    text-align: right;
    color: #1a1a1a;
    font-size: 30px;
    line-height: 1.2;
}
.learning2608-pkg-zero__line2 {
    font-weight: 600;
}
.learning2608-pkg-zero__book {
    position: relative;
    width: 70px;
    height: 91px;
}
.learning2608-pkg-zero__won {
    position: absolute;
    right: -10px;
    bottom: 12px;
    width: 28px;
    height: 28px;
    background: var(--c-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
/* 이론/대면 라인 */
.learning2608-pkg-lines {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.learning2608-pkg-lines--wide {
    width: 700px;
    max-width: 92%;
    gap: 10px;
}
.learning2608-pkg-line {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
}
.learning2608-pkg-line--between {
    justify-content: space-between;
}
/* PC: 과목당 → 최대할인 → 최종가 한 줄 정렬 */
.learning2608-pkg-line .learning2608-price-strike-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}
.learning2608-pkg-line .learning2608-price-strike-wrap > * {
    flex-shrink: 0;
}
.learning2608-pkg-line .learning2608-pkg-line__price {
    margin: 0;
}
.learning2608-pkg-line__chip {
    width: 120px;
    padding: 10px 12px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    white-space: nowrap;
}
.learning2608-pkg-line__chip--mint {
    background: #c8f6fa;
    color: #0f8d99;
}
.learning2608-pkg-line__chip--blue {
    background: #e0ebff;
    color: #3966bf;
}
.learning2608-pkg-line .learning2608-price-strike {
    font-size: 17px;
    color: #666;
}
.learning2608-pkg-line__price {
    font-size: 26px;
    color: #1a1a1a;
    white-space: nowrap;
}
.learning2608-pkg-line__price b {
    font-weight: 800;
    font-size: 40px;
    color: var(--c-red);
}
.learning2608-pkg-line__price em {
    font-style: normal;
    color: var(--c-red);
}
.learning2608-pkg-line__price--num b {
    font-size: 32px;
}
.learning2608-pkg-line__price--plain b,
.learning2608-pkg-line__price--plain em {
    color: var(--c-text);
}
.learning2608-pkg-line__price--plain b {
    font-size: 32px;
}
.learning2608-pkg-line__max {
    background: #1452cc;
    border-radius: 25px 25px 0 25px;
    padding: 8px 20px;
    color: #fff;
    font-size: 20px;
    line-height: 1.1;
    white-space: nowrap;
}
.learning2608-pkg-line__max b {
    font-weight: 800;
    font-size: 28px;
    color: #fff199;
}
.learning2608-pkg-line__max em {
    font-style: normal;
    color: #fff199;
}

/* =========================================================
   EVENT 04 - 청소년지도사 2급
   ========================================================= */
.learning2608-event--04 {
    background: linear-gradient(180deg, #dbffff 0%, #ffffeb 100%);
}
.learning2608-why {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
}
.learning2608-why__title {
    font-family: var(--font-vitro);
    font-weight: 400;
    font-size: 32px;
    color: #000;
    text-decoration: underline;
    text-underline-position: from-font;
}
.learning2608-why__grid {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
}
.learning2608-why-card {
    width: 370px;
    background: #fffdeb;
    border: 3px solid #91f2e2;
    border-radius: 0 50px 0 50px;
    box-shadow: 0 4px 12px rgba(46, 135, 153, 0.4);
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.learning2608-why-card__icon {
    width: 120px;
    height: 90px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(178, 172, 89, 0.55));
}
.learning2608-why-card__text {
    text-align: center;
    line-height: 1.4;
    letter-spacing: -0.78px;
}
.learning2608-why-card__text strong {
    display: block;
    font-weight: 600;
    font-size: 25px;
    color: #1452cc;
}
.learning2608-why-card__text span {
    display: block;
    font-size: 20px;
    color: #000;
    letter-spacing: -0.6px;
}
.learning2608-pkg-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 12px 0 14px;
}
.learning2608-pkg-wrap__bg {
    position: absolute;
    width: 1150px;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.learning2608-pkg-card--offset {
    margin-left: 0px;
}

/* =========================================================
   EVENT 05 - 학위과정 크루 패키지
   ========================================================= */
.learning2608-event--05 {
    background: linear-gradient(180deg, #ffebfc 0%, #fff7eb 100%);
}
.learning2608-degree-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    width: 100%;
}
.learning2608-degree-card {
    width: calc(50% - 10px);
    max-width: 590px;
    background: #fff;
    border-radius: 0 50px 0 50px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    padding: 45px 40px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.learning2608-degree-card__name {
    border: 1px solid #ad82d9;
    border-radius: 5px;
    padding: 10px 0;
    font-weight: 600;
    font-size: 44px;
    color: #000;
    text-align: center;
    line-height: 1.2;
}
.learning2608-degree-card__row {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
.learning2608-degree-card__rate {
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    background: #f0f0f0;
    border-radius: 70px 70px 0 70px;
    padding-top:15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: var(--font-gmarket);
    letter-spacing: -1.4px;
    line-height: 1.1;
}
.learning2608-degree-card__rate span {
    font-weight: 500;
    font-size: 20px;
    color: #000;
}
.learning2608-degree-card__rate b {
    font-weight: 700;
    font-size: 40px;
    color: #e54595;
}
.learning2608-degree-card__right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    min-width: 0;
}
.learning2608-degree-card__price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    padding-bottom: 10px;
}
.learning2608-degree-card__price .learning2608-price-strike {
    font-size: 16px;
    color: #808080;
}
.learning2608-degree-card__final {
    font-weight: 800;
    font-size: 41px;
    color: var(--c-red);
    letter-spacing: -0.82px;
    line-height: 1;
    white-space: nowrap;
}
.learning2608-degree-card__final em {
    font-style: normal;
    font-weight: 400;
}
.learning2608-degree-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: #7728c7;
    border-radius: 5px;
    padding: 12px 0;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    letter-spacing: -0.66px;
    transition: filter 0.2s ease;
}
.learning2608-degree-card__cta:link,
.learning2608-degree-card__cta:visited {
    color: #fff;
}
.learning2608-degree-card__cta:hover {
    filter: brightness(1.15);
}
.learning2608-degree-card__cta img {
    width: 30px;
    height: 30px;
    margin: 0;
    flex-shrink: 0;
}

/* =========================================================
   문의
   ========================================================= */
.learning2608-contact {
    background: #fff;
    padding: 90px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    font-family: var(--font-pretendard);
}
.learning2608-contact__head {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.learning2608-contact__title {
    font-weight: 600;
    font-size: 26px;
    color: #000;
    letter-spacing: -0.52px;
    line-height: 1;
}
.learning2608-contact__time {
    font-weight: 300;
    font-size: 17px;
    color: #767676;
    letter-spacing: -0.34px;
    line-height: 1.2;
}
.learning2608-contact__row {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.learning2608-contact__box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 418px;
    max-width: 100%;
    height: 80px;
    background: #eee;
    color: #000;
    transition: background 0.2s ease;
}
.learning2608-contact__box:link,
.learning2608-contact__box:visited {
    color: #000;
}
.learning2608-contact__box:hover {
    background: #e2e2e2;
}
.learning2608-contact__label {
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.48px;
}
.learning2608-contact__value {
    font-weight: 300;
    font-size: 27px;
    letter-spacing: -0.54px;
}
.learning2608-contact__arrow {
    width: 22px;
    height: 14px;
    transform: rotate(90deg);
}

/* =========================================================
   반응형 - 태블릿 (~1100px)
   ========================================================= */
@media (max-width: 1100px) {
    .learning2608-event__title-sub {
        font-size: 28px;
    }
    .learning2608-event__title-main {
        font-size: 42px;
    }
    .learning2608-event__title-chip {
        font-size: 26px;
    }
    .learning2608-event__desc {
        font-size: 17px;
    }

    /* EVENT 01 */
    .learning2608-coupon-grid {
        flex-direction: column;
        align-items: center;
    }

    /* EVENT 02 */
    .learning2608-price-grid {
        flex-wrap: wrap;
    }
    .learning2608-price-card {
        width: min(390px, 100%);
    }
    .learning2608-transfer__badge {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto -10px;
    }
    .learning2608-transfer__flow {
        flex-direction: column;
        gap: 0px;
    }
    .learning2608-transfer__arrow {
        transform: rotate(90deg);
        width: 60px;
        height: 42px;
        margin: 10px 0;
    }
    .learning2608-transfer__before,
    .learning2608-transfer__after {
        max-width: 100%;
        margin:0;
    }

    /* EVENT 03 */
    .learning2608-event--03__blob {
        display: none;
    }
    .learning2608-pkg-card__row {
        flex-direction: column;
        gap: 30px;
    }
    .learning2608-pkg-lines--wide {
        width: 92%;
    }
    /* 태블릿(~모바일 직전): 칩+가격 한 줄 유지 (2줄은 768px에서만) */
    .learning2608-pkg-lines--wide .learning2608-pkg-line--between {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        row-gap: 0;
    }
    .learning2608-pkg-lines--wide .learning2608-price-strike-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: auto;
        flex: 1 1 auto;
        justify-content: flex-end;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    /* EVENT 04 */
    .learning2608-why__grid {
        flex-wrap: wrap;
    }
    .learning2608-pkg-wrap__bg {
        display: none;
    }
    .learning2608-pkg-card--offset {
        margin-left: 0;
    }

    /* EVENT 05 */
    .learning2608-degree-grid {
        justify-content: center;
        gap: 15px;
    }
    .learning2608-degree-card {
        width: min(590px, 100%);
    }
}

/* =========================================================
   반응형 - 모바일 (~768px)
   Figma 모바일 디자인(node 58:670, 640px 기준)을 비례 스케일로 구현
   --ms: 640px 기준 1px (뷰포트가 640px보다 좁으면 비례 축소)
   ========================================================= */
@media (max-width: 768px) {
    .learning2608 {
        --ms: min(1px, 0.15625vw);
    }

    .learning2608-event {
        padding: calc(100 * var(--ms)) 0;
    }
    .learning2608-event__inner {
        max-width: 640px;
        padding: 0 calc(20 * var(--ms));
        gap: calc(40 * var(--ms));
    }
    .learning2608-event__head {
        gap: calc(20 * var(--ms));
    }
    .learning2608-event__chip {
        width: calc(256 * var(--ms));
        height: calc(93 * var(--ms));
    }
    .learning2608-event__chip-label {
        font-size: calc(18 * var(--ms));
    }
    .learning2608-event__chip-label b {
        font-size: calc(26 * var(--ms));
    }
    .learning2608-event__title-sub {
        font-size: calc(34 * var(--ms));
        letter-spacing: calc(-1.7 * var(--ms));
    }
    .learning2608-event__title-main {
        font-size: calc(52 * var(--ms));
    }
    .learning2608-event__title-chip {
        font-size: calc(34 * var(--ms));
        letter-spacing: calc(-1.7 * var(--ms));
    }
    .learning2608-event__desc {
        font-size: max(12px, calc(19 * var(--ms)));
    }
    .learning2608-notice__title {
        font-size: max(13px, calc(18 * var(--ms)));
        line-height: 1.5;
    }
    .learning2608-notice__list li {
        font-size: max(11px, calc(15 * var(--ms)));
    }
    .learning2608-btn--wide {
        width: 100%;
        padding: calc(22 * var(--ms)) 10px;
        font-size: max(14px, calc(26 * var(--ms)));
    }
    .learning2608-btn-row {
        flex-direction: row;
        gap: calc(20 * var(--ms));
    }
    .learning2608-btn-row .learning2608-btn {
        width: calc(280 * var(--ms));
        height: calc(65 * var(--ms));
        font-size: max(12px, calc(20 * var(--ms)));
    }
    .learning2608-price-strike {
        font-size: max(11px, calc(18 * var(--ms)));
        gap: calc(6 * var(--ms));
    }
    .learning2608-price-arrow {
        width: calc(22 * var(--ms));
        height: calc(22 * var(--ms));
    }
    .learning2608-price-final {
        font-size: calc(34 * var(--ms));
    }

    /* HERO - 모바일 통이미지(856x1500) 기준 카드 앵커 재배치 */
    .learning2608-hero__card-link--1 {
        left: 12%;
        top: 70.5%;
        width: 43%;
        height: 10%;
    }
    .learning2608-hero__card-link--2 {
        left: 56%;
        top: 70.5%;
        width: 31.5%;
        height: 10%;
    }
    .learning2608-hero__card-link--3 {
        left: 2%;
        top: 82%;
        width: 31%;
        height: 10.5%;
    }
    .learning2608-hero__card-link--4 {
        left: 34.5%;
        top: 82%;
        width: 31%;
        height: 10.5%;
    }
    .learning2608-hero__card-link--5 {
        left: 67%;
        top: 82%;
        width: 31%;
        height: 10.5%;
    }

    /* EVENT 01 */
    .learning2608-coupon-grid {
        flex-direction: column;
        align-items: center;
        gap: calc(80 * var(--ms));
    }
    .learning2608-coupon-col {
        width: calc(550 * var(--ms));
        padding-top: calc(35 * var(--ms));
    }
    .learning2608-coupon-col__deco--foot {
        width: calc(490 * var(--ms));
        left: calc(30 * var(--ms));
    }
    .learning2608-coupon-col__deco--alarm {
        width: calc(420 * var(--ms));
        left: calc(65 * var(--ms));
        top: calc(-3 * var(--ms));
    }
    .learning2608-coupon-card {
        gap: calc(70 * var(--ms));
    }
    .learning2608-coupon-card__box {
        padding: calc(50 * var(--ms)) 0;
        gap: calc(25 * var(--ms));
        border-radius: 0 calc(50 * var(--ms)) 0 calc(50 * var(--ms));
    }
    .learning2608-coupon-card__name {
        font-size: calc(38 * var(--ms));
    }
    .learning2608-coupon-card__band {
        padding: calc(45 * var(--ms)) 0;
    }
    .learning2608-coupon-card__benefit {
        font-size: calc(64 * var(--ms));
    }
    .learning2608-coupon-card__valid {
        font-size: max(11px, calc(18 * var(--ms)));
    }
    .learning2608-coupon-card__obj--shoe {
        width: calc(187 * var(--ms));
        left: calc(383 * var(--ms));
        top: calc(38 * var(--ms));
    }
    .learning2608-coupon-card__obj--clock {
        width: calc(127 * var(--ms));
        left: calc(443 * var(--ms));
        top: calc(34 * var(--ms));
    }
    .learning2608-coupon-card .learning2608-notice {
        width: calc(540 * var(--ms));
    }

    /* EVENT 02 */
    .learning2608-price-grid {
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        gap: calc(15 * var(--ms));
    }
    .learning2608-price-card {
        width: calc(520 * var(--ms));
        padding: calc(45 * var(--ms)) calc(40 * var(--ms)) calc(30 * var(--ms));
        gap: calc(20 * var(--ms));
        border-radius: 0 calc(50 * var(--ms)) 0 calc(50 * var(--ms));
    }
    .learning2608-price-card__rate b {
        font-size: calc(66 * var(--ms));
        letter-spacing: calc(-3.3 * var(--ms));
    }
    .learning2608-price-card__rate span {
        font-size: calc(30 * var(--ms));
    }
    .learning2608-price-card__icon {
        width: calc(100 * var(--ms));
        height: calc(85 * var(--ms));
    }
    .learning2608-price-card__top {
        padding-bottom: calc(10 * var(--ms));
    }
    .learning2608-price-card__body {
        gap: calc(2 * var(--ms));
    }
    .learning2608-price-card__name {
        font-size: calc(30 * var(--ms));
    }
    .learning2608 .learning2608-price-card__cta {
        font-size: max(13px, calc(26 * var(--ms)));
        padding: calc(20 * var(--ms)) 0;
        gap: calc(10 * var(--ms));
    }
    .learning2608 .learning2608-price-card__cta img {
        width: calc(36 * var(--ms));
        height: calc(36 * var(--ms));
    }
    .learning2608-price-card__price {
        justify-content: space-between;
    }
    .learning2608-price-card__price .learning2608-price-strike {
        padding-bottom: calc(4 * var(--ms));
    }
    .learning2608-transfer {
        margin-top: calc(80 * var(--ms));
        gap: calc(40 * var(--ms));
    }
    .learning2608-transfer__badge {
        position: absolute;
        left: calc(0 * var(--ms));
        top: calc(-75 * var(--ms));
        width: calc(120 * var(--ms));
        height: calc(120 * var(--ms));
        margin: 0;
    }
    .learning2608-transfer__badge p {
        font-size: max(9px, calc(19 * var(--ms)));
    }
    .learning2608-transfer__flow {
        flex-direction: column;
    }
    .learning2608-transfer__before {
        width: calc(490 * var(--ms));
        height: calc(200 * var(--ms));
        border-radius: calc(100 * var(--ms));
        border-width: calc(5 * var(--ms));
        padding: calc(15 * var(--ms));
        gap: calc(10 * var(--ms));
    }
    .learning2608-transfer__before::before {
        inset: calc(10 * var(--ms));
        border-width: calc(3 * var(--ms));
        border-radius: calc(100 * var(--ms));
    }
    .learning2608-transfer__before-title {
        font-size: calc(32 * var(--ms));
    }
    .learning2608-transfer__before-price {
        gap: calc(30 * var(--ms));
    }
    .learning2608-transfer__before-price .learning2608-price-final {
        font-size: calc(30 * var(--ms));
    }
    .learning2608-transfer__arrow {
        transform: rotate(90deg);
        width: calc(85 * var(--ms));
        height: calc(60 * var(--ms));
        margin: calc(22 * var(--ms)) 0;
    }
    .learning2608-transfer__after {
        width: calc(520 * var(--ms));
        height: calc(189 * var(--ms));
        border-radius: calc(100 * var(--ms)) calc(100 * var(--ms)) calc(100 * var(--ms)) 0;
        gap: calc(10 * var(--ms));
    }
    .learning2608-transfer__after-title {
        font-size: calc(32 * var(--ms));
    }
    .learning2608-transfer__after-price {
        font-size: calc(45 * var(--ms));
    }
    .learning2608-transfer__after-tag {
        width: calc(84 * var(--ms));
        left: calc(-12 * var(--ms));
        top: calc(-12 * var(--ms));
    }
    .learning2608-transfer__after-coin {
        width: calc(79 * var(--ms));
        right: calc(15 * var(--ms));
        bottom: calc(0 * var(--ms));
    }
    .learning2608-transfer__target {
        gap: calc(20 * var(--ms));
    }
    .learning2608-transfer__target-title {
        font-size: max(13px, calc(24 * var(--ms)));
    }
    .learning2608-transfer__target-list li {
        font-size: max(10px, calc(15 * var(--ms)));
    }

    /* EVENT 03 */
    .learning2608-event--03__blob--left {
        display: block;
        width: calc(680 * var(--ms));
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
        top: calc(620 * var(--ms));
    }
    .learning2608-event--03__blob--right {
        display: none;
    }
    .learning2608-pkg-card {
        width: calc(580 * var(--ms));
        padding: calc(40 * var(--ms)) 0;
        gap: calc(50 * var(--ms));
    }
    .learning2608-pkg-card__title {
        font-size: calc(32 * var(--ms));
    }
    .learning2608-pkg-card__row {
        flex-direction: column;
        gap: calc(12 * var(--ms));
        width: 100%;
    }
    .learning2608-pkg-zero {
        width: calc(240 * var(--ms));
        height: calc(120 * var(--ms));
        border-radius: calc(60 * var(--ms)) calc(60 * var(--ms)) 0 calc(60 * var(--ms));
        gap: calc(9 * var(--ms));
        padding-top: calc(6 * var(--ms));
    }
    .learning2608-pkg-zero__text {
        font-size: calc(30 * var(--ms));
    }
    .learning2608-pkg-zero__book {
        width: calc(70 * var(--ms));
        height: calc(91 * var(--ms));
    }
    .learning2608-pkg-zero__won {
        width: calc(28 * var(--ms));
        height: calc(28 * var(--ms));
        font-size: calc(18 * var(--ms));
        right: calc(-22 * var(--ms));
        bottom: calc(12 * var(--ms));
    }
    .learning2608-pkg-lines {
        gap: calc(8 * var(--ms));
    }
    .learning2608-pkg-line {
        gap: calc(12 * var(--ms));
    }
    .learning2608-pkg-line__chip {
        width: calc(120 * var(--ms));
        font-size: max(11px, calc(20 * var(--ms)));
        padding: calc(10 * var(--ms)) calc(12 * var(--ms));
    }
    .learning2608-pkg-line .learning2608-price-strike-wrap {
        gap: calc(10 * var(--ms));
        width: 100%;
        justify-content: space-between;
    }
    .learning2608-pkg-line .learning2608-price-strike {
        font-size: max(10px, calc(17 * var(--ms)));
    }
    .learning2608-pkg-line__price {
        font-size: calc(26 * var(--ms));
    }
    .learning2608-pkg-line__price b {
        font-size: calc(40 * var(--ms));
    }
    .learning2608-pkg-line__price--num b,
    .learning2608-pkg-line__price--plain b {
        font-size: calc(32 * var(--ms));
    }
    .learning2608-pkg-line__max {
        font-size: max(10px, calc(20 * var(--ms)));
        padding: calc(8 * var(--ms)) calc(20 * var(--ms));
        border-radius: calc(25 * var(--ms)) calc(25 * var(--ms)) 0 calc(25 * var(--ms));
    }
    .learning2608-pkg-line__max b {
        font-size: calc(28 * var(--ms));
    }
    .learning2608-pkg-card__footnote {
        font-size: max(9px, calc(13 * var(--ms)));
        padding: 0 calc(10 * var(--ms));
    }

    /* EVENT 04 */
    .learning2608-why__title {
        font-size: calc(32 * var(--ms));
    }
    .learning2608-why {
        gap: calc(30 * var(--ms));
    }
    .learning2608-why__grid {
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        gap: calc(20 * var(--ms));
    }
    .learning2608-why-card {
        width: calc(460 * var(--ms));
        padding: calc(35 * var(--ms)) calc(30 * var(--ms));
        gap: calc(30 * var(--ms));
        border-radius: 0 calc(50 * var(--ms)) 0 calc(50 * var(--ms));
    }
    .learning2608-why-card__icon {
        width: calc(120 * var(--ms));
        height: calc(90 * var(--ms));
    }
    .learning2608-why-card__text strong {
        font-size: calc(25 * var(--ms));
    }
    .learning2608-why-card__text span {
        font-size: max(11px, calc(20 * var(--ms)));
    }
    .learning2608-pkg-wrap__bg {
        display: block;
        width: 100%;
    }
    .learning2608-pkg-card--offset {
        margin-left: 0;
        width: calc(600 * var(--ms));
        padding: calc(40 * var(--ms)) calc(20 * var(--ms));
    }
    .learning2608-pkg-lines--wide {
        width: 100%;
        gap: calc(40 * var(--ms));
    }
    /* 모바일: 과목 칩을 한 줄 전체로, 가격 정보는 아랫줄에 배치 */
    .learning2608-pkg-lines--wide .learning2608-pkg-line--between {
        flex-wrap: wrap;
        row-gap: calc(12 * var(--ms));
        justify-content: space-between;
    }
    .learning2608-pkg-lines--wide .learning2608-pkg-line__chip {
        width: 100%;
    }
    .learning2608-pkg-lines--wide .learning2608-price-strike-wrap {
        width: 100%;
        justify-content: space-between;
        gap: calc(10 * var(--ms));
    }
    .learning2608-pkg-line__price--plain {
        margin: 0 auto;
    }

    /* EVENT 05 */
    .learning2608-degree-grid {
        justify-content: center;
        row-gap: calc(15 * var(--ms));
    }
    .learning2608-degree-card {
        width: calc(590 * var(--ms));
        padding: calc(45 * var(--ms)) calc(40 * var(--ms));
        gap: calc(35 * var(--ms));
        border-radius: 0 calc(50 * var(--ms)) 0 calc(50 * var(--ms));
    }
    .learning2608-degree-card__name {
        font-size: calc(44 * var(--ms));
        padding: calc(10 * var(--ms)) 0;
    }
    .learning2608-degree-card__row {
        gap: calc(20 * var(--ms));
    }
    .learning2608-degree-card__rate {
        width: calc(140 * var(--ms));
        height: calc(140 * var(--ms));
        padding-top: calc(10 * var(--ms));;
        border-radius: calc(70 * var(--ms)) calc(70 * var(--ms)) 0 calc(70 * var(--ms));
    }
    .learning2608-degree-card__rate span {
        font-size: max(10px, calc(20 * var(--ms)));
    }
    .learning2608-degree-card__rate b {
        font-size: calc(40 * var(--ms));
    }
    .learning2608-degree-card__price {
        gap: calc(15 * var(--ms));
        padding-bottom: calc(10 * var(--ms));
    }
    .learning2608-degree-card__price .learning2608-price-strike {
        font-size: max(10px, calc(16 * var(--ms)));
    }
    .learning2608-degree-card__final {
        font-size: calc(41 * var(--ms));
    }
    .learning2608-degree-card__cta {
        font-size: max(12px, calc(22 * var(--ms)));
        padding: calc(16 * var(--ms)) 0;
        gap: calc(10 * var(--ms));
    }
    .learning2608-degree-card__cta img {
        width: calc(30 * var(--ms));
        height: calc(30 * var(--ms));
    }

    /* 문의 */
    .learning2608-contact {
        padding: calc(90 * var(--ms)) 20px;
        gap: calc(22 * var(--ms));
    }
    .learning2608-contact__title {
        font-size: max(16px, calc(26 * var(--ms)));
    }
    .learning2608-contact__time {
        font-size: max(11px, calc(17 * var(--ms)));
    }
    .learning2608-contact__row {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .learning2608-contact__box {
        width: 100%;
        max-width: 418px;
        height: calc(80 * var(--ms));
        min-height: 56px;
    }
    .learning2608-contact__label {
        font-size: max(14px, calc(24 * var(--ms)));
    }
    .learning2608-contact__value {
        font-size: max(15px, calc(27 * var(--ms)));
    }
    .learning2608-contact__arrow {
        width: calc(22 * var(--ms));
        height: calc(14 * var(--ms));
    }
}