@charset "utf-8";
html,body {background-color:#FAF7FB;}
.main-section:not(.signature-section) {overflow-x: hidden;}
.main-section .inner {display: flex; flex-direction: column; row-gap: 20px;}
.main-section .section-tit {font-size: 2.222rem;} /* 40px */
.main-section .tit-inner {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.main-section .tit-inner .tit-wrap {display: flex; flex-direction: column;}
.main-section .tit-inner p {font-size: 1rem; color: #5B5B5B;} /* 18px */

/* 메인 (Hero) */
.hero-section {width: 100%; aspect-ratio: 1910 / 837; background-color: gray;}
.hero-swiper {position: relative; width: 100%; height: 100%; overflow: hidden; }
.hero-swiper .swiper-slide { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.hero-bg{position:absolute; inset:0; background-size:cover; background-position: center; transform: scale(1.02);}
.hero-content{position:absolute; inset: 0; display:flex; flex-direction:column; justify-content:center; align-items: flex-start; text-align:left; pointer-events:none; left: 60%;}
.hero-content *{ pointer-events:auto; }
.hero-headline{font-weight: 600; font-size: 3.389rem; margin-bottom: 28px;} /* 61px */
.hero-sub {display: flex; flex-direction: column; row-gap: 4px; margin-bottom: 39px;}
.hero-sub p {font-size: 1.222rem;} /* 22px */
.hero-cta{display:inline-flex; align-items: center; gap: 13px; font-size: 2.222rem; color: #2E2B27;} /* 40px */
.hero-ui{position:absolute; right: 10%; bottom: clamp(10px, 2.6vw, 107px); width: fit-content; display:flex; align-items:center; justify-content:flex-end; gap: 24px; z-index: 5;}
.hero-fraction{display:flex; align-items:center; gap:4px; color:#333;}
.hero-fraction .cur,
.hero-fraction .total,
.hero-fraction .slash {font-size: 0.889rem; font-weight: 500; color: #fff;} /* 16px */
.hero-progress{position: relative; width: clamp(60px, 20vw, 260px); height: 3px; background: rgba(255,255,255,.4); overflow:hidden;}
.hero-progress .bar{position:absolute; left:0; top:0; bottom:0; width: 0%; background: #fff; transition: width .35s ease;}
.hero-nav{ display:flex; align-items:center; gap:30px; }
.hero-prev, .hero-next{}

/* 시그니처 */
.signature-section {padding: 140px 0 180px;}
.signature-section .section-tit {text-align: center; position: sticky; top: 100px;}
.signature-section .sig-item-wrap {display: none;}
.signature-section .fixed-slide {width: 100%; display: flex; align-items: start; column-gap: clamp(36px, 3.5vw ,50px);}
.sig-tab-list{border-left: 1px solid #eee; padding: 15px 20px 15px 15px; width: fit-content; position: sticky; top: 170px; height: 32vw; max-height: 620px; display: flex; align-items: center; justify-content: center;}
.sig-tab-list ul {display: flex; flex-direction: column; gap: 30px; width: 140px;}
.sig-tab{display: flex; flex-direction: column; row-gap: 6px; text-align:left; border:0; background:transparent; cursor:pointer;}
.sig-tab strong {position: relative;}
.sig-tab strong::after {transition: background-color 0.2s; position: absolute; right: calc(100% + 12px); bottom: 50%; transform: translateY(50%); content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: transparent;}
.sig-tab.active .label {background-color: #7A4A6E;}
.sig-tab.active strong {color: #7A4A6E;}
.sig-tab.active strong::after {background-color: #7A4A6E;}
.sig-img-wrap{width: 50%; max-width: 848px; position: sticky; top: 170px; height: 32vw; max-height: 620px; display: flex; align-items: center; justify-content: center;}
.sig-stack{position: relative; width: 100%; height: 100%; max-height: 600px; border-radius: 10px; overflow: hidden;}
.sig-img{position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease; will-change: opacity; background-size: cover; background-position: center;}
.sig-img.active{ opacity: 1; }
.sig-img img {width: 100%; height: 100%; object-fit: cover;}
.sig-img .label {position: absolute; left: 20px; bottom: 20px; z-index: 20;}
.sig-cont-wrap{width: 35%; max-width: 613px;}
.sig-cont-wrap .sig-cont {display: flex;  align-items: flex-end; justify-content: space-between; margin-bottom: 24vw; height: fit-content;}
.sig-cont-wrap .sig-cont:last-child {margin-bottom: 20vw;}
.sig-cont-wrap .sig-cont .left {display: flex; flex-direction: column; row-gap: 40px;}
.sig-cont-wrap .sig-tit span {font-size: 1rem;} /* 18px */
.sig-cont-wrap .sig-tit h3 {font-size: clamp(1.778rem, 3vw ,2.667rem); white-space: nowrap;} /* 32px ~ 48px */
.sig-cont-wrap .sig-txt strong {font-size: 1.333rem; font-weight: 600;} /* 24px */
.sig-cont-wrap .sig-txt p {margin-top: 10px; font-size: 0.944rem; line-height: 1.5; color: #5B5B5B;} /* 17px */
.sig-cont-wrap .sig-cont .img-wrapper {display: flex; flex-direction: column; row-gap: 14px;}
.sig-cont-wrap .sig-cont .img-wrapper img {max-width: 314px;}
.signature-section > div .right {width: fit-content; display: flex; flex-direction: column; row-gap: 12px;}
.signature-section > div .right span {color: #7A4A6E;}
/* 리핏이 특별한 이유 */
.why-section {position: relative; padding-top: 40px; background-color: #fff;}
.why-section > img {border-radius: 0 0 50px 50px; overflow: hidden; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom;}
.why-section .inner2 {position: relative; z-index: 2; display: flex; flex-direction: column; row-gap: 32px; align-items: center;}
.why-section .why-wrap {width: 100%; display: flex;  align-items: center; justify-content: space-between;}
.why-section .why-wrap .left {max-width: 747px; width: 48%; display: flex; align-items: flex-end;}
.why-section .why-wrap .left img {width: 100%;}
.why-section .why-wrap .right {max-width: 690px; width: 44%; padding-bottom: 156px;}
.why-section .why-tit {display: flex; align-items: flex-end; column-gap: 24px; margin-bottom: 100px;}
.why-section .why-tit.mo {display: none;}
.why-section .why-tit strong {font-size: 3.833rem; font-weight: 600;} /* 69px */
.why-section .why-tit .txt-wrap span {font-size: 1.778rem; font-weight: 500;} /* 32px */
.why-section .why-tit .txt-wrap p {margin-top: 10px; font-size: 1rem; line-height: 1.4; color: #4B5563;} /* 18px */
.why-section .why-wrap .why-list {display: flex; flex-wrap: wrap; column-gap: 60px; row-gap: 40px;}
.why-section .why-wrap .why-list li {width: calc(100% / 3 - (120px) / 3);}
.why-section .why-wrap .why-list .round-btn{margin-bottom: 4px;}
.why-section .why-wrap .why-list p {display: flex; align-items: center; column-gap: 10px; font-size: 0.944rem; color: #4B5563;} /* 17px */
.why-section .why-wrap .why-list p strong {font-size: 2.222rem; font-weight: 400; color: #111827;} /* 40px */

/* 리핏의원이 다른 이유 */
.certificate-section {padding: 166px 0; width: 100%; overflow: hidden; background-color: #fff;}
.certificate-slider {margin-top: 50px;}
.certificate-slider .doctor-swiper { overflow: visible; }
.certificate-slider .doc-card {width: calc(100% / 3 - 48px / 3);}
.certificate-slider .doc-thumb {width: 100%; height: auto; aspect-ratio: 557 / 600; border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
.certificate-slider .doc-thumb img {transition: transform 0.3s; border-radius: 10px; width: 100%; height: 100%; object-fit: cover;}
.certificate-slider .doc-thumb:hover img {transform: scale(0.95);}
.certificate-slider .doc-info {display: flex; flex-direction: column; row-gap: 10px;}
.certificate-slider .doc-info strong {display: flex; align-items: center; column-gap: 16px; font-size: 1.778rem; font-weight: 500;} /* 32px */
.certificate-slider .doc-info strong .doc-no {font-size: 3.556rem; font-weight: 600; color: #B89BB1;} /* 64px */
.certificate-slider .doc-info .doc-txt {font-size: 1rem; color: #5B5B5B;} /* 18px */

/* 수상 */
.award-section {background-color: #E6D9E3; padding: 74px 0;}
.award-section .tit-wrap {display: flex; flex-direction: column; align-items: center; row-gap: 20px; margin-bottom: 66px;}
.award-section .tit-wrap strong {font-size: 2.222rem;} /* 40px */
.award-section .tit-wrap p {font-size: 1.111rem; color: #5B5B5B; text-align: center;} /* 20px */
.award-section .award-swiper{width: 100%; padding-bottom: 86px;}
.award-section .award-swiper .swiper-slide{height: auto;}
.award-section .award-swiper .award-card{background: #fff; border-radius: 30px; padding: 72px 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 48px;}
.award-section .award-swiper .award-logo{width: 100%; height: auto; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center;}
.award-section .award-swiper .award-logo img{width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: contain;}
.award-section .award-swiper .award-txt{font-size: 0.944rem; white-space: nowrap;} /* 17px */
.award-section .award-swiper .award-pagination{margin-top: 66px; display: flex; justify-content: center; align-items: center; gap: 20px;}
.award-section .award-swiper .award-pagination .swiper-pagination-bullet {transition: border 0.2s; border: 2px solid transparent; width: 20px; height: 20px; background: #fff; opacity: 1;}
.award-section .award-swiper .award-pagination .swiper-pagination-bullet-active {border-color: #2C1333;}

/* 처음부터 올바르게 리핏의원 */
.visual-section {padding-top: 60px; background-image: url(../img/main/visual-bg.webp); object-fit: cover;}
.visual-section .inner {align-items: center; padding: 70px 30px; min-height: 356px; border-radius: 30px; background: #ffffff; background: linear-gradient(180deg,rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}
.visual-section strong {font-size: 2.667rem; color: #2C1333; display: inline-flex; align-items: center; position: relative; vertical-align: middle; line-height: 1.2; --rot-dur: 0.8s; --rot-ease: cubic-bezier(.2, 1, .3, 1); --rot-delay: 0.4s;} /* 48px */
.visual-section strong > span {position: relative; display: inline-block; white-space: nowrap; overflow: hidden; transition: width var(--rot-dur) var(--rot-ease); transform: translate3d(-100%, 0, 0); opacity: 0;}
.visual-section strong > span::before {content: attr(data-text); display: block; transform: translate3d(100%, 0, 0); transition: transform var(--rot-dur) var(--rot-ease), opacity var(--rot-dur) var(--rot-ease); opacity: 0;}
.visual-section strong > span.active {transform: translate3d(0, 0, 0); opacity: 1;}
.visual-section strong > span.active::before {transform: translate3d(0, 0, 0); opacity: 1; transition-delay: var(--rot-delay);}
.visual-section strong > span:not(.active) {position: absolute; left: 0; top: 0; width: 0 !important;}
.visual-section strong > span:not(.active)::before {transition-delay: 0s;}
.suffix {font-size: 2.667rem; color: #2C1333; vertical-align: middle; margin-left: 8px;} /* 48px */
.visual-section p {word-break: keep-all; font-size: 1.111rem; color: #4B5563; text-align: center; margin-bottom: 40px;} /* 20px */
.visual-section .marquee-item {font-size: 7.111rem; color: #FAF7FB; opacity: 0.6; line-height: 100px;} /* 128px */

/* 후기 */
.review-section {padding: 80px 0; background-color: #fff;}
.review-section .cont-inner {margin-top: 46px;}
.review-section .review-wrap {display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 70px;}
.review-section .review-wrap .review {display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 26px 30px; width: calc(100% / 3 - 48px / 3); height: auto; aspect-ratio: 557 / 407; border-radius: 30px; background-color: #FAF7FB; }
.review-section .review-wrap .review .img-wrap {width: 100%; height: calc(100% - 57px);}
.review-section .review-wrap .review .img-wrap img {width: 100%; height: 100%; object-fit: contain;}
.review-section .cont-inner p {word-break: keep-all; text-align: center; margin-top: 46px; font-size: 0.833rem; color: #4B5563; line-height: 1.5;} /* 15px */

/* 리얼후기 */
.real-review-section {padding: 180px 0; background-color: #FAF7FB;}
.real-review-section .tit-wrap {display: flex; flex-direction: column; row-gap: 10px; align-items: center; margin-bottom: 80px;}
.real-review-loop{display: flex; overflow: hidden; gap: 24px; width: 100%;}
.real-review-loop .rr-track{display: flex; align-items: center; gap: 24px;  flex-shrink: 0; animation: rr-roll 30s linear infinite; will-change: transform;}
.real-review-loop .rr-item{width: 412px; flex: 0 0 auto;}
.real-review-loop .rr-item img{width: 100%; height: auto; display: block; border-radius: 10px; }
@keyframes rr-roll{0%   { transform: translateX(0); } 100% { transform: translateX(-100%); }}

/* 이벤트 */
.event-section {padding: 120px 0; background-color: #FAF7FB;}
.event-section .inner {flex-direction: row; align-items: flex-start; justify-content: space-between;}
.event-section .tit-wrap p {font-size: 1rem; line-height: 1.5; color: #4B5563; margin-bottom: 30px;} /* 18px */
.event-section .event-slider {width: 75%; margin: 0;}
.event-section .event-slider .swiper-slide {border-radius: 10px; overflow: hidden;}
.event-section .event-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.event-section .event-slider .swiper-scrollbar{position: relative; left: 0 !important; right: 0 !important; bottom: 0 !important; margin-top: 35px; height: 3px; border-radius: 0; background: transparent; border-bottom: 1px solid #E2E2E2;}
.event-section .event-slider .swiper-scrollbar-drag{height: 100%; border-radius: 3px; background-color: #2C1333; cursor: grab; box-shadow: none; transition: background-color .2s ease;}
.event-section .event-slider .swiper-scrollbar-drag:active {cursor: grabbing; background-color: #000;}

/* 유튜브 */
.youtube-section {padding: 110px 0 300px; background-color: #FAF7FB;}
.youtube-section .yt-grid{margin-top: 20px; display: flex; align-items: center; column-gap: 50px;}
.youtube-section .yt-main {width: 55%; max-width: 958px; height: 32vw; max-height: 608px;}
.youtube-section .yt-player{position:relative; width:100%; height: 100%; overflow:hidden; background:#000;}
.youtube-section .yt-player iframe{position:absolute; inset:0; width:100%; height:100%;}
.youtube-section .yt-side{width: calc(100% - 55% - 50px); max-width: 703px; height: 32vw; max-height: 608px;}
.youtube-section .yt-list-swiper {height: 100%;}
.youtube-section .swiper-wrapper {padding-right: 60px; height: 100%;}
.youtube-section .swiper-slide {height: fit-content;}
.youtube-section .yt-item{display: flex; align-items: center; column-gap: 40px;}
.youtube-section .yt-item .thumb{width: 50%; max-width: 259px; height: auto; aspect-ratio: 259/144; overflow: hidden;}
.youtube-section .yt-item .thumb img{transition: transform 0.7s; width:100%; height:100%; object-fit:cover; display:block;}
.youtube-section .yt-item:hover .thumb img {transform: scale(1.2);}
.youtube-section .yt-item .meta {align-items: flex-start; display:flex; flex-direction:column; gap:10px; }
.youtube-section .yt-item .title{text-align: left; font-size: 1rem; font-weight: 500; color: #2C1333} /* 18px */
.youtube-section .yt-item .desc{font-size: 0.944rem; font-weight: 400; color: #4B5563; text-align: left;} /* 17px */
.youtube-section .swiper-scrollbar{background-color: #E2E2E2; width: 7px; height: 100%; max-height: 600px; border-radius: 10px;}
.youtube-section .swiper-scrollbar-drag{background-color: #2C1333; cursor: grab; box-shadow: none; transition: background-color .2s ease;}
.youtube-section .swiper-scrollbar-drag:active {cursor: grabbing; background-color: #000;}

/* 오시는길 */
.information-section {padding: 80px 0; background-image: url(../img/main/info-bg.webp); background-size: cover;}
.information-section .inner:not(.section-tit) {margin-top: 80px; flex-direction: row; align-content: center; justify-content: space-between;}
.information-section .left {display: flex; flex-direction: column; justify-content: center; row-gap: 80px;}
.information-section .left p {margin-top: 20px; font-size: 1rem; color: #4B5563;} /* 18px */
.information-section .right {border-radius: 50px; overflow: hidden;}
.information-section .right .wrap_btn_zoom,
.information-section .right .wrap_controllers,
.information-section .right .cont {display: none !important;}

@media screen and (min-width: 1921px) {
    .sig-tab-list {max-height: unset; height: calc(100vh - 74px - 180px);}
    .sig-img-wrap{width: 60%; max-width: unset; max-height: unset; height: calc(100vh - 74px - 180px);}
    .sig-stack {height: auto; max-height: unset; aspect-ratio: 16 / 9;}
    .sig-cont-wrap .sig-cont {padding-top: 8vw;}
    .sig-cont-wrap .sig-cont:last-child {margin-bottom: 11vw;}
}

@media screen and (max-width: 1600px) {
    .why-section .why-wrap {align-items: flex-end;}
    .why-section .why-wrap .right {padding-bottom: 80px;}
    .why-section .why-tit {margin-bottom: 60px;}
    .why-section .why-wrap .why-list li {width: calc(100% / 2 - 60px / 2);}
    .award-section .award-swiper .award-card {padding: 70px 40px 40px;}
    .youtube-section .swiper-wrapper {padding-right: 30px;}
    .youtube-section .yt-item {column-gap: 20px;}
}

@media screen and (max-width: 1440px) {
    .signature-section .section-tit {text-align: left;}
    .signature-section .fixed-slide {justify-content: space-between;}
    .sig-tab-list {display: none;}
    .sig-img-wrap {width: 70%; height: 45vw; max-width: unset;}
    .sig-cont-wrap {width: calc(30% - 50px);}
    .sig-cont-wrap .sig-cont {flex-direction: column; row-gap: 20px; align-items: flex-start;}
    .sig-cont-wrap .sig-cont .left {row-gap: 20px; width: 100%;}
    .award-section .award-swiper .award-card {padding: 60px 40px 30px;}
}

@media screen and (max-width: 1280px) {
    .hero-content {left: 55%;}
    .hero-ui {right: 5%;}
    .sig-img-wrap {width: 60%; height: 37vw;}
    .sig-cont-wrap {width: calc(40% - 50px);}
    .sig-cont-wrap .sig-cont .img-wrapper img:not(:first-child) {display: none;}
    .why-section .why-tit.pc {display: none;}
    .why-section .why-tit.mo {display: flex; margin-bottom: 0;}
    .certificate-slider .doc-info strong .doc-no {font-size: 3rem;}
    .certificate-slider .doc-info strong {font-size: 1.5rem;}
    .real-review-loop .rr-item {width: 300px;}
    .event-section .inner {flex-direction: column; row-gap: 50px;}
    .event-section .event-slider {width: 100%;}
    .youtube-section .yt-item {width: 100%; flex-direction: column; row-gap: 10px; align-items: flex-start;}
    .information-section .inner:not(.section-tit) {flex-direction: column; row-gap: 50px;}
    .information-section .left {row-gap: 20px;}
    .information-section .root_daum_roughmap_landing {width: 100% !important;}
}

@media screen and (max-width: 1024px) {
    /* 패딩을 1024에 맞게 조절 */
    .signature-section { padding: 80px 0 100px; }
    .certificate-section { padding: 100px 0; }
    .real-review-section { padding: 100px 0; }
    .event-section { padding: 80px 0; }
    .youtube-section { padding: 80px 0 150px; }
    .information-section { padding: 60px 0; }
    .award-section { padding: 60px 0; }
    .review-section { padding: 60px 0; }
    .why-section .why-tit { margin-bottom: 40px; }
    .real-review-section .tit-wrap { margin-bottom: 50px; }
    /* 기타 반응형 */
    .hero-section {aspect-ratio: 16 / 9;}
    .hero-headline {font-size: 2.5rem;}
    .hero-sub p {font-size: 1rem;}
    .hero-cta {display: none;}
    .signature-section .section-tit {text-align: center;}
    .signature-section .section-tit {position: unset;}
    .signature-section .fixed-slide {display: none;}
    .signature-section .sig-item-wrap {display: block;}
    .signature-section .sig-item {display: flex; flex-direction: column; row-gap: 40px; margin-bottom: 70px;}
    .signature-section .sig-item:last-child {margin-bottom: 0;}
    .sig-img {position: relative; opacity: 1;}
    .sig-img img {border-radius: 15px; overflow: hidden;}
    .sig-cont,
    .sig-cont .left {display: flex; flex-direction: column; row-gap: 20px;}
    .sig-cont .left .img-wrapper {display: flex; align-items: center; column-gap: 10px;}
    .sig-cont .left .img-wrapper img {width: calc(50% - 5px);}
    .signature-section > div .right {row-gap: 0;}
    .sig-cont .right .round-btn {padding-left: 0; padding-right: 0; background-color: transparent;}
    .why-section .why-wrap {flex-direction: column; align-items: center;}
    .why-section .why-wrap .left {max-width: 500px; width: 100%;}
    .why-section .why-wrap .right {max-width: unset; width: 100%;}
    .why-section .why-wrap .left img {-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); mask-image: linear-gradient(to bottom, black 60%, transparent 100%);}
    .why-section .why-wrap .why-list li {display: flex; flex-direction: column; align-items: center;}
    .certificate-slider .doc-card { width: calc(100% / 2 - 24px / 2);}
    .visual-section strong {font-size: 2rem;}
    .review-section .review-wrap .review {width: calc(100% / 2 - 24px / 2);}
}
@media screen and (max-width: 768px) {
    /* 패딩을 태블릿에 맞게 조절 */
    .signature-section { padding: 60px 0 80px; }
    .why-section { padding-top: 30px; }
    .certificate-section { padding: 70px 0; }
    .award-section { padding: 50px 0; }
    .review-section { padding: 50px 0; }
    .real-review-section { padding: 70px 0; }
    .event-section { padding: 60px 0; }
    .youtube-section { padding: 60px 0 100px; }
    .information-section { padding: 50px 0; }
    .main-section .inner { row-gap: 15px; }
    .award-section .award-swiper .award-card { padding: 40px 20px; gap: 24px; }
    .award-section .tit-wrap { margin-bottom: 40px; }
    .information-section .inner:not(.section-tit) { margin-top: 40px; }
    /* 기타 반응형 */
    .main-section .tit-inner {flex-direction: column; row-gap: 10px;}
    .main-section .tit-inner .tit-wrap {align-items: center;}
    .main-section .tit-inner .tit-wrap p {text-align: center; word-break: keep-all;}
    .hero-content {width: fit-content; left: unset; right: 35px;}
    .hero-ui {right: 35px;}
    .hero-headline {font-size: 2rem; margin-bottom: 1rem;}
    .sig-img .label {display: none;}
    .certificate-slider .doc-info strong .doc-no {font-size: 2.5rem;}
    .certificate-slider .doc-info strong {font-size: 1.2rem;}
    .review-section .review-wrap .review {width: 100%;}
    .real-review-loop .rr-item {width: 220px;}
    .youtube-section .yt-grid {flex-direction: column; row-gap: 40px;}
    .youtube-section .yt-main,
    .youtube-section .yt-side {max-width: unset; width: 100%;}
    .youtube-section .yt-main {height: auto; aspect-ratio: 16 / 9;}
    .youtube-section .yt-side {height: 50vw;}
    .youtube-section .yt-item {flex-direction: row;}
}
@media screen and (max-width: 600px) {
    .main-section .section-tit {font-size: 1.8rem;}
    .hero-content {width: 50%;}
    .hero-sub {width: 100%; align-items: flex-end;}
    .hero-headline {font-size: clamp(18px, 5vw, 20px); text-align: right; width: 100%;}
    .hero-sub p,
    .hero-sub .label.hero {font-size: clamp(10px, 3vw, 13px);}
    .why-section .why-wrap .why-list li {width: 100%;}
    .why-section .why-tit.mo {flex-direction: column; align-items: flex-start;}
    .certificate-slider .doc-card {width: 70%;}
    .award-section .tit-wrap strong {font-size: 1.4rem;}
    .award-section .tit-wrap p {font-size: 0.9rem; word-break: keep-all;}
    .award-section .tit-wrap p br {display: none;}
    .visual-section .inner {padding: 50px 15px;}
    .visual-section strong {font-size: 1.5rem;}
    .visual-section p {font-size: 0.9rem;}
    .review-section .review-wrap {row-gap: 40px;}
}
@media screen and (max-width: 480px) {
    /* 패딩을 모바일에 맞게 조절 */
    .signature-section { padding: 40px 0 60px; }
    .why-section { padding-top: 20px; }
    .certificate-section { padding: 50px 0; }
    .award-section { padding: 40px 0; }
    .review-section { padding: 40px 0; }
    .real-review-section { padding: 50px 0; }
    .event-section { padding: 40px 0; }
    .youtube-section { padding: 40px 0 80px; }
    .information-section { padding: 40px 0; }
    .why-section .why-tit { margin-bottom: 20px; }
    .real-review-section .tit-wrap { margin-bottom: 30px; }
    .award-section .tit-wrap { margin-bottom: 24px; }
    .award-section .award-swiper .award-card { padding: 30px 15px; gap: 20px; }
    .information-section .inner:not(.section-tit) { margin-top: 24px; }
    .main-section .inner { row-gap: 10px; }
    /* 기타 반응형 */
    .hero-content, .hero-ui {right: 16px;}
    .visual-section .inner {height: fit-content; min-height: unset; padding: 40px 10px;}
    .visual-section strong {font-size: 1.2rem;}
    .visual-section p br {display: none;}
    .review-section .cont-inner p br {display: none;}
    .youtube-section .yt-item {flex-direction: column;}
}