.case-page {
    --case-point: #5E2C7B;
    --case-point-light: #A25299;
    --case-warm-800: #292524;
    --case-warm-700: #44403C;
    --case-warm-500: #706A65;
    --case-background: #F7F7F7;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--case-warm-800);
    word-break: keep-all;
    -webkit-font-smoothing: antialiased;
}

.case-page,
.case-page * {
    box-sizing: border-box;
}

/* Figma 2548:47255 - implant treatment cases */
.case-implant-section,
.orthodontics-section,
.liumnate-section,
.dental-section {
    width: 100%;
    background: var(--case-background);
}

.case-page .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 130px 0;
    gap:  60px;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
}

.case-implant__intro,
.case-orthodontics__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1340px;
    gap: 30px;
    text-align: center;
}

.case-implant__eyebrow,
.case-orthodontics__eyebrow {
    margin: 0;
    color: var(--case-point-light);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.72px;
}

.case-implant__title,
.case-orthodontics__title,
.case-dental__title {
    margin: 0;
    color: var(--case-warm-800);
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.68px;
    text-align: center;
    white-space: normal;
}

.case-implant__description,
.case-orthodontics__description,
.case-implant__description p,
.case-orthodontics__description p{
    color: var(--case-warm-700);
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.84px;
    opacity: 1;
    text-align: center;;
}

.case-implant__cards,
.case-orthodontics__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    width: 100%;
}

/* The comparison markup is rendered by the existing orthodontic_case_compare component. */
/*.case-implant__cards > .ortho-case-compare,*/
/*.case-orthodontics__cards > .ortho-case-compare {*/
/*    width: 100%;*/
/*}*/

/*.case-implant-section .ortho-case-compare__content,*/
/*.orthodontics-section .ortho-case-compare__content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 30px;*/
/*    width: 100%;*/
/*    padding: 60px 15px;*/
/*    border-top: 3px solid var(--case-point);*/
/*    border-radius: 16px;*/
/*    background: rgba(255, 255, 255, 0.6);*/
/*    box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.03);*/
/*}*/

/*.case-implant-section .ortho-case-compare__header,*/
/*.orthodontics-section .ortho-case-compare__header {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/

/*.case-implant-section .ortho-case-compare__title,*/
/*.orthodontics-section .ortho-case-compare__title {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    color: var(--case-point);*/
/*    font-size: 40px;*/
/*    font-weight: 700;*/
/*    line-height: 1.3;*/
/*    letter-spacing: -1.5px;*/
/*    word-break: keep-all;*/
/*    white-space: normal;*/
/*}*/

/*.case-implant-section .ortho-case-compare__desc,*/
/*.orthodontics-section .ortho-case-compare__desc {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    color: var(--case-warm-500);*/
/*    font-size: 21px;*/
/*    font-weight: 500;*/
/*    line-height: 31px;*/
/*    letter-spacing: -0.84px;*/
/*    word-break: keep-all;*/
/*    white-space: normal;*/
/*}*/

/*.case-implant-section .case-compare-items,*/
/*.orthodontics-section .case-compare-items {*/
/*    flex-wrap: wrap;*/
/*    padding: 0;*/
/*}*/

/*.case-implant-section .case-compare-items__item ,*/
/*.orthodontics-section .case-compare-items__item {*/
/*    min-width: 500px;*/
/*    max-width: 500px;*/
/*    border: 4px solid #EEE9ED;*/
/*    border-radius: 16px;*/
/*    background: #EEE9ED;*/
/*}*/

/*.case-implant-section .case-compare-items__item--after,*/
/*.orthodontics-section .case-compare-items__item--after  {*/
/*    border-color: var(--case-point-light);*/
/*    background: var(--case-point-light);*/
/*}*/

/*.case-implant-section .case-compare-items__image,*/
/*.orthodontics-section .case-compare-items__image {*/
/*    height: 250px;*/
/*}*/

/*.case-implant-section .case-compare-items__image img,*/
/*.orthodontics-section .case-compare-items__image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.case-implant-section .case-compare-items__caption,*/
/*.orthodontics-section .case-compare-items__caption {*/
/*    min-height: 56px;*/
/*    padding: 16px 10px;*/
/*    color: rgba(0, 0, 0, 0.7);*/
/*    font-size:  17px;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    letter-spacing: -0.51px;*/
/*}*/

/*.case-implant-section .case-compare-items__item--after .case-compare-items__caption,*/
/*.orthodontics-section .case-compare-items__item--after .case-compare-items__caption {*/
/*    color: #FFF;*/
/*}*/

/*.case-implant-section .case-compare-items__arrow,*/
/*.orthodontics-section .case-compare-items__arrow {*/
/*    flex: 0 0 44px;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    background: var(--case-point);*/
/*}*/

.case-implant__notes {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.case-implant__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.case-implant__note > img {
    flex: 0 0 20px;
    width: 20px;
    height: 25px;
    margin-top: 3px;
}

.case-implant__note p,
.case-dental__note p {
    flex: 1 1 auto;
    margin: 0;
    color: var(--case-warm-500);
    font-size: 21px;
    font-weight: 400;
    line-height: 31px; /* 147.619% */
    letter-spacing: -0.63px;
}

.case-implant__cta,
.case-dental__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 55px;
    padding: 15px 20px;
    border: 1px solid var(--case-warm-800);
    border-radius: 5px;
    background: var(--case-warm-800);
    color: #FFF !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.51px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.case-implant__cta:hover,
.case-implant__cta:focus-visible,
.case-orthodontics__cta:hover,
.case-orthodontics__cta:focus-visible,
.case-dental__cta:hover,
.case-dental__cta:focus-visible {
    text-decoration: none;
}

.case-implant__cta img,
.case-dental__cta img {
    display: block;
    width: 24px;
    height: 24px;
}
/* The source images are portrait case photos. Keep the Figma desktop crops. */
.orthodontics-section .case-orthodontic-compare--protrusion .case-compare-items__image img {
    position: absolute;
    top: -159.42%;
    left: 0;
    width: 100%;
    height: 266.87%;
    max-width: none;
    object-fit: initial;
}

.orthodontics-section .case-orthodontic-compare--protrusion .case-compare-items__item--after .case-compare-items__image img {
    top: -155.03%;
    height: 266.47%;
}

.orthodontics-section .ortho-case-compare--crooked .case-compare-items__image img {
    position: absolute;
    top: -69%;
    left: -1.4%;
    width: 205%;
    height: auto;
    max-width: none;
    object-fit: initial;
}

.orthodontics-section .ortho-case-compare--crooked .case-compare-items__item--after .case-compare-items__image img {
    left: -104%;
}

.orthodontics-section .ortho-case-compare--aperture .case-compare-items__item--after .case-compare-items__image img {
    position: absolute;
    top: -21%;
    left: -11.91%;
    width: 118.64%;
    height: 158.18%;
    max-width: none;
    object-fit: initial;
}

.orthodontics-section .ortho-case-compare--partial .case-compare-items__image img {
    position: absolute;
    top: -0.12%;
    left: -14.4%;
    width: 128.8%;
    height: 206.15%;
    max-width: none;
    object-fit: fill;
}

.orthodontics-section .ortho-case-compare--partial .case-compare-items__item--after .case-compare-items__image img {
    top: -107.07%;
    left: -17.03%;
    width: 134.07%;
    height: 214.58%;
}

.case-orthodontics__notes {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.case-orthodontics__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.case-orthodontics__note > img {
    flex: 0 0 20px;
    width: 20px;
    height: 25px;
    margin-top: 3px;
}

.case-orthodontics__note p {
    flex: 1 1 auto;
    margin: 0;
    color: var(--case-warm-500);
    font-size: 21px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.63px;
}

.case-orthodontics__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 55px;
    padding: 15px 20px;
    border: 1px solid var(--case-warm-800);
    border-radius: 5px;
    background: var(--case-warm-800);
    color: #FFF !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.51px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.case-orthodontics__cta img {
    display: block;
    width: 24px;
    height: 24px;
}

/* Figma 2548:47289 - liumnate treatment cases
   Desktop layout only. The existing wrapper and comparison-card components are preserved. */
.liumnate-section .wrapper {
    padding-right: 15px;
    padding-left: 15px;
}

.case-liumnate__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1340px;
    gap: 30px;
    text-align: center;
}

.case-liumnate__eyebrow {
    margin: 0;
    color: var(--case-point-light);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.72px;
}

/*.case-liumnate__content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    gap: 40px;*/
/*}*/

.case-liumnate__title {
    width: 100%;
    margin: 0;
    color: var(--case-warm-800);
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.68px;
    text-align: center;
    white-space: normal;
}

.case-liumnate__description,
.case-liumnate__description p {
    width: 100%;
    max-width: 677px;
    color: var(--case-warm-700);
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.84px;
    opacity: 1;
    text-align: center;
}

.case-liumnate__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    width: 100%;
}

.case-liumnate__cards > .ortho-case-compare {
    width: 100%;
}

/*.liumnate-section .ortho-case-compare__content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 30px;*/
/*    width: 100%;*/
/*    padding: 60px 15px;*/
/*    border-top: 3px solid var(--case-point);*/
/*    border-radius: 16px;*/
/*    background: rgba(255, 255, 255, 0.6);*/
/*    box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.03);*/
/*}*/

/*.liumnate-section .ortho-case-compare__header {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/

/*.liumnate-section .ortho-case-compare__title {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    color: var(--case-point);*/
/*    font-size: 40px;*/
/*    font-weight: 700;*/
/*    line-height: 1.3;*/
/*    letter-spacing: -1.5px;*/
/*    word-break: keep-all;*/
/*    white-space: normal;*/
/*}*/

/*.liumnate-section .ortho-case-compare__desc {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    color: #666;*/
/*    font-size: 21px;*/
/*    font-weight: 500;*/
/*    line-height: 31px;*/
/*    letter-spacing: -0.84px;*/
/*    word-break: keep-all;*/
/*    white-space: normal;*/
/*}*/

/*.liumnate-section .case-compare-items {*/
/*    flex-wrap: wrap;*/
/*    padding: 0;*/
/*}*/

/*.liumnate-section .case-compare-items__item {*/
/*    min-width: 500px;*/
/*    max-width: 500px;*/
/*    border: 4px solid #EEE9ED;*/
/*    border-radius: 16px;*/
/*    background: #EEE9ED;*/
/*}*/

/*.liumnate-section .case-compare-items__item--after {*/
/*    border-color: var(--case-point-light);*/
/*    background: var(--case-point-light);*/
/*}*/

/*.liumnate-section .case-compare-items__image {*/
/*    height: 250px;*/
/*}*/

/*.liumnate-section .case-compare-items__image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.liumnate-section .case-compare-items__caption {*/
/*    min-height: 56px;*/
/*    padding: 16px 10px;*/
/*    color: rgba(0, 0, 0, 0.7);*/
/*    font-size: 17px;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    letter-spacing: -0.51px;*/
/*}*/

/*.liumnate-section .case-compare-items__item--after .case-compare-items__caption {*/
/*    color: #FFF;*/
/*}*/

/*.liumnate-section .case-compare-items__arrow {*/
/*    flex: 0 0 44px;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    background: var(--case-point);*/
/*}*/

.case-liumnate__notes {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.case-liumnate__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-height: 62px;
}

.case-liumnate__note > img {
    flex: 0 0 20px;
    width: 20px;
    height: 25px;
    margin-top: 3px;
}

.case-liumnate__note p {
    flex: 1 1 auto;
    margin: 0;
    color: var(--case-warm-500);
    font-size: 21px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.63px;
}

.case-liumnate__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 55px;
    padding: 15px 20px;
    border: 1px solid var(--case-warm-800);
    border-radius: 5px;
    background: var(--case-warm-800);
    color: #FFF !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.51px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.case-liumnate__cta:hover,
.case-liumnate__cta:focus-visible {
    color: #FFF;
    opacity: 0.85;
    text-decoration: none;
}

.case-liumnate__cta img {
    display: block;
    width: 24px;
    height: 24px;
}

/* Figma 2548:47301 - 일반진료 치료 사례
   기존 wrapper와 비교 카드 컴포넌트를 유지한 고정 데스크톱 레이아웃 */
.dental-section .wrapper {
    padding-right: 15px;
    padding-left: 15px;
}

.case-dental__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1340px;
    gap: 30px;
    text-align: center;
}

.case-dental__eyebrow {
    margin: 0;
    color: var(--case-point-light);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.72px;
}

/*.case-dental__content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    gap: 40px;*/
/*}*/


.case-dental__description,
.case-dental__description p {
    width: 100%;
    color: var(--case-warm-700);
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.84px;
    opacity: 1;
    text-align: center;
    max-width : 500px;
}

.case-dental__description p,
.case-implant__description p,
.case-orthodontics__description p,
.case-liumnate__description p {
    margin: 0;
}

.case-dental__description p + p,
.case-implant__description p + p,
.case-orthodontics__description p + p,
.case-liumnate__description p + p {
    margin-top: 0;
}

.case-dental__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    width: 100%;
}

.case-dental__cards > .ortho-case-compare {
    width: 100%;
}

/*.dental-section .ortho-case-compare__content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 30px;*/
/*    width: 100%;*/
/*    padding: 60px 15px;*/
/*    border-top: 3px solid var(--case-point);*/
/*    border-radius: 16px;*/
/*    background: rgba(255, 255, 255, 0.6);*/
/*    box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.03);*/
/*}*/

/*.dental-section .ortho-case-compare__header {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/

/*.dental-section .ortho-case-compare__title {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    color: var(--case-point);*/
/*    font-size: 40px;*/
/*    font-weight: 700;*/
/*    line-height: 1.3;*/
/*    letter-spacing: -1.5px;*/
/*    word-break: keep-all;*/
/*    white-space: normal;*/
/*}*/

/*.dental-section .ortho-case-compare__desc {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    color: #666;*/
/*    font-size: 21px;*/
/*    font-weight: 500;*/
/*    line-height: 31px;*/
/*    letter-spacing: -0.84px;*/
/*    word-break: keep-all;*/
/*    white-space: normal;*/
/*}*/

/*.dental-section .case-compare-items {*/
/*    flex-wrap: wrap;*/
/*    padding: 0;*/
/*}*/

/*.dental-section .case-compare-items__item {*/
/*    min-width: 500px;*/
/*    max-width: 500px;*/
/*    border: 4px solid #EEE9ED;*/
/*    border-radius: 16px;*/
/*    background: #EEE9ED;*/
/*}*/

/*.dental-section .case-compare-items__item--after {*/
/*    border-color: var(--case-point-light);*/
/*    background: var(--case-point-light);*/
/*}*/

/*.dental-section .case-compare-items__image {*/
/*    height: 250px;*/
/*}*/

/*.dental-section .case-compare-items__image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.dental-section .case-compare-items__caption {*/
/*    min-height: 56px;*/
/*    padding: 16px 10px;*/
/*    color: rgba(0, 0, 0, 0.7);*/
/*    font-size: 17px;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    letter-spacing: -0.51px;*/
/*}*/

/*.dental-section .case-compare-items__item--after .case-compare-items__caption {*/
/*    color: #FFF;*/
/*}*/

/*.dental-section .case-compare-items__arrow {*/
/*    flex: 0 0 44px;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    background: var(--case-point);*/
/*}*/

.case-dental__notes {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.case-dental__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-height: 62px;
}

.case-dental__note > img {
    flex: 0 0 20px;
    width: 20px;
    height: 25px;
    margin-top: 3px;
}

/* Figma 2548:47315 - 치료 전후 확인사항
   현재 페이지의 section > wrapper 구조를 유지한 고정 데스크톱 레이아웃 */
.info-section {
    width: 100%;
    padding: 130px 0;
    background: #fff;
}

.info-section .wrapper {
    align-items: flex-end;
    gap: 60px;
    padding: 0 15px;
}

.info-section__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    width: 100%;
    max-width: 1340px;
}

.info-section__eyebrow,
.info-section__heading,
.info-section__description,
.info-section__guide-title,
.info-section__guide-label h4,
.info-section__guide-card {
    margin: 0;
    word-break: keep-all;
}

.info-section__eyebrow {
    color: var(--case-point-light);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -.72px;
    white-space: nowrap;
}

.info-section__title-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    width: 100%;
}

.info-section__heading {
    width: 100%;
    color: var(--case-warm-800);
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.68px;
    white-space: nowrap;
}

.info-section__description {
    width: 100%;
    color: var(--case-warm-700);
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -1.2px;
    opacity: 1;
}

.info-section__content {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    width: 100%;
}

.info-section__image-column,
.info-section__guide {
    flex: 1 0 0;
    min-width: 0;
}

.info-section__image-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}

.info-section__image-frame {
    position: relative;
    width: 100%;
    max-width: 665px;
    max-height: 525px;
    aspect-ratio: 633.3333 / 500;
    flex-shrink: 0;
    overflow: hidden;
}

.info-section__image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center bottom;
    pointer-events: none;
}

.info-section__guide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
}

.info-section__guide-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 20px;
    border-left: 3px solid var(--case-point);
    color: var(--case-point);
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.4px;
    white-space: nowrap;
}

.info-section__guide-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

.info-section__guide-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
}

.info-section__guide-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.info-section__guide-label img {
    display: block;
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
}

.info-section__guide-label h4 {
    flex: 1 0 0;
    min-width: 0;
    color: var(--case-point);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -.72px;
}

.info-section__guide-card {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 63px;
    padding: 15px 25px;
    border: 1px solid rgba(204, 204, 204, .1);
    border-radius: 8px;
    background: rgba(123, 44, 106, .05);
    color: var(--case-warm-700);
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -.84px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .intro-section__desc {
        width: 90% !important;
    }
    .section-nav__inner {
        max-width: 100% !important;
        width: 100% !important;
    }
    .case-page .wrapper {
        padding : 130px 15px;
    }
    .hero__subtitle {
        width: 100% !important;
        margin : 15px 0 0 !important;
        max-width: 100% !important;
    }
    .info-section {
        padding: 130px 15px;
        width: 100%;
    }

    .info-section .wrapper {
        padding: 0;
        max-width: 738px;
    }

    .info-section__title {
        width: 100%;
        max-width: 738px;
    }

    .info-section__content {
        flex-direction: column;
        gap: 60px;
    }

    .info-section__image-column,
    .info-section__guide {
        flex: 0 0 auto;
        width: 100%;
    }

    .info-section__image-frame {
        max-width: none;
        max-height: none;
    }
}

/* Figma 2548:45404 - 치료 전후 확인사항 모바일 */
@media (max-width: 767px) {
    .hero__title {
        letter-spacing: -1.5px !important;
    }

    .case-page .wrapper {
        padding : 80px 15px;
        gap : 30px;
    }

    .case-implant__eyebrow,
    .case-orthodontics__eyebrow,
    .case-liumnate__eyebrow,
    .case-dental__eyebrow {
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 22.1px */
        letter-spacing: -0.51px;
    }


    .case-implant__title,
    .case-orthodontics__title,
    .case-dental__title,
    .case-liumnate__title {
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 130%; /* 36.4px */
        letter-spacing: -0.84px;
        margin-bottom: 4px;
    }

    .case-implant__intro,
    .case-orthodontics__intro,
    .case-liumnate__intro,
    .case-dental__intro {
        gap : 12px;
    }

    .case-implant__description,
    .case-implant__description p,
    .case-orthodontics__description,
    .case-orthodontics__description p,
    .case-liumnate__description,
    .case-liumnate__description p,
    .case-dental__description,
    .case-dental__description p {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 22.5px */
        letter-spacing: -0.6px;
    }

    .case-compare-items {
        padding : 0 !important;
    }

    .case-implant__note p,
    .case-dental__note p,
    .case-orthodontics__note p,
    .case-liumnate__note p {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 22.5px */
        letter-spacing: -0.45px;
    }

    .case-implant__note > img,
    .case-orthodontics__note > img,
    .case-liumnate__note > img,
    .case-dental__note > img {
        flex: 0 0 15px;
        width: 15px;
        height: 19px;
        margin-top : 0;
    }

    .case-implant_cta,
    .case-orthodontics__cta,
    .case-liumnate__cta,
    .case-dental__cta{
        height: 46px;
        min-height: 46px;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.39px;
    }


    .info-section__title {
        gap: 12px;
    }

    .info-section__eyebrow {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -.51px;
    }

    .info-section__title-content {
        gap: 16px;
    }

    .info-section__heading {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -.84px;
    }

    .info-section__description {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -.85px;
    }

    .info-section__content {
        flex-direction: column;
        gap: 60px;
    }

    .info-section__image-column,
    .info-section__guide {
        flex: 0 0 auto;
        width: 100%;
    }

    .info-section__image-frame {
        max-width: none;
        max-height: none;
    }

    .info-section__guide {
        gap: 30px;
    }

    .info-section__guide-title {
        min-height: 28px;
        padding: 0 0 0 7px;
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -.45px;
    }

    .info-section__guide-list {
        gap: 30px;
    }

    .info-section__guide-label {
        gap: 5px;
    }

    .info-section__guide-label img {
        flex-basis: 20px;
        width: 20px;
        height: 20px;
    }

    .info-section__guide-label h4 {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -.51px;
    }

    .info-section__guide-card {
        min-height: 0;
        padding: 12px 25px;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -.6px;
    }
}

/* 페이지 전용 레이아웃 */
#subtop {
    display: none !important;
}

body {
    padding-top: 0;
}