@charset "utf-8";

/**
 * @author  : 김민성
 * @date    : 2026-06-09
 * @desc    : 메인 컨텐츠 스타일
 */



/* ==========================================================================
   메인 비주얼 (visual) 스타일
   ========================================================================== */
.visual__box {
   position: relative;
   width: 100%;
   height: 100vh;
   overflow: hidden;
   background-color: #fff;
}

/* 비디오 렌더링 오류로 추가함(하단에 하얀색 선 추가) */
.visual__box::after {
   content: "";
   position: absolute;
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%;
   box-sizing: border-box;
   border-bottom: 2px solid #ffffff;
   z-index: 2;
   pointer-events: none;
}

.visual__video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 1;
   background-color: #fff;
}

.visual__contents {
   display: flex;
   flex-direction: column;
   justify-content: center;
   position: relative;
   height: 100%;
   padding-left: 310px;
   z-index: 3;
}

.visual__brand-slogan {
   font-family: 'maruburi';
   font-weight: 400;
   font-size: 45px;
   line-height: 64px;
   color: #111;
   letter-spacing: 2.5%;
}

.visual__brand-slogan--bold {
   display: block;
   padding-top: 29px;
   font-weight: 600;
   font-size: 58px;
   line-height: 58px;
}

.visual__text {
   padding-top: 75px;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 21px;
   line-height: 34px;
   color: #444;
}

/* ==========================================================================
   메인 section 공통 스타일
   ========================================================================== */
.main-section {
   display: flex;
   justify-content: center;
   padding: 160px 0px;
}

.section-title {
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 18px;
   line-height: 18px;
   color: #6BD9C3;
}

.is-hidden {
   display: none;
}

.mo-br {
   display: none;
}

/* ==========================================================================
   원장 소개 (main-doctor section) 스타일
   ========================================================================== */
.main-section.main-doctor {
   padding: 200px 10px;
}

.main-doctor__content {
   display: flex;
   justify-content: center;
}

.main-doctor__profile {
   position: relative;
   height: fit-content;
   margin-right: 58px;
}

.main-doctor__avatar {
   width: 100%;
}

.main-doctor__profile-info {
   position: absolute;
   bottom: 43px;
   left: 49px;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 20px;
}

.main-doctor__profile-desc {
   padding-top: 20px;
}

.main-doctor__profile-name--bold {
   padding-right: 8px;
   font-weight: 700;
   font-size: 35px;
   line-height: 35px;
   vertical-align: bottom;
}

.main-doctor__detail {
   position: relative;
   padding-right: 60px;
}

.main-doctor__greeting {
   margin-bottom: 64px;
   padding-top: 22px;
   font-family: 'maruburi';
   font-weight: 400;
   font-size: 37px;
   line-height: 58px;
   color: #111;
}

.main-doctor__greeting-highlight {
   font-weight: 600;
   font-size: 42px;
   line-height: 69px;
}

.main-doctor__biography-text {
   padding-bottom: 26px;
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 17px;
   line-height: 32px;
   color: #444;
}

.main-doctor__history-title {
   margin: 30px 0px 11px 0px;
   padding: 0px 0px 0px 13px;
   border-left: 3px solid #6BD9C3;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
   color: #111;
}

.main-doctor__history-title:first-child {
   margin-top: 0px;
}

.main-doctor__history-item {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 17px;
   line-height: 32px;
   color: #444;
}

.main-doctor__controls {
   display: flex;
   gap: 5px;
   position: absolute;
   right: 0px;
   bottom: 0px;
}

.main-doctor__btn {
   width: 40px;
   height: 40px;
   margin: 0px;
   padding: 0px;
   font-size: 0px;
   line-height: 0px;
}

.main-doctor__btn--prev {
   background: url('../images/btn-doctor-history-white.png');
   transform: scaleX(1);
}

.main-doctor__btn--next {
   background: url('../images/btn-doctor-history-white.png');
   transform: scaleX(-1);
}

.main-doctor__btn--prev.is-active {
   background: url('../images/btn-doctor-history-black.png');
   transform: scaleX(-1);
}

.main-doctor__btn--next.is-active {
   background: url('../images/btn-doctor-history-black.png');
   transform: scaleX(1);
}

.main-doctor__badges {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   margin-top: 100px;
}

.main-doctor__badge-item {
   width: calc(25% - 15px);
   height: 180px;
   padding: 36px 30px;
   border-radius: 15px;
   background: #f8f8f8;
}

.main-doctor__badge-sub {
   margin-bottom: 12px;
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 17px;
   line-height: 17px;
   color: #444;
}

.main-doctor__badge-main {
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
   color: #111;
}

.main-doctor__badge-item:nth-of-type(1) {
   background: #f8f8f8 url('../images/icon-main-badges01.png') no-repeat right 31px bottom 31px;
}

.main-doctor__badge-item:nth-of-type(2) {
   background: #f8f8f8 url('../images/icon-main-badges02.png') no-repeat right 31px bottom 31px;
}

.main-doctor__badge-item:nth-of-type(3) {
   background: #f8f8f8 url('../images/icon-main-badges03.png') no-repeat right 31px bottom 31px;
}

.main-doctor__badge-item:nth-of-type(4) {
   background: #f8f8f8 url('../images/icon-main-badges04.png') no-repeat right 31px bottom 31px;
}

/* ==========================================================================
   치료 대상 (main-target section) 스타일
   ========================================================================== */
.main-section.main-target {
   background: #f8f8f8 url('../images/bg-target-low.jpg') no-repeat center / cover;
}

.main-section__box.main-target__box {
   width: 100%;
   max-width: 1300px;
}

.main-target__title {
   margin-bottom: 23px;
}

.main-target__sub-title {
   margin-bottom: 36px;
   font-family: 'maruburi';
   font-weight: 400;
   font-size: 37px;
   line-height: 64px;
   color: #111;
}

.main-target__sub-title--bold {
   font-weight: 600;
   font-size: 42px;
}

.main-target__notice {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 20px;
   color: #333;
}

.main-target__list {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   flex-grow: 1;
   width: 100%;
   max-width: 1300px;
   margin-top: 100px;
}

.main-target__item {
   width: 100%;
   max-width: 640px;
   padding: 108px 39px 43px 39px;
   border-radius: 15px;
   background: #fff;
}

.main-target__item:nth-of-type(1) {
   background: #fff url('../images/icon-main-target01.png') no-repeat left 40px top 50px;
}

.main-target__item:nth-of-type(2) {
   background: #fff url('../images/icon-main-target02.png') no-repeat left 40px top 50px;
}

.main-target__item:nth-of-type(3) {
   background: #fff url('../images/icon-main-target03.png') no-repeat left 40px top 50px;
}

.main-target__item:nth-of-type(4) {
   background: #fff url('../images/icon-main-target04.png') no-repeat left 40px top 50px;
}

.main-target__question {
   padding-bottom: 14px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 24px;
   line-height: 24px;
   color: #111;
}

.main-target__answer {
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 17px;
   line-height: 32px;
   color: #444;
}

/* ==========================================================================
   진료 안내 (main-clinic section) 스타일
   ========================================================================== */

.main-section__box.main-clinic__box {
   width: 100%;
   max-width: 1400px;
}

.main-clinic__header {
   margin-bottom: 99px;
   text-align: center;
}

.main-clinic__subtitle {
   margin: 20px 0px 37px;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 42px;
   line-height: 64px;
   color: #111;
   letter-spacing: 3%;
}

.main-clinic__desc {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 20px;
   color: #333;
}
   
/* 탭 메뉴 스타일 */
.main-clinic__tab-list {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   padding: 5px 6px;
   margin: 0;
   border-radius: 30px;
   background-color: #E4F3F0;
}

.main-clinic__tab-item {
   width: calc(100% / 7);
}

.main-clinic__tab {
   width: 100%;
   padding: 16px 0px;
   border-radius: 30px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 17px;
   line-height: 17px;
   color: #1C7765;
   cursor: pointer;
   transition: all 0.3s ease;
}

/* 활성화된 탭 버튼 스타일 */
.main-clinic__tab-item.is-active .main-clinic__tab {
   background: linear-gradient(to right, #6BD9C3, #D9D56B);
   color: #fff;
}

/* 탭 콘텐츠 영역 */
.main-clinic__tab-contents {
   overflow: hidden;
   position: relative;
   width: 100%;
   margin-top: 100px;
}

/* 트랙 (실제로 좌우로 움직이는 요소) */
.main-clinic__track {
    display: flex;
    width: 100%;
    transition: transform 0.4s ease-in-out; /* 부드러운 이동 애니메이션 */
    cursor: grab;
}

.main-clinic__track:active {
   cursor: grabbing;
}

/* 기본적으로 모든 콘텐츠 아이템은 숨김 */
.main-clinic__content-item {
   display: flex;
   flex: 0 0 100%;
   width: 100%;
   gap: 76px;
}

/* 활성화된 콘텐츠 아이템만 보여줌 */
/*.main-clinic__content-item.is-active {
   display: flex;
   opacity: 1;
}*/

/* 콘텐츠 내부 레이아웃 구성 */
.main-clinic__img-box {
   border-radius: 12px;
   background-color: #eaeaea;
   overflow: hidden;
}

.main-clinic__img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   -webkit-user-drag: none;
   -khtml-user-drag: none;
   -moz-user-drag: none;
   -o-user-drag: none;
   user-select: none;
}

.main-clinic__tag {
   margin-bottom: 22px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 18px;
   line-height: 18px;
   color: #111;
}

.main-clinic__subject {
   margin-bottom: 27px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 58px;
   line-height: 58px;
   color: #111;
}

.main-clinic__text {
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 17px;
   line-height: 32px;
   color: #444;
}

.main-clinic__more-btn {
   display: inline-block;
   margin-top: 73px;
   padding: 22px 47px;
   border-radius: 30px;
   background-color: #6BD9C3;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 16px;
   line-height: 16px;
   color: #fff;
   letter-spacing: 4%;
   text-decoration: none;
}

/* 하단 영역 (인디케이터 + 컨트롤러) 스타일 */
.main-clinic__bottom-bar {
   display: flex;
   align-items: center;
   position: absolute;
   right: 0px;
   bottom: 0px;
}

/* 게이지 바 정렬 래퍼 */
.main-clinic__indicator {
   display: flex;
   align-items: center;
   gap: 6px; /* 숫자와 바 사이의 간격 */
   flex: 1;
   margin-right: 27px;
}

/* 숫자 공통 스타일 */
.main-clinic__counter-num {
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 13px;
   line-height: 13px;
   color: #000;
   white-space: nowrap;
}

/* [중요] 전체 게이지 라인이 양쪽 숫자 사이 공간을 다 채우도록 설정 */
.main-clinic__progress-bar {
   position: relative;
   width: 77px;
   height: 2px;
   background-color: #d5d5d5;
   border-radius: 2px;
   overflow: hidden;
}

/* 움직이는 실제 게이지 선 */
.main-clinic__progress-fill {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background-color: #000;
   border-radius: 2px;
   transition: width 0.3s ease;
}

/* 이전/다음 버튼 스타일 */
.main-clinic__controls {
   display: flex;
   gap: 5px;
}

.main-clinic__btn {
   width: 40px;
   height: 40px;
   margin: 0px;
   padding: 0px;
   font-size: 0px;
   line-height: 0px;
}

.main-clinic__btn--prev {
   background: url('../images/btn-doctor-history-white.png');
}

.main-clinic__btn--next {
   background: url('../images/btn-doctor-history-black.png');
}

/* ==========================================================================
   치료 사례 (main-cases section) 스타일
   ========================================================================== */

.main-section.main-cases {
   background: #000 url('../images/bg-cases.jpg') no-repeat center / cover;
}

.main-section__box.main-cases__box {
   position: relative;
   width: 100%;
   max-width: 1300px;
}

.main-cases__subtitle {
   margin: 30px 0px 46px 0px;
   font-family: 'maruburi';
   font-weight: 400;
   font-size: 42px;
   line-height: 42px;
   color: #fff;
}

.main-cases__subtitle--bold {
   font-weight: 600;
}

.main-cases__notice {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 20px;
   color: #fff;
}

/* 케이스 탭 스타일 */
.main-cases__tab-list {
   margin-top: 100px;
}

.main-cases__tab-item {
   display: none;
   opacity: 0;
   padding: 0px 50px;
   border-radius: 15px;
   background: linear-gradient(to bottom right, #070707, #2a2a2a);
}

.main-cases__tab-item.is-active {
   display: block;
   opacity: 1;
}

.main-cases__tab-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   position: relative;
   padding: 84px 0px 0px 0px;
}

.main-cases__case-num {
   position: absolute;
   top: 0;
   left: -50px;
   padding: 18px 26px;
   border-radius: 15px 0 15px 0;
   background-color: rgba(60, 60, 60, 0.4);
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 17px;
   line-height: 17px;
}

.main-cases__case-num .gradation-text {
   background: linear-gradient(to left, #6BD9C3, #D9D56B); 
   background-clip: text;
   -webkit-text-fill-color: transparent;
}

.main-cases__case-title {
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 58px;
   line-height: 74px;
   color: #fff;
}

.main-cases__patient-list {
   display: flex;
   gap: 10px;
}

.main-cases__patient-info {
   padding: 9px 16px;
   border: 1px solid #B5B5B5;
   border-radius: 30px;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 13px;
   line-height: 13px;
   color: #B5B5B5;
}

.main-cases__patient-info--strong {
   border: 1px solid #6BD9C3;
   color: #6BD9C3;
}

.main-cases__image-list {
   display: flex;
   justify-content: center;
   margin: 58px 0 51px 0;
}

.main-cases__image-item {
   position: relative;
   flex: 1 1 50%;
   max-width: 600px;
}

.main-cases__image-item:last-child {
   border-left: 1px solid #fff;
}

.main-cases__image-status {
   position: absolute;
   top: 20px;
   left: 20px;
   padding: 8px 16px;
   border-radius: 30px;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 13px;
   line-height: 13px;
   color: #fff;
   background-color: #111;
   z-index: 2;
}

.main-cases__image-status--before {
   color: rgba(255, 255, 255, 0.4);
}

.main-cases__image-status--after {
   background: linear-gradient(to right, #D9D56B, #6BD9C3);
   font-weight: 700;
   color: #000;
}

.main-cases__img {
   display: block;
   width: 100%;
   height: auto;
   max-width: 600px;
   aspect-ratio: 600 / 440;
   object-fit: cover;
   object-position: center;
}

.main-cases__image-desc {
   position: absolute;
   bottom: 24px;
   left: 50%;
   transform: translateX(-50%);
   width: max-content;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 17px;
   line-height: 17px;
   color: #ccc;
   text-align: center;
   z-index: 2;
}

/* 로그인 블러 처리 스타일 */
/* 블러 및 검은색 투명 레이어 */
.blur-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   
   /* 반투명 검은색 배경 (마지막 0.5가 투명도입니다) */
   background-color: rgba(0, 0, 0, 0.05); 
   
   /* 뒤에 있는 이미지에만 블러 효과 적용 */
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px); /* 사파리 브라우저 지원 호환성 */
   
   /* 내부 텍스트를 정중앙에 정렬하기 위한 Flexbox */
   display: flex;
   justify-content: center;
   align-items: center;
   
   z-index: 1;
}

.blur-text {
   background: url('../images/icon-cases-login.png') no-repeat left top;
   padding: 2px 0 0 28px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
   color: #ffffff;
   text-align: center;
}

.main-cases__review-text {
   padding-bottom: 71px;
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 32px;
   line-height: 48px;
   color: #ffffff;
   text-align: center;
}

/* 하단 영역 (인디케이터 + 컨트롤러) 스타일 */
.main-cases__bottom-bar {
   display: flex;
   align-items: center;
   position: absolute;
   top: 120px;
   right: 0px;
}

/* 게이지 바 정렬 래퍼 */
.main-cases__indicator {
   display: flex;
   align-items: center;
   gap: 6px; /* 숫자와 바 사이의 간격 */
   flex: 1;
   margin-right: 27px;
}

/* 숫자 공통 스타일 */
.main-cases__counter-num {
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 13px;
   line-height: 13px;
   color: #fff;
   white-space: nowrap;
}

/* [중요] 전체 게이지 라인이 양쪽 숫자 사이 공간을 다 채우도록 설정 */
.main-cases__progress-bar {
   position: relative;
   width: 77px;
   height: 2px;
   background-color: #525252;
   border-radius: 2px;
   overflow: hidden;
}

/* 움직이는 실제 게이지 선 */
.main-cases__progress-fill {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background-color: #fff;
   border-radius: 2px;
   transition: width 0.3s ease;
}

/* 이전/다음 버튼 스타일 */
.main-cases__controls {
   display: flex;
   gap: 5px;
}

.main-cases__btn {
   width: 40px;
   height: 40px;
   margin: 0px;
   padding: 0px;
   font-size: 0px;
   line-height: 0px;
}

.main-cases__btn--prev {
   background: url('../images/btn-prev-gray.png');
}

.main-cases__btn--next {
   background: url('../images/btn-next-blue.png');
}

.main-cases__legal-notice {
   padding-top: 21px;
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 10px;
   line-height: 14px;
   color: #a3a3a3;
   text-align: center;
}

.main-cases__more-btn {
   display: block;
   width: fit-content;
   margin: 60px auto 0px auto;
   padding: 31px 51px;
   border-radius: 100px;
   background: #6BD9C3;
   font-family: 'maruburi';
   font-weight: 700;
   font-size: 17px;
   line-height: 17px;
   color: #fff;
   text-decoration: none;
   letter-spacing: 4%;
}

/* 반응형 헬퍼 클래스 */
.mo-only {
   display: none !important;
}

/* ==========================================================================
   사랑니 발치 (main-wisdom section) 스타일
   ========================================================================== */

.main-section.main-wisdom {
   flex-wrap: wrap;
}

.main-wisdom__container {
   width: 100%;
   max-width: 1300px;
}

.main-wisdom__wide-wrapper {
   width: 100%;
   max-width: 1920px;
}

.main-wisdom__subtitle {
   margin: 30px 0px 40px 0px;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 42px;
   line-height: 42px;
   color: #111;
}

.main-wisdom__desc {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 32px;
   color: #333;
}

.main-wisdom__list {
   display: flex;
   width: 100%;
   height: 580px;
   margin: 92px 0 99px 0;
   background: url('../images/bg-wisdom-list.jpg') no-repeat center / cover;
}

.main-wisdom__item {
   width: 33.33%;
   padding: 54px 0;
   border-right: 1px solid rgba(178, 178, 178, 0.4);
   text-align: center;
}

.main-wisdom__item:last-child {
   border-right: 0;
}

.main-wisdom__num {
   display: block;
   padding-bottom: 298px;
   font-family: 'maruburi';
   font-weight: 700;
   font-size: 21px;
   line-height: 21px;
   color: #b2b2b2;
   opacity: 0.4;
   transition: all 0.3s ease;
}

.main-wisdom__num--gradation {
   line-height: 21px;
   vertical-align: baseline;
}

.main-wisdom__item-title {
   display: block;
   padding-bottom: 29px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 29px;
   line-height: 29px;
   color: #fff;
   opacity: 0.4;
   transition: all 0.3s ease;
}

.main-wisdom__item-desc {
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 17px;
   line-height: 32px;
   color: #fff;
   opacity: 0.4;
   transition: all 0.3s ease;
}

.main-wisdom__item:hover .main-wisdom__num {
   opacity: 1;
}

.main-wisdom__item:hover .main-wisdom__num--gradation {
   background: linear-gradient(to right, #6BD9C3, #D9D56B); 
   background-clip: text;
   -webkit-text-fill-color: transparent;
}

.main-wisdom__item:hover .main-wisdom__item-title {
   opacity: 1;
}

.main-wisdom__item:hover .main-wisdom__item-desc {
   opacity: 1;
}

.main-wisdom__cases-title {
   padding-bottom: 48px;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 32px;
   line-height: 32px;
   color: #111;
}

.main-wisdom__cases-list {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

.main-wisdom__cases-item {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: calc((100% - 40px) / 3);
   height: 166px;
   border-radius: 15px;
   background-color: #f8f8f8;
   transition: color 0.3s ease;
   z-index: 1;
   overflow: hidden;
}

.main-wisdom__cases-item::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right, #5AC5BF, #D9D56B); 
   opacity: 0; 
   transition: opacity 0.3s ease; 
   z-index: -1;
}

.main-wisdom__case-num {
   display: block;
   padding-bottom: 20px;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 21px;
   line-height: 21px;
   color: #b2b2b2;
}

.main-wisdom__case-name {
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 21px;
   line-height: 21px;
   color: #111;
}

.main-wisdom__more-btn {
   display: block;
   width: fit-content;
   margin: 60px auto 0px auto;
   padding: 21px 34px;
   border-radius: 100px;
   background: #6BD9C3;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 16px;
   line-height: 16px;
   color: #fff;
   text-decoration: none;
   letter-spacing: -4%;
}

.main-wisdom__cases-item:hover::before {
   opacity: 1;
}

.main-wisdom__cases-item:hover .main-wisdom__case-num {
   color: #fff;
}

.main-wisdom__cases-item:hover .main-wisdom__case-name {
   color: #fff;
}

/* ==========================================================================
   보험 국가검진 (main-insurance_ section) 스타일
   ========================================================================== */
   
.main-section.main-insurance{
   background: #f0f0f0 url('../images/bg-insurance.jpg') no-repeat center / cover;
}

.main-insurance__container {
   width: 100%;
   max-width: 1300px;
}

.main-insurance__header {
   margin-bottom: 99px;
}

.main-insurance__subtitle {
   margin: 30px 0 46px 0;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 42px;
   line-height: 42px;
   color: #111;
}

.main-insurance__notice {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 20px;
   color: #333;
}

.insurance-content {
   display: grid;
   grid-template-columns: repeat(3, 1fr); /* 기본 3열 배치 */
   gap: 20px;
   align-items: stretch;
}

.insurance-card {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   min-height: 335px;
   padding: 58px 41px;
   border-radius: 16px;
   background: #ffffff;
}

/* 카드 타이틀 */
.card-title {
   padding-bottom: 30px;
   border-bottom: 1px solid #e6e6e6;
   font-family: 'KoPubWorldDotum';
   font-weight: 700;
   font-size: 24px;
   line-height: 24px;
   color: #111;
}

/* 리스트 스타일 */
.card-list {
   flex-grow: 1;
   padding: 26px 0 29px 0;
}

.card-list li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 23px;
   font-family: 'KoPubWorldDotum';
   font-size: 17px;
   line-height: 17px;
}

.card-list li:last-child {
   margin-bottom: 0px;
}

.item-name {
   color: #111;
   font-weight: 300;
}

.item-value {
   color: #999;
   font-weight: 700;
}

/* 강조 텍스트 (본인부담 10% 등) */
.item-value.highlight {
   color: #6BD9C3;
}

/* 하단 각주 */
.card-footnote {
   border-top: 1px solid #e6e6e6;
   padding-top: 14px;
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 10px;
   line-height: 10px;
   color: #a3a3a3;
}

/* [포인트] 초록색/그라데이션 국가 구강검진 카드 */
.insurance-card--green {
   background: linear-gradient(100deg, #5AC5BF 40%, #D9D56B 100%);
   color: #ffffff;
}

.insurance-card--green .card-title {
   color: #ffffff;
}

.insurance-card--green .item-name {
   color: #ffffff;
}

.insurance-card--green .item-value {
   color: #ffffff;
}

.insurance-card--green .card-footnote {
   color: #ffffff;
}

.main-insurance__indicator {
   display: none;
}

/* ==========================================================================
   환자 후기 (main-review__section) 스타일
   ========================================================================== */

.main-review__container {
   width: 100%;
   max-width: 1300px;
}

.main-review__header {
   text-align: center;
}

.main-review__subtitle {
   margin: 19px 0 35px 0;
   font-family: 'maruburi';
   font-weight: 600;
   font-size: 42px;
   line-height: 64px;
   color: #111;
}

.main-review__notice {
   font-family: 'KoPubWorldDotum';
   font-weight: 500;
   font-size: 20px;
   line-height: 20px;
   color: #333;
}

.main-review__list {
   display: flex;
   gap: 20px;
   margin-top: 99px;
}

.review-card {
   width: calc((100% - 40px) / 3);
   padding: 50px 40px;
   border-radius: 15px;
   background: #f8f8f8 url('../images/bg-review-card.png') no-repeat right 40px bottom 50px;
}

.card-stars {
   margin-bottom: 25px;
   padding-bottom: 25px;
   border-bottom: 1px solid #e6e6e6;
}

.card-body {
   padding-bottom: 76px;
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 17px;
   line-height: 34px;
   color: #333;
}

.card-footer {
   font-family: 'KoPubWorldDotum';
   font-weight: 300;
   font-size: 13px;
   line-height: 13px;
   color: #acacac;
}

/* ==========================================================================
   원장 소개 모바일 슬라이더 기본 스타일
   ========================================================================== */
.main-doctor__slider {
   width: 100%;
}

.main-doctor__track {
   width: 100%;
}

.main-doctor__slide-item {
   width: 100%;
}

.main-doctor__indicator {
   display: none;
}



/* PC 기본 레이아웃 이하 대응 */
@media (max-width: 1400px) {
   /* 메인 공통 스타일 시작 */
   .main-section {
      padding-inline: 20px;
   }
   /* 메인 공통 스타일 끝 */
   
   /* 사랑니 발치 스타일 시작 */
   .main-wisdom__wide-wrapper {
      width: calc(100% + 40px);
      margin-inline: -20px;
   }
   
   .main-wisdom__list {
      height: 500px;
   }
   
   .main-wisdom__num {
      padding-bottom: 180px;
   }
   /* 사랑니 발치 스타일 끝 */
}

/* 반응형 레이아웃 (태블릿 & 모바일) */
@media (max-width: 1024px) {
   /* 메인 공통 스타일 시작 */
   .main-section {
      padding: 160px 20px;
   }
   /* 메인 공통 스타일 끝 */
   
   .insurance-content {
      grid-template-columns: repeat(2, 1fr); /* 태블릿에서는 2열 */
   }
   
   /* [메인 비주얼] 태블릿 스타일 시작 */
   .visual__contents {
      width: max-content;
      padding-left: 0px;
      margin: 0 auto;
   }
   /* [메인 비주얼] 태블릿 스타일 끝 */
   
   /* 원장 소개 반응형 스타일 시작 */
   .main-section.main-doctor {
      padding: 100px 20px;
   }
   
   .main-doctor__content {
      flex-direction: column;
      align-items: center;
      gap: 40px;
   }
   
   .main-doctor__profile {
      margin-right: 0;
      max-width: 500px;
   }
   
   .main-doctor__detail {
      padding-right: 0;
      width: 100%;
      max-width: 600px;
   }
   
   .main-doctor__greeting {
      font-size: 32px;
      line-height: 48px;
   }
   
   .main-doctor__greeting-highlight {
      font-size: 36px;
      line-height: 56px;
   }
   
   .main-doctor__badges {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 60px;
   }
   
   .main-doctor__badge-item {
      width: 100%;
      height: 160px;
      padding: 25px;
   }
   /* 원장 소개 반응형 스타일 끝 */
   
   /**/
   .main-target__sub-title {
      font-size: 32px;
      line-height: 50px;
   }
   
   .main-target__sub-title--bold {
      font-size: 36px;
   }
   
   .main-target__notice {
      font-size: 18px;
   }
   
   .main-target__list {
      margin-top: 60px;
      gap: 15px;
   }
   
   .main-target__item {
      padding: 90px 30px 35px 30px;
   }
   
   /* 진료안내 스타일 시작 */
   .main-clinic__tab {
      font-size: 14px;
   }
   
   .main-clinic__content-item {
      gap: 30px;
   }
   
   .main-clinic__img-box {
      width: 50%;
      border-radius: 8px;;
   }
   /* 진료안내 스타일 끝 */

   /* [임플란트 전·후] 태블릿 스타일 시작 */
   .main-cases__subtitle {
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 30px;
   }
   
   .main-cases__case-num {
      left: -30px;
   }

   .main-cases__notice {
      font-size: 18px;
   }

   .main-cases__tab-item {
      padding: 0px 30px;
   }

   .main-cases__case-title {
      font-size: 42px;
      line-height: 56px;
   }

   .main-cases__review-text {
      font-size: 24px;
      line-height: 38px;
      padding-bottom: 50px;
   }
   
   .main-cases__image-desc {
      width: 96%;
   }
   
   .main-cases__bottom-bar {
      top: 160px;
   }

   .main-cases__more-btn {
      padding: 22px 42px;
      font-size: 15px;
   }
   /* [임플란트 전·후] 태블릿 스타일 끝 */

   /* [사랑니 발치 / main-wisdom] 태블릿 스타일 시작 */
   .main-section.main-wisdom {
      padding: 100px 20px;
   }
   .main-wisdom__subtitle {
      font-size: 32px;
      line-height: 46px;
      margin: 20px 0 30px 0;
   }
   .main-wisdom__desc {
      font-size: 18px;
      line-height: 28px;
   }
   .main-wisdom__list {
      margin: 60px 0 70px 0;
      height: auto;
      flex-direction: column;
   }
   .main-wisdom__item {
      width: 100%;
      padding: 40px 20px;
      border-right: none;
      border-bottom: 1px solid rgba(178, 178, 178, 0.4);
      background: rgba(0, 0, 0, 0.6);
   }
   .main-wisdom__item:last-child {
      border-bottom: none;
   }
   .main-wisdom__num {
      padding-bottom: 20px;
      font-size: 18px;
   }
   .main-wisdom__item-title {
      padding-bottom: 15px;
      font-size: 24px;
      line-height: 34px;
   }
   .main-wisdom__item-desc {
      font-size: 15px;
      line-height: 26px;
   }
   .main-wisdom__cases-title {
      font-size: 28px;
      padding-bottom: 30px;
      text-align: center;
   }
   .main-wisdom__cases-list {
      gap: 15px;
   }
   .main-wisdom__cases-item {
      width: calc((100% - 15px) / 2);
      height: 140px;
   }
   .main-wisdom__case-num {
      font-size: 18px;
      padding-bottom: 10px;
   }
   .main-wisdom__case-name {
      font-size: 18px;
   }
   /* [사랑니 발치 / main-wisdom] 태블릿 스타일 끝 */
   
   /* 사용자 리뷰 태블릿 스타일 시작 */
   .main-review__list {
      flex-direction: column;
   }
   
   .review-card {
      width: 100%;
   }
   /* 사용자 리뷰 태블릿 스타일 끝 */
}

@media (max-width: 768px) {
   /* 메인 공통 스타일 시작 */
   .main-section {
      padding: 80px 0;
   }
   
   .mo-br {
      display: block;
   }
   /* 메인 공통 스타일 끝 */
   
   /* [메인 비주얼] 태블릿 스타일 시작 */
   .visual__video {
      transform: scale(1);
      object-position: 80% 50%;
   }
   
   .visual__brand-slogan {
      font-size: 24px;
      line-height: 40px;
   }
   
   .visual__brand-slogan--bold {
      padding-top: 8px;
      font-size: 30px;
      line-height: 58px;
   }
   
   .visual__text {
      padding-top: 20px;
      font-size: 16px;
      line-height: 26px;
   }
   /* [메인 비주얼] 태블릿 스타일 끝 */
   
   .main-insurance {
      padding: 80px 16px;
   }
   
   .main-insurance__subtitle {
      font-size: 26px;
   }

   .insurance-content {
      grid-template-columns: 1fr; /* 모바일에서는 1열 세로 정렬 */
      gap: 16px;
   }
   
   .insurance-card {
      min-height: auto;
      padding: 25px 20px;
   }

   /* [보험·국가검진/main-insurance] 모바일 스타일 시작 */
   /* 헤더/타이포 (피그마 모바일 스펙 반영) */
   .main-insurance__header {
      margin-bottom: 40px;
   }
   
   .main-insurance__subtitle {
      margin: 14px 0 16px 0;
      font-size: 26px;
      line-height: 38px;
   }
   
   .main-insurance__notice {
      font-size: 15px;
      line-height: 22px;
   }

   /* 카드 영역: 세로 그리드 → 가로 스와이프 캐러셀로 전환 */
   .insurance-content.insurance-slider {
      display: flex;
      grid-template-columns: none;
      flex-wrap: nowrap;
      gap: 10px;                         /* 피그마 카드 간격 10px */
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      /* 섹션 좌우 padding(16px)만큼 블리드시켜 화면 끝까지 스크롤 */
      margin: 0 -16px;
      padding: 0 16px;
      scroll-padding-left: 16px;
      scrollbar-width: none;             /* Firefox 스크롤바 숨김 */
   }
   
   .insurance-content.insurance-slider::-webkit-scrollbar {
      display: none;                     /* Webkit 스크롤바 숨김 */
   }

   /* 슬라이드 카드: 고정 폭 + 다음 카드 노출(peek) */
   .insurance-card.insurance-slide {
      flex: 0 0 auto;
      width: min(267px, 72vw);           /* 피그마 카드 폭 267px, 좁은 화면은 비율 대응 */
      scroll-snap-align: start;
   }

   /* 카드 내부 타이포 (피그마: 제목 16 / 항목 14 / 각주 11) */
   .insurance-card.insurance-slide .card-title {
      padding-bottom: 16px;
      font-size: 16px;
      line-height: 16px;
   }
   
   .insurance-card.insurance-slide .card-list {
      padding: 18px 0;
   }
   
   .insurance-card.insurance-slide .card-list li {
      margin-bottom: 18px;
      font-size: 14px;
      line-height: 14px;
   }
   
   .insurance-card.insurance-slide .card-footnote {
      padding-top: 12px;
      font-size: 11px;
      line-height: 11px;
   }
   
   .main-insurance__indicator {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      margin-top: 28px;
   }
   
   .main-insurance__indicator .main-insurance__counter-num {
      font-family: 'KoPubWorldDotum';
      font-weight: 700;
      font-size: 13px;
      line-height: 13px;
      color: #111111;
   }
   
   .main-insurance__indicator .main-insurance__progress-bar {
      position: relative;
      width: 60px;
      height: 2px;
      background-color: #d5d5d5;
      border-radius: 2px;
      overflow: hidden;
   }
   
   .main-insurance__indicator .main-insurance__progress-fill-doc {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #111111;
      border-radius: 2px;
      transition: width 0.3s ease;
   }
   /* [보험·국가검진/main-insurance] 모바일 스타일 끝 */

   /* [진료안내/main-clinic] 모바일 스타일 시작 */
   .main-section.main-clinic {
      padding: 80px 16px;
   }
   
   .main-clinic__header {
      margin-bottom: 38px;
   }
   .main-clinic__title {
      font-size: 12px !important;
      margin-bottom: 10px;
   }
   .main-clinic__subtitle {
      font-size: 26px;
      line-height: 42px;
      margin: 10px 0 15px;
   }
   .main-clinic__desc {
      font-size: 15px;
      line-height: 24px;
   }
   .main-clinic__tab-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      width: 100%;
      margin-bottom: 36px;
      scrollbar-width: none; /* Firefox */
   }
   .main-clinic__tab-wrap::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
   }
   .main-clinic__tab-list {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      width: max-content;
      padding: 5px 6px;
      border-radius: 30px;
   }
   .main-clinic__tab-item {
      width: 120px;
      flex-shrink: 0;
   }
   .main-clinic__tab {
      padding: 8px 0;
      font-size: 13px;
      line-height: 17.33px;
   }
   .main-clinic__tab-contents {
      margin-top: 40px;
   }
   .main-clinic__content-item {
      flex-direction: column; /* 슬라이드 전환 시 레이아웃 깨짐(가로/세로 변동) 방지 */
      width: 100%;
      gap: 30px;
   }
   .main-clinic__img-box {
      width: 100%;
      max-width: 100%;
      height: 226px;
      border-radius: 20px;
   }
   .main-clinic__info-box {
      width: 100%;
      text-align: center;
   }
   .main-clinic__tag {
      font-size: 12px;
      line-height: 18.67px;
      margin-bottom: 8px;
   }
   .main-clinic__subject {
      font-size: 30px;
      line-height: 32px;
      margin-bottom: 12px;
   }
   .main-clinic__text {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 4px;
   }
   .main-clinic__more-btn {
      display: inline-block;
      margin-top: 30px;
      width: 150px;
      height: 50px;
      padding: 0;
      line-height: 50px;
      border-radius: 25px;
      font-size: 14px;
      text-align: center;
   }
   .main-clinic__bottom-bar {
      display: none !important;
   }
   /* [진료안내/main-clinic] 모바일 스타일 끝 */
   
   /* 원장 소개 모바일 슬라이더 전환 스타일 시작 */
   .main-doctor__slider {
      overflow: hidden;
      width: 100%;
      margin-bottom: 30px;
   }
   
   .main-doctor__track {
      display: flex;
      width: 100%;
      transition: transform 0.4s ease-in-out;
      cursor: grab;
   }
   
   .main-doctor__track:active {
      cursor: grabbing;
   }
   
   .main-doctor__slide-item {
      flex: 0 0 100%;
      width: 100%;
      box-sizing: border-box;
      padding: 0 10px;
   }
   
   .main-doctor__slide-item.is-hidden {
      display: block !important;
   }
   
   .main-doctor__indicator {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      margin: 25px 0 40px;
   }
   
   .main-doctor__indicator .main-doctor__counter-num {
      font-family: 'KoPubWorldDotum';
      font-weight: 700;
      font-size: 13px;
      line-height: 13px;
      color: #111111;
   }
   
   .main-doctor__indicator .main-doctor__progress-bar {
      position: relative;
      width: 60px;
      height: 2px;
      background-color: #d5d5d5;
      border-radius: 2px;
      overflow: hidden;
   }
   
   .main-doctor__indicator .main-doctor__progress-fill-doc {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #111111;
      border-radius: 2px;
      transition: width 0.3s ease;
   }
   
   .main-doctor__controls {
      display: none !important;
   }
   /* 원장 소개 모바일 슬라이더 전환 끝 */
   
   /* 원장 소개 모바일 스타일 시작 */
   .main-section.main-doctor {
      padding: 50px 16px;
   }
   
   .main-doctor__content {
      gap: 0px;
   }
   
   .main-doctor__profile {
      width: 100%;
      max-width: 343px;
      height: 405px;
      margin-bottom: 55px;
      border-radius: 30px;
      overflow: hidden;
   }
   
   .main-doctor__avatar {
      height: 100%;
      object-fit: cover;
   }
   
   .main-doctor__profile-info {
      bottom: 37px;
      left: auto;
      right: 20px;
      text-align: right;
   }
   
   .main-doctor__profile-name {
      font-size: 12px;
      line-height: 18.67px;
      color: #111111;
   }
   
   .main-doctor__profile-name--bold {
      font-size: 22px;
      line-height: 34.67px;
      padding-right: 4px;
   }
   
   .main-doctor__profile-desc {
      padding-top: 4px;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
   }
   
   .main-doctor__detail {
      max-width: 100%;
      padding-left: 12px;
   }
   
   .main-doctor__title {
      font-size: 12px;
      line-height: 18.67px;
      color: #6BD9C3;
   }
   
   .main-doctor__greeting {
      margin-bottom: 36px;
      padding-top: 6px;
      font-size: 20px;
      line-height: 32px;
   }
   
   .main-doctor__greeting-highlight {
      display: block;
      font-size: 26px;
      line-height: 42px;
   }
   
   .main-doctor__biography-text {
      padding-bottom: 0px;
      font-size: 14px;
      line-height: 25px;
      letter-spacing: -0.28px;
   }
   
   .main-doctor__biography-text + .main-doctor__biography-text {
      margin-top: 12px;
   }
   
   .main-doctor__history-title {
      margin: 20px 0px 8px 0px;
      font-size: 16px;
      line-height: 20px;
   }
   
   .main-doctor__history-item {
      font-size: 14px;
      line-height: 24px;
   }
   
   .main-doctor__badges {
      grid-template-columns: 1fr 1fr;
      gap: 11px 13px;
      margin-top: 40px;
   }
   
   .main-doctor__badge-item {
      height: 140px;
      padding: 19px 20px 19px 30px;
      border-radius: 18px;
   }
   
   .main-doctor__badge-sub {
      margin-bottom: 2px;
      font-size: 12px;
      line-height: 24px;
   }
   
   .main-doctor__badge-main {
      font-size: 14px;
      line-height: 24px;
   }
   
   .main-doctor__badge-item:nth-of-type(1),
   .main-doctor__badge-item:nth-of-type(2),
   .main-doctor__badge-item:nth-of-type(3),
   .main-doctor__badge-item:nth-of-type(4) {
      background-size: 20px auto;
      background-position: right 20px bottom 20px;
   }
   /* 원장 소개 모바일 스타일 끝 */
   
   .main-section.main-target {
      background-image: url('../images/bg-target.jpg');
      padding: 60px 0;
   }
   
   .main-section__box.main-target__box {
      padding: 0 24px;
      box-sizing: border-box;
   }
   
   .main-target__title {
      font-size: 12px;
      margin-bottom: 10px;
   }
   
   .main-target__sub-title {
      font-size: 20px;
      line-height: 32px;
      margin-bottom: 15px;
   }
   
   .main-target__sub-title--bold {
      font-size: 26px;
   }
   
   .main-target__notice {
      font-size: 14px;
      line-height: 22px;
   }
   
   /* 모바일 가로 스크롤 구현을 위한 래퍼 스타일 */
   .main-target__list-wrap {
      overflow-x: auto;
      margin: 0 -24px;
      padding: 0 24px 20px 24px; /* 하단 패딩으로 카드 그림자 잘림 방지 */
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; /* 파이어폭스 스크롤바 숨김 */
   }
   
   .main-target__list-wrap::-webkit-scrollbar {
      display: none; /* 크롬/사파리 스크롤바 숨김 */
   }
   
   .main-target__list {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 11px;
      width: max-content;
      margin-top: 40px;
   }
   
   .main-target__item {
      width: 237px;
      max-width: none;
      flex-shrink: 0;
      padding: 55px 15px 30px 15px;
      box-sizing: border-box;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
   }
   
   /* 모바일 배경 아이콘 위치 및 크기 조정 */
   .main-target__item:nth-of-type(1),
   .main-target__item--01 {
      background-position: left 15px top 25px;
      background-size: 20px auto;
   }
   
   .main-target__item:nth-of-type(2),
   .main-target__item--02 {
      background-position: left 15px top 25px;
      background-size: 20px auto;
   }
   
   .main-target__item:nth-of-type(3),
   .main-target__item--03 {
      background-position: left 15px top 25px;
      background-size: 20px auto;
   }
   
   .main-target__item:nth-of-type(4),
   .main-target__item--04 {
      background-position: left 15px top 25px;
      background-size: 20px auto;
   }
   
   .main-target__question {
      font-size: 14px;
      line-height: 20px;
      padding-bottom: 8px;
   }
   
   .main-target__answer {
      font-size: 12px;
      line-height: 20px;
   }

   /* [임플란트 전·후] 모바일 스타일 시작 */
   .pc-only {
      display: none !important;
   }

   .mo-hidden {
      display: none !important;
   }

   .mo-only {
      display: inline !important;
   }

   .main-section.main-cases {
      padding: 80px 16px;
   }

   .main-cases__subtitle {
      font-size: 26px;
      line-height: 42px;
      margin: 20px 0 35px 0;
   }

   .main-cases__notice {
      font-size: 15px;
      line-height: 26px;
   }

   .main-cases__tab-list {
      margin-top: 50px;
   }

   .main-cases__tab-item {
      padding: 0 20px;
      border-radius: 14px;
      background: #1a1a1a;
   }

   .main-cases__tab-header {
      flex-direction: column;
      align-items: flex-start;
      padding: 50px 0 0 0;
   }

   .main-cases__case-num {
      left: -20px;
      padding: 8px 16px;
      border-radius: 14px 0 14px 0;
      font-size: 11px;
      line-height: 18px;
   }

   .main-cases__case-title {
      font-size: 28px;
      line-height: 40px;
      margin-top: 15px;
   }

   .main-cases__patient-list {
      margin-top: 15px;
      width: 100%;
   }

   .main-cases__patient-info {
      padding: 4px 12px;
      font-size: 10px;
      line-height: 13.33px;
   }

   .main-cases__image-list {
      margin: 25px 0;
   }

   .main-cases__image-item {
      width: 50%;
   }

   .blur-text {
      background-position: top center;
      font-size: 12px;
      line-height: 30px;
      padding: 16px 0 0 0px;
      background-size: 10px auto;
   }

   .main-cases__review-text {
      font-size: 19px;
      line-height: 30px;
      padding-bottom: 40px;
   }

   .main-cases__bottom-bar {
      position: static;
      justify-content: center;
      margin-top: 25px;
   }

   .main-cases__indicator {
      margin-right: 0;
      flex: none;
   }
   
   .main-cases__legal-notice {
      display: none;
   }

   .main-cases__more-btn {
      margin-top: 25px;
      padding: 15px 30px;
      font-size: 14px;
      line-height: 18px;
   }
   /* [임플란트 전·후] 모바일 스타일 끝 */

   /* [사랑니 발치 / main-wisdom] 모바일 스타일 시작 */
   .main-section.main-wisdom .main-wisdom__container {
      box-sizing: border-box;
   }
   
   .main-wisdom__title {
      font-size: 12px;
      line-height: 12px;
      color: #6bd9c3;
   }
   
   .main-wisdom__subtitle {
      font-size: 26px;
      line-height: 42px;
      margin: 15px 0 20px 0;
   }
   
   .main-wisdom__desc {
      font-size: 15px;
      line-height: 26px;
   }
   
   .main-wisdom__wide-wrapper {
      padding: 0;
      overflow: hidden
   }
   
   .main-wisdom__list {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap !important;
      height: 359px;
      margin: 40px 0 25px 0;
      background: none !important;
      overflow-x: auto !important; /* 중요: 가로 스크롤 활성화 */
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      user-select: none;
   }
   
   .main-wisdom__list::-webkit-scrollbar {
      display: none;
   }
   
   .main-wisdom__item {
      position: relative;
      flex: 0 0 100%;
      height: 359px;
      padding: 36px 25px;
      box-sizing: border-box;
      border: none;
      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/bg-wisdom-list.jpg') no-repeat center / cover;
      scroll-snap-align: start;
      text-align: center;
   }
   
   .main-wisdom__item:hover {
      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/bg-wisdom-list.jpg') no-repeat center / cover;
   }
   
   .main-wisdom__item:nth-child(1) {
      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("../images/bg-main-wisdom-01.webp") no-repeat center / cover;
   }
   
   .main-wisdom__item:nth-child(2) {
      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("../images/bg-main-wisdom-02.webp") no-repeat center / cover;
   }
   
   .main-wisdom__item:nth-child(3) {
      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("../images/bg-main-wisdom-03.webp") no-repeat center / cover;
   }
   
   .main-wisdom__num {
      display: inline-block;
      padding-bottom: 0;
      margin-bottom: 135px;
      font-size: 14px;
      line-height: 14px;
      opacity: 1;
   }
   
   .main-wisdom__num--gradation {
      background: linear-gradient(-90deg, #6bd9c3 32%, #d9d56b 93%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
   }
   
   .main-wisdom__item-title {
      font-size: 20px;
      line-height: 29.33px;
      padding-bottom: 15px;
      opacity: 1;
   }
   
   .main-wisdom__item-desc {
      font-size: 13px;
      line-height: 20px;
      opacity: 1;
   }
   
   .main-wisdom__indicator {
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 13px;
      width: 100%;
      height: 16px;
      margin: 0px 0 73px 0;
   }
   
   .main-wisdom__indicator .main-wisdom__counter-num {
      font-family: 'KoPubWorldDotum';
      font-weight: 700;
      font-size: 13px;
      line-height: 16px;
      color: #111111;
   }
   
   .main-wisdom__indicator .main-wisdom__progress-bar {
      position: relative;
      width: 60px;
      height: 2px;
      background-color: #e5e5e5;
      border-radius: 2px;
      overflow: hidden;
   }
   
   .main-wisdom__indicator .main-wisdom__progress-fill {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #111111;
      border-radius: 2px;
      transition: width 0.3s ease;
   }
   
   .main-wisdom__cases {
      padding: 15px 0 0 0;
   }
   
   .main-wisdom__cases-title {
      font-size: 24px;
      line-height: 32px;
      padding-bottom: 44px;
      text-align: left;
   }
   
   .main-wisdom__cases-list {
      gap: 10px;
   }
   
   .main-wisdom__cases-item {
      width: calc((100% - 10px) / 2);
      height: 120px;
   }
   
   .main-wisdom__case-num {
      font-size: 13px;
      line-height: 13px;
      padding-bottom: 14px;
   }
   
   .main-wisdom__case-name {
      font-size: 14px;
      line-height: 21.33px;
      text-align: center;
   }
   
   .main-wisdom__more-btn {
      display: none;
      margin-top: 30px;
      padding: 15px 30px;
      font-size: 14px;
      line-height: 14px;
   }
   /* [사랑니 발치 / main-wisdom] 모바일 스타일 끝 */

   /* [환자 후기 / main-review] 모바일 스타일 시작 */
   .main-section.main-review {
      padding: 60px 25px;                 /* 피그마: 카드 좌우 25px 여백 기준 */
   }
   /* 헤더/타이포 (피그마: 소제목 12 / 타이틀 26 / 안내 15) */
   .main-review .section-title {
      font-size: 12px;
      line-height: 18.67px;
   }
   .main-review__header {
      margin-bottom: 40px;
   }
   .main-review__subtitle {
      margin: 14px 0 16px 0;
      font-size: 26px;
      line-height: 42px;
   }
   .main-review__notice {
      font-size: 15px;
      line-height: 24px;
   }
   /* 카드 리스트: 가로 flex → 세로 스택 (피그마: 카드 3개 세로 나열, 간격 10px) */
   .main-review__list {
      flex-direction: column;
      gap: 10px;
      margin-top: 40px;
   }
   /* 카드: 전체 폭 + 내부 여백/배경 따옴표 위치·크기 조정 */
   .review-card {
      width: 100%;
      padding: 30px 20px;
      background-position: right 20px bottom 25px;
      background-size: 36px auto;
   }
   /* 별점 구분선 간격 (피그마: 별 98x15) */
   .card-stars {
      margin-bottom: 15px;
      padding-bottom: 15px;
   }
   /* 후기 본문 (피그마: Light 14 / 줄간격 22 / #444) */
   .card-body {
      padding-bottom: 20px;
      font-size: 14px;
      line-height: 22px;
      color: #444;
   }
   /* 작성자 정보 (피그마: Light 11 / #a3a3a3) */
   .card-footer {
      font-size: 11px;
      line-height: 11px;
      color: #a3a3a3;
   }
   /* [환자 후기 / main-review] 모바일 스타일 끝 */
}