/* ===========================================================
 * 수면치과치료 페이지
 * Desktop source: Figma 1167:18354, 1920w
 * =========================================================== */

.sleep-page {
    --sleep-point: #5E2C7B;
    --sleep-point2: #9F4595;
    --sleep-ink: #292524;
    --sleep-text: #44403C;
    --sleep-muted: #746B66;
    --sleep-soft: #F7F7F7;
    --sleep-soft-2: #FCFCFC;
    --sleep-chip: rgba(123, 44, 106, 0.05);
    --sleep-chip-border: rgba(204, 204, 204, 0.1);
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
    color: var(--sleep-ink);
    word-break: keep-all;
    overflow: hidden;
    background: #fff;
    padding-bottom: 93px;
}

.sleep-page *,
.sleep-page *::before,
.sleep-page *::after {
    box-sizing: border-box;
}

.sleep-page img {
    display: block;
    max-width: 100%;
}

.sleep-page a {
    color: inherit;
    text-decoration: none;
}

body:has(.sleep-page) #footer,
body:has(.sleep-page) .footer-copyright {
    display: none !important;
}

.sleep-br-mobile,
.sleep-br-tablet {
    display: none;
}

.sleep-br-except-tablet {
    display: block;
}

.sleep-subtitle-tablet {
    display: none;
}

.sleep-title-responsive {
    display: none;
}

.sleep-cases-title-mobile {
    display: none;
}

.sleep-wrap {
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding: 0 15px;
}

.sleep-section {
    padding: 130px 0;
}

.sleep-section-head {
    width: 100%;
    max-width: 1340px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    margin: 0;
}

.sleep-section-head--center {
    width: 991px;
    max-width: 100%;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.sleep-kicker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    color: var(--sleep-point2);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.72px;
    white-space: nowrap;
}

.sleep-kicker span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background: var(--sleep-point2);
    color: #fff;
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-section-head h2 {
    margin: 0;
    color: var(--sleep-ink);
    font-size: 56px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -1.68px;
}

.sleep-section-head p:not(.sleep-kicker) {
    margin: 0;
    color: var(--sleep-muted);
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -1.2px;
}

@media (min-width: 1200px) {
    .sleep-section-head--center h2 {
        white-space: nowrap;
    }
}

.sleep-black-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    border: 1px solid var(--sleep-ink);
    border-radius: 5px;
    background: var(--sleep-ink);
    color: #fff !important;
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.51px;
}

.sleep-black-btn img {
    width: 24px;
    height: 24px;
}

body:has(.sleep-page) #subtop {
    display: none !important;
}

body:has(.sleep-page) #quickSide,
body:has(.sleep-page) #quickFloat,
body:has(.sleep-page) #quickToggleBtn,
body:has(.sleep-page) #quickForm,
body:has(.sleep-page) #floating1,
body:has(.sleep-page) #floating1_btn {
    display: none !important;
}

/* Reuse the shared sitemap component. Sleep-specific layout starts below. */

/* Hero */
.sleep-main-hero {
    height: 900px;
}

.sleep-main-hero .hero__bg {
    background-size: cover !important;
    background-position: center bottom !important;
}

.sleep-main-hero .hero__overlay {
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.sleep-main-hero .hero__container {
    max-width: 1370px;
    padding: 0 15px;
    gap: 60px;
}

.sleep-main-hero .hero__text {
    width: 100%;
    gap: 35px;
}

.sleep-main-hero .hero__eyebrow {
    margin: 0;
    color: #fff;
    opacity: 0.8;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    white-space: nowrap;
}

.sleep-main-hero .hero__title {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 64px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -3.2px;
}

.sleep-main-hero .hero__subtitle {
    width: 100%;
    max-width: none;
    margin: 15px 0 0;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -1.2px;
}

.sleep-main-hero .hero__btns {
    gap: 10px;
}

.sleep-main-hero .hero__btn {
    width: 220px;
    height: auto;
    padding: 15px 0;
    border-radius: 5px;
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.51px;
}

/* Reason */
.sleep-dark-photo {
    position: relative;
    height: 850px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fcfcfc;
    color: #fff;
    text-align: center;
}

.sleep-reason__media,
.sleep-reason__media::after {
    position: absolute;
    inset: 0;
}

.sleep-reason__media img {
    position: absolute;
    width: 136.2%;
    height: 181.34%;
    left: -0.01%;
    top: -55.68%;
    max-width: none;
    object-fit: cover;
}

.sleep-reason__media::after {
    content: "";
    background-image:
        linear-gradient(180deg, rgba(0, 0, 0, 0) 55.294%, rgba(0, 0, 0, 0.2) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.sleep-reason__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 0;
}

.sleep-reason__eyebrow {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1.4px;
    white-space: nowrap;
}

.sleep-reason__logos {
    width: 483px;
    height: 77px;
    object-fit: contain;
}

.sleep-reason h2 {
    margin: 0;
    color: #fff;
    font-size: 64px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -1.92px;
    white-space: nowrap;
}

.sleep-reason__line {
    width: 1px;
    height: 35px;
    background: rgba(255, 255, 255, 0.75);
}

.sleep-reason__desc {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -1.2px;
    white-space: nowrap;
}

.sleep-reason__desc-mobile {
    display: none;
}

.sleep-specialist-title-mobile,
.sleep-specialist-desc-mobile,
.sleep-stats-desc-mobile,
.sleep-process-desc-mobile {
    display: none;
}

.sleep-sedation-desc-mobile,
.sleep-review-desc-mobile {
    display: none;
}

/* 01 */
.sleep-specialist {
    background: #fff;
}

.sleep-specialist .sleep-wrap {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.sleep-doctor-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.sleep-doctor-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    text-align: center;
}

.sleep-doctor-intro img {
    width: 80px;
    height: 82.034px;
    object-fit: contain;
}

.sleep-doctor-intro strong {
    color: var(--sleep-point);
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.sleep-doctor-intro span {
    color: var(--sleep-muted);
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -1.2px;
}

.sleep-doctor-card {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 651.231px;
    overflow: hidden;
    border-top: 3px solid var(--sleep-point);
    border-radius: 30px;
    background: #f7f7f7;
}

.sleep-doctor-card__watermark {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38.36%;
    height: 78.41%;
    object-fit: contain;
    opacity: 0.1;
    pointer-events: none;
}

.sleep-doctor-card__photo {
    position: relative;
    z-index: 1;
    flex: 1 0 0;
    min-width: 655px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    overflow: hidden;
}

.sleep-doctor-card__photo img {
    width: 550px;
    height: 631.231px;
    object-fit: cover;
}

.sleep-doctor-card__photo picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.sleep-doctor-card__info {
    position: relative;
    z-index: 1;
    flex: 1 0 0;
    min-width: 655px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    padding: 30px 40px;
}

.sleep-doctor-card__info > span {
    color: var(--sleep-point);
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-doctor-card__info h3 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin: -15px 0 0;
    color: var(--sleep-ink);
    font-size: 56px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -2.8px;
}

.sleep-doctor-card__info h3 em {
    color: var(--sleep-muted);
    font-size: 26px;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.78px;
}

.sleep-doctor-card__info dl {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}

.sleep-doctor-card__info dt {
    width: 100%;
    color: var(--sleep-ink);
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-doctor-card__info dd {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 14px;
    color: var(--sleep-muted);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 400;
    letter-spacing: -0.51px;
}

.sleep-doctor-card__info dd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.56em;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--sleep-point);
}

/* Stats */
.sleep-stats {
    background: var(--sleep-soft);
}

.sleep-stats .sleep-wrap {
    max-width: 1630px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.sleep-stats .sleep-section-head {
    align-items: center;
    gap: 20px;
}

.sleep-stats .sleep-section-head h2 {
    color: var(--sleep-point);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1.5px;
    text-align: center;
}

.sleep-stats .sleep-section-head p:not(.sleep-kicker) {
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    letter-spacing: -0.63px;
    text-align: center;
}

.sleep-stat-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
}

.sleep-stat-grid article {
    position: relative;
    flex: 1 0 0;
    min-width: 200px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 51px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.03);
    text-align: center;
}

.sleep-stat-grid article:first-child {
    min-width: 250px;
}

.sleep-stat__check {
    position: absolute;
    left: 8px;
    top: -22px;
    width: 90px;
    height: 90px;
    max-width: none;
}

.sleep-stat-grid p {
    margin: 0;
    color: var(--sleep-ink);
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-stat-grid strong {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: var(--sleep-point);
    font-size: 56px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -2.8px;
}

.sleep-stat-grid em {
    width: 25px;
    padding-bottom: 10px;
    color: var(--sleep-point);
    font-size: 28px;
    line-height: 1;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.4px;
}

.sleep-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: -20px 0 0;
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    letter-spacing: -0.63px;
    text-align: center;
}

.sleep-note img {
    width: 20px;
    height: 25px;
    flex: 0 0 20px;
    object-fit: contain;
}

/* 02 */
.sleep-cases {
    background: var(--sleep-soft);
}

.sleep-cases .sleep-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.sleep-case-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
}

.sleep-case-list article {
    display: flex;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
}

.sleep-case-list article:nth-child(even) .sleep-case-list__copy {
    order: 2;
}

.sleep-case-list article:nth-child(even) .sleep-case-media {
    order: 1;
}

.sleep-case-list__copy,
.sleep-case-media {
    width: 50%;
    min-width: 50%;
    height: 400px;
}

.sleep-case-list__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 60px;
}

.sleep-case-list__copy em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--sleep-point);
    color: var(--sleep-point);
    font-size: 17px;
    line-height: 1;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.51px;
}

.sleep-case-list__copy h3 {
    margin: 20px 0 0;
    color: var(--sleep-point);
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.sleep-case-list__copy p {
    margin: 20px 0 0;
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    letter-spacing: -0.63px;
}

.sleep-case-media img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.sleep-target {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

.sleep-target strong {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 28px;
    padding: 0 20px;
    border-left: 3px solid var(--sleep-point);
    color: var(--sleep-point);
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -1.4px;
}

.sleep-target ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sleep-target li {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 61px;
    overflow: hidden;
    padding: 15px 25px;
    border: 1px solid var(--sleep-chip-border);
    border-radius: 8px;
    background: var(--sleep-chip);
    color: var(--sleep-ink);
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    letter-spacing: -0.84px;
}

.sleep-target li img {
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
}

/* Band */
.sleep-band {
    position: relative;
    height: 633.867px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #111 url('../img/sleep/band-bg.webp') center bottom / 100% 100% no-repeat;
    color: #fff;
    text-align: center;
}

.sleep-band > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 0;
}

.sleep-band__icon {
    width: 50px;
    height: 51.867px;
    object-fit: cover;
}

.sleep-band p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1.4px;
}

.sleep-band h2 {
    margin: 0;
    background-image: linear-gradient(170.7055618878656deg, rgb(140, 66, 29) 15.429%, rgb(251, 230, 123) 38.47%, rgb(252, 251, 231) 53.361%, rgb(247, 209, 78) 69.967%, rgb(212, 160, 65) 86.265%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 80px;
    line-height: 90px;
    font-weight: 900;
    letter-spacing: -4px;
    white-space: nowrap;
}

.sleep-band span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -1.2px;
}

/* Video */
.sleep-video {
    background: var(--sleep-soft);
}

.sleep-video .sleep-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.sleep-video__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 1310px;
    overflow: hidden;
    text-align: center;
}

.sleep-video__kicker {
    margin: 0;
    color: var(--sleep-point2);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.72px;
    white-space: nowrap;
}

.sleep-video__head h2 {
    width: 100%;
    margin: 0;
    color: var(--sleep-point);
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.sleep-video__desc {
    width: 100%;
    margin: 0;
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    letter-spacing: -0.63px;
}

.sleep-video__desc-mobile {
    display: none;
}

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

.sleep-video__player {
    width: 100%;
    aspect-ratio: 1366 / 770;
    overflow: hidden;
    border-radius: 8px;
    background: #ddd;
}

.sleep-video__poster {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: #000;
    cursor: pointer;
    overflow: hidden;
}

.sleep-video__poster img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.sleep-video__iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* 03 */
.sleep-treatments {
    background: var(--sleep-soft-2);
}

.sleep-treatments .sleep-wrap,
.sleep-process .sleep-wrap,
.sleep-sedation .sleep-wrap,
.sleep-caution .sleep-wrap,
.sleep-reviews .sleep-wrap,
.sleep-qna .sleep-wrap {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.sleep-chip-box {
    width: 100%;
    overflow: hidden;
    padding: 30px 60px 60px;
    border: 1px solid #ddd;
    border-radius: 16px;
    background: transparent;
}

.sleep-chip-box strong {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    color: var(--sleep-point);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.72px;
}

.sleep-chip-box strong img {
    width: 23.04px;
    height: 23.04px;
}

.sleep-chip-box ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sleep-chip-box li {
    display: flex;
    align-items: center;
    min-height: 61px;
    padding: 15px 25px;
    border: 1px solid var(--sleep-chip-border);
    border-radius: 8px;
    background: var(--sleep-chip);
    color: var(--sleep-text);
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

/* 04 */
.sleep-process {
    background: #fff;
}

.sleep-process .sleep-wrap {
    gap: 80px;
}

.sleep-step-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.sleep-step-grid article {
    overflow: hidden;
    border: 1px solid #eee9ed;
    border-radius: 10px;
    background: #fff;
}

.sleep-step-media {
    width: 100%;
    aspect-ratio: 467 / 280;
    overflow: hidden;
}

.sleep-step-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sleep-step-grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 37px;
    padding: 10px 20px;
    margin: 20px 20px 0;
    border-radius: 100px;
    background: var(--sleep-point2);
    color: #fff;
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.51px;
}

.sleep-step-grid article:nth-child(2) span { background: #8b398f; }
.sleep-step-grid article:nth-child(3) span { background: #772c7b; }
.sleep-step-grid article:nth-child(4) span { background: #6e2c7b; }
.sleep-step-grid article:nth-child(n+5) span { background: var(--sleep-point); }

.sleep-step-grid h3 {
    margin: 15px 30px 10px;
    color: var(--sleep-point);
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: -0.78px;
    white-space: nowrap;
}

.sleep-step-grid p {
    margin: 0 30px 30px;
    color: rgba(28, 25, 23, 0.7);
    font-size: 17px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: -0.68px;
}

/* 05 */
.sleep-sedation {
    background: var(--sleep-soft-2);
}

.sleep-sedation .sleep-wrap {
    align-items: center;
}

.sleep-sedation-desc {
    width: 100%;
    margin: 0;
    color: rgba(68, 64, 60, 0.7);
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -1.2px;
    text-align: center;
}

.sleep-compare-table {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    overflow: hidden;
    padding: 40px;
    border: 1px solid #ddd;
    border-radius: 16px;
}

.sleep-compare-table__label {
    display: flex;
    align-items: center;
    width: 160px;
    padding: 0 25px;
    color: var(--sleep-point);
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.72px;
}

.sleep-compare-table__head {
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #57534e;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -1.4px;
}

.sleep-compare-table__head--point {
    color: var(--sleep-point2);
}

.sleep-compare-table > img {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    object-fit: cover;
}

.sleep-compare-table__side,
.sleep-compare-table__cell {
    display: flex;
    align-items: center;
    min-height: 61px;
    padding: 15px 25px;
    border: 1px solid var(--sleep-chip-border);
    border-radius: 8px;
    font-size: 21px;
    line-height: 31px;
    letter-spacing: -0.84px;
}

.sleep-compare-table__side {
    justify-content: flex-start;
    text-align: left;
    background: var(--sleep-point);
    color: #f5f5f4;
    font-weight: 500;
}

.sleep-compare-table__cell {
    background: #f5f5f4;
    color: #57534e;
    font-weight: 500;
}

.sleep-compare-table__cell--point {
    background: var(--sleep-chip);
    color: #1c1917;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-compare-mobile {
    display: none;
}

/* 06 caution */
.sleep-caution {
    background: var(--sleep-soft-2);
}

.sleep-caution-grid {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    width: 100%;
}

.sleep-caution-card {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.sleep-caution-card h3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 24px;
    border-radius: 10px;
    background: var(--sleep-point2);
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.72px;
}

.sleep-caution-card--after h3 {
    background: var(--sleep-point);
}

.sleep-caution-card__photo {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    object-fit: cover;
}

.sleep-caution-card ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sleep-caution-card li {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 61px;
    padding: 15px 25px;
    border: 1px solid var(--sleep-chip-border);
    border-radius: 8px;
    background: var(--sleep-chip);
    color: var(--sleep-ink);
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    letter-spacing: -0.84px;
}

.sleep-caution-card li img {
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
}

/* Reviews */
.sleep-reviews {
    background: var(--sleep-soft);
}

.sleep-reviews .sleep-wrap {
    align-items: center;
}

.sleep-reviews .sleep-section-head {
    width: 642px;
    gap: 30px;
}

.sleep-reviews .sleep-section-head p:not(.sleep-kicker) {
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    letter-spacing: -0.84px;
}

.sleep-review-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
}

.sleep-review-list article {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    padding: 60px 15px;
    border-top: 3px solid var(--sleep-point);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.03);
    text-align: center;
}

.sleep-review-list article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 5px 15px;
    border-radius: 15px;
    background: rgba(94, 44, 123, 0.1);
    color: var(--sleep-point);
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.51px;
}

.sleep-review-list article > span em {
    font-style: normal;
}

.sleep-review-list article > span img {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: block;
}

.sleep-review-list h3 {
    margin: -20px 0 0;
    color: var(--sleep-point);
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.sleep-review-list article > p {
    margin: -20px 0 0;
    color: #666;
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    letter-spacing: -0.84px;
}

.sleep-review-box {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    width: 1064px;
    max-width: 100%;
    margin: 30px 0;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 16px;
    background: #fff;
    text-align: left;
}

.sleep-review-box > img {
    width: 130px;
    height: 130px;
    flex: 0 0 auto;
    border-radius: 1000px;
    object-fit: cover;
}

.sleep-review-box > div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    min-height: 130px;
    padding: 16px 0 0 30px;
    border-left: 1px solid #ddd;
}

.sleep-review-box strong {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--sleep-point);
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-review-box strong i {
    width: 2px;
    height: 19px;
    background: rgba(94, 44, 123, 0.8);
}

.sleep-review-box p {
    margin: 0;
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    letter-spacing: -0.84px;
}

.sleep-review-note {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.sleep-review-note p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 31px;
    margin: 0;
    color: var(--sleep-muted);
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    letter-spacing: -0.63px;
}

.sleep-review-note img {
    width: 20px;
    flex: 0 0 auto;
    height: 20px;
    object-fit: contain;
}

/* Q&A */
.sleep-qna {
    background: #fff;
}

.sleep-qna .sleep-wrap {
    align-items: center;
}

.sleep-qna .sleep-section-head {
    width: 350px;
}

.sleep-qna .sleep-section-head h2 {
    font-size: 56px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -2.8px;
    white-space: nowrap;
}

.sleep-qna .sleep-section-head h2 span {
    font-weight: 400;
    letter-spacing: -1.68px;
}

.sleep-qna-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.sleep-qna-list article {
    width: 100%;
    overflow: hidden;
}

.sleep-qna-list h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 15px 25px;
    border-top: 2px solid var(--sleep-point);
    background: rgba(94, 44, 123, 0.07);
    color: var(--sleep-point);
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    letter-spacing: -1.05px;
}

.sleep-qna-list h3 span {
    width: 24px;
}

.sleep-qna-list p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 25px;
    background: rgba(247, 247, 247, 0.5);
    color: rgba(0, 0, 0, 0.7);
    font-size: 17px;
    line-height: 1.45;
    font-weight: 400;
    letter-spacing: -0.51px;
}

.sleep-qna-list p img {
    width: 24px;
    height: 24.364px;
    flex: 0 0 auto;
}

@media (max-width: 1199px) {
    .sleep-page {
        padding-bottom: 0;
    }

    .sleep-page [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .sleep-section {
        padding: 100px 0;
    }

    .sleep-wrap {
        max-width: 768px;
        padding: 0 24px;
    }

    .sleep-section-head {
        gap: 24px;
    }

    .sleep-kicker {
        font-size: 20px;
        line-height: 26px;
        white-space: normal;
    }

    .sleep-kicker span {
        width: 34px;
        height: 34px;
        font-size: 17px;
        line-height: 24px;
    }

    .sleep-section-head h2 {
        font-size: 42px;
        letter-spacing: -1.26px;
    }

    .sleep-section-head p:not(.sleep-kicker),
    .sleep-sedation-desc {
        font-size: 20px;
        line-height: 31px;
        letter-spacing: -0.8px;
    }

    .sleep-main-hero {
        height: 850px;
    }

    .sleep-main-hero .hero__title {
        font-size: 48px;
        letter-spacing: -2.4px;
    }

    .sleep-main-hero .hero__subtitle {
        font-size: 20px;
        line-height: 30px;
    }

    .sleep-reason h2 {
        font-size: 46px;
        white-space: normal;
    }

    .sleep-reason__eyebrow,
    .sleep-reason__desc {
        white-space: normal;
    }

    .sleep-doctor-card__photo,
    .sleep-doctor-card__info {
        min-width: 100%;
    }

    .sleep-stat-grid article {
        min-width: calc(50% - 10px);
    }

    .sleep-case-list article,
    .sleep-case-list article:nth-child(even) {
        height: auto;
        flex-direction: column;
    }

    .sleep-case-list article:nth-child(even) .sleep-case-list__copy,
    .sleep-case-list article:nth-child(even) .sleep-case-media {
        order: initial;
    }

    .sleep-case-list__copy,
    .sleep-case-media {
        width: 100%;
        min-width: 100%;
    }

    .sleep-target ul,
    .sleep-chip-box ul,
    .sleep-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sleep-band h2 {
        font-size: 54px;
        line-height: 1.25;
        white-space: normal;
    }

    .sleep-compare-table {
        grid-template-columns: 130px minmax(0, 1fr) minmax(0, 1fr);
        padding: 28px;
    }

    .sleep-caution-grid,
    .sleep-review-box {
        flex-direction: column;
    }

    .sleep-caution-card {
        width: 100%;
        flex: none;
    }

    .sleep-review-box > div {
        width: 100%;
        padding: 20px 0 0;
        border-left: 0;
        border-top: 1px solid #ddd;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {
    .sleep-br-tablet {
        display: block;
    }

    .sleep-br-except-tablet {
        display: none;
    }

    .sleep-subtitle-desktop {
        display: none;
    }

    .sleep-subtitle-tablet {
        display: inline;
    }

    .sleep-title-desktop {
        display: none;
    }

    .sleep-title-responsive {
        display: inline;
    }

    body:has(.sleep-page) .bform {
        display: none !important;
    }

    .sleep-section {
        padding: 130px 0;
    }

    .sleep-wrap {
        max-width: 768px;
        padding: 0 40px;
    }

    .sleep-section-head {
        gap: 30px;
    }

    .sleep-kicker {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.72px;
    }

    .sleep-kicker span {
        width: 40px;
        height: 40px;
        font-size: 21px;
        line-height: 31px;
        letter-spacing: -1.05px;
    }

    .sleep-section-head h2 {
        font-size: 56px;
        line-height: 1.3;
        letter-spacing: -1.68px;
    }

    .sleep-section-head p:not(.sleep-kicker),
    .sleep-sedation-desc {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -1.2px;
    }

    .sleep-main-hero .hero__container {
        max-width: 768px;
        padding: 0 40px;
        gap: 60px;
    }

    .sleep-main-hero .hero__text {
        gap: 35px;
    }

    .sleep-main-hero .hero__eyebrow {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 2.2px;
    }

    .sleep-main-hero .hero__title {
        font-size: 64px;
        line-height: 1.3;
        font-weight: 800;
        letter-spacing: -1.92px;
    }

    .sleep-main-hero .hero__subtitle {
        max-width: 560px;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -1.2px;
    }

    .sleep-main-hero .hero__btn {
        width: 220px;
        font-size: 17px;
        line-height: 1;
    }

    .sleep-main-hero .hero__bg {
        background-size: var(--hero-tablet-bg-size, 216.1% 102.41%) !important;
        background-position: var(--hero-tablet-bg-position, 84.52% 80.5%) !important;
    }

    #sleepPage #site_config {
        height: 60px;
    }

    #sleepPage #site_config .container {
        width: 100%;
        max-width: none;
        padding: 0;
    }

    #sleepPage #site_config .site {
        display: flex;
        align-items: stretch;
        width: 100%;
        max-width: none;
        height: 60px;
    }

    #sleepPage #site_config .site .home {
        height: 60px;
        font-size: 17px;
        line-height: 1.3;
    }

    #sleepPage #site_config .site .home.home1 {
        flex: 0 0 60px;
        width: 60px;
        height: 60px;
    }

    #sleepPage #site_config .site .home.home1 img {
        width: 20px;
        height: 20px;
    }

    #sleepPage #site_config .site .home.home2 {
        width: 300px;
    }

    #sleepPage #site_config .site .home.home3 {
        flex: 0 0 300px;
        width: 300px;
        min-width: 0;
    }

    #sleepPage #site_config .site .home.home2::after,
    #sleepPage #site_config .site .home.home3::after {
        right: 20px;
        width: 22px;
        background-size: auto;
    }

    #sleepPage #site_config .site .home > span {
        padding: 0 48px 0 20px;
    }

    .sleep-reason__eyebrow {
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: -1.4px;
    }

    .sleep-reason__media img {
        width: 223.2%;
        height: 118.81%;
        left: -49.06%;
        top: -18.78%;
        object-fit: cover;
    }

    .sleep-reason__logos {
        width: 483px;
        height: 77px;
    }

    .sleep-reason h2 {
        font-size: 64px;
        line-height: 1.2;
        letter-spacing: -1.92px;
    }

    .sleep-reason__desc {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -1.2px;
    }

    .sleep-specialist .sleep-wrap {
        gap: 80px;
    }

    .sleep-stats .sleep-wrap {
        max-width: 708px;
        gap: 60px;
        padding: 0;
    }

    .sleep-doctor-card {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        min-height: 1078.077px;
        padding: 40px;
    }

    .sleep-doctor-card__watermark {
        right: auto;
        bottom: auto;
        left: 39.1%;
        top: 47.24%;
        width: 60.93%;
        height: 52.71%;
        max-width: none;
    }

    .sleep-doctor-card__photo {
        flex: 0 0 auto;
        width: 100%;
        max-width: 670px;
        min-width: 0;
        max-height: 459.077px;
        padding-top: 0;
        border-radius: 16px;
    }

    .sleep-doctor-card__photo img {
        width: 400px;
        max-width: 100%;
        height: 459.077px;
        object-fit: cover;
    }

    .sleep-doctor-card__info {
        flex: 0 0 auto;
        width: 100%;
        max-width: 670px;
        min-width: 0;
        align-items: flex-start;
        gap: 40px;
        padding: 30px 20px;
        overflow: hidden;
        text-align: left;
    }

    .sleep-doctor-card__info h3 {
        margin: -30px 0 0;
        font-size: 64px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -3.2px;
    }

    .sleep-doctor-card__info dd {
        line-height: normal;
    }

    .sleep-doctor-card__info dl {
        max-width: none;
        text-align: left;
    }

    .sleep-stat-grid article {
        height: 220px;
        min-width: calc(50% - 10px);
        padding: 51px 20px;
    }

    .sleep-stat-grid,
    .sleep-note {
        width: calc(100% - 30px);
    }

    .sleep-cases .sleep-wrap {
        gap: 80px;
    }

    .sleep-case-list {
        gap: 40px;
    }

    .sleep-target ul {
        grid-template-columns: 1fr;
    }

    .sleep-case-list__copy {
        height: auto;
        min-height: 0;
    }

    .sleep-case-media {
        height: 400px;
    }

    .sleep-chip-box {
        padding: 20px 20px 30px;
    }

    .sleep-video__head {
        max-width: 628px;
    }

    .sleep-video__body {
        width: calc(100% - 30px);
    }

    .sleep-treatments .sleep-wrap {
        gap: 30px;
    }

    .sleep-chip-box ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sleep-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 20px;
    }

    .sleep-step-grid p {
        line-height: normal;
    }

    .sleep-step-grid article:nth-child(3) h3 {
        white-space: normal;
    }

    .sleep-band {
        height: 724px;
        background-size: 100% 100%;
        background-position: center bottom;
    }

    .sleep-band h2 {
        font-size: 80px;
        line-height: 90px;
        letter-spacing: -4px;
    }

    .sleep-band p {
        line-height: normal;
    }

    .sleep-treatments,
    .sleep-process,
    .sleep-sedation,
    .sleep-caution,
    .sleep-reviews {
        background: var(--sleep-soft);
    }

    .sleep-compare-table {
        grid-template-columns: 125px minmax(0, 1fr) minmax(0, 1fr);
        padding: 20px;
        border: 0;
        outline: 1px solid #ddd;
        outline-offset: -1px;
    }

    .sleep-compare-table__label {
        width: 125px;
        padding: 0 25px;
    }

    .sleep-compare-table > img {
        height: 200px;
    }

    .sleep-compare-table__head {
        line-height: 33px;
    }

    .sleep-compare-table__side {
        white-space: nowrap;
    }

    .sleep-compare-table > :nth-child(n+4):nth-child(-n+9) {
        margin-top: 10px;
    }

    .sleep-compare-table > :nth-child(n+7):nth-child(-n+9) {
        height: 61px;
        min-height: 61px;
        white-space: nowrap;
    }

    .sleep-compare-table > :nth-child(n+10) {
        height: 92px;
    }

    .sleep-caution-grid {
        gap: 60px;
    }

    .sleep-sedation .sleep-wrap {
        gap: 44px;
    }

    .sleep-sedation-desc {
        max-width: none;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -1.2px;
        word-break: break-word;
    }

    .sleep-review-box {
        flex-direction: row;
        align-items: flex-start;
    }

    .sleep-review-box > div {
        width: auto;
        min-height: 130px;
        padding: 0 0 0 30px;
        border-top: 0;
        border-left: 1px solid #ddd;
    }

    .sleep-review-list {
        gap: 50px;
    }

    .sleep-review-box strong {
        font-size: 17px;
        line-height: 31px;
        letter-spacing: -0.85px;
    }

    .sleep-review-box p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: -0.51px;
    }

    .sleep-qna .sleep-wrap {
        gap: 40px;
    }

    body:has(.sleep-page) .imp-footer {
        padding-top: 131px;
        padding-bottom: 131px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body:has(.sleep-page) #header,
    body:has(.sleep-page) #header .header-body,
    body:has(.sleep-page) #header .header-body > div,
    body:has(.sleep-page) #header.header-narrow .fbox {
        height: 118px;
        min-height: 118px;
    }

    body:has(.sleep-page) #header .lo_wrp,
    body:has(.sleep-page) #header .h_nav {
        height: 118px;
    }

    body:has(.sleep-page) #header.header-narrow .header-logo img {
        width: 280px;
        max-width: none;
        margin: 39px 0;
    }

    body:has(.sleep-page) #header .h_nav {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 30px;
        width: 50%;
        padding-right: 250px;
    }

    body:has(.sleep-page) #header .h_nav .tLink {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        white-space: nowrap;
    }

    body:has(.sleep-page) #header .h_nav .tLink a,
    body:has(.sleep-page) #header .h_nav .tLink span {
        color: #333;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.45px;
    }

    body:has(.sleep-page) #header .h_nav .tLink .dvd {
        width: 1px;
        height: 12px;
        background: #777;
    }

    body:has(.sleep-page) #header .mmenu-toggle-btn {
        right: 20px;
        width: 42px;
        height: 42px;
    }

    body:has(.sleep-page) .mmenu-toggle-btn .gnbm-burger {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 767px) {
    .sleep-br-mobile {
        display: block;
    }

    .sleep-subtitle-desktop {
        display: none;
    }

    .sleep-subtitle-tablet {
        display: inline;
    }

    .sleep-title-desktop {
        display: none;
    }

    .sleep-title-responsive {
        display: inline;
    }

    body:has(.sleep-page) .bform,
    html:has(.sleep-page) .bform {
        display: none !important;
    }

    .sleep-section {
        padding: 74px 0;
    }

    .sleep-wrap {
        width: 100%;
        padding: 0 18px;
    }

    .sleep-section-head--center,
    .sleep-reviews .sleep-section-head,
    .sleep-qna .sleep-section-head {
        width: 100%;
    }

    .sleep-section-head h2,
    .sleep-qna .sleep-section-head h2 {
        font-size: 30px;
        line-height: 1.32;
        letter-spacing: -0.9px;
        white-space: normal;
    }

    .sleep-kicker {
        gap: 8px;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.45px;
    }

    .sleep-kicker span {
        width: 27px;
        height: 27px;
        font-size: 14px;
        line-height: 20px;
    }

    .sleep-section-head p:not(.sleep-kicker),
    .sleep-sedation-desc {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.48px;
    }

    .sleep-main-hero {
        height: 650px;
    }

    .sleep-main-hero .hero__container {
        padding: 0 18px;
        gap: 60px;
    }

    .sleep-main-hero .hero__text {
        gap: 35px;
    }

    .sleep-main-hero .hero__eyebrow {
        width: auto;
        font-size: 14px;
        letter-spacing: 1.4px;
    }

    .sleep-main-hero .hero__title {
        width: 100%;
        font-size: 32px;
        line-height: 1.3;
        letter-spacing: -0.96px;
    }

    .sleep-main-hero .hero__subtitle {
        width: 100%;
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.85px;
    }

    .sleep-main-hero .hero__btns {
        flex-direction: column;
        width: 220px;
    }

    .sleep-main-hero .hero__bg {
        background-size: var(--hero-mobile-bg-size, 330.49% 100%) !important;
        background-position: var(--hero-mobile-bg-position, 62% 0) !important;
    }

    #sleepPage #site_config {
        display: none;
    }

    .sleep-dark-photo {
        height: 650px;
        padding: 0 18px;
    }

    .sleep-reason__media img {
        width: 294.23%;
        height: 100%;
        left: -97.11%;
        top: 0;
        object-fit: cover;
    }

    .sleep-reason__logos {
        width: 289px;
        height: auto;
    }

    .sleep-reason h2 {
        font-size: 32px;
        line-height: 1.3;
        letter-spacing: -0.96px;
    }

    .sleep-reason__eyebrow,
    .sleep-band p {
        font-size: 20px;
        line-height: 1;
        letter-spacing: -1px;
    }

    .sleep-reason__desc,
    .sleep-band span {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.85px;
        white-space: normal;
    }

    .sleep-reason__desc-default {
        display: none;
    }

    .sleep-reason__desc-mobile {
        display: inline;
    }

    .sleep-specialist .sleep-wrap,
    .sleep-process .sleep-wrap,
    .sleep-treatments .sleep-wrap,
    .sleep-sedation .sleep-wrap,
    .sleep-caution .sleep-wrap,
    .sleep-reviews .sleep-wrap,
    .sleep-qna .sleep-wrap,
    .sleep-cases .sleep-wrap {
        gap: 42px;
    }

    .sleep-specialist {
        padding: 80px 0 163px;
    }

    .sleep-specialist .sleep-wrap {
        padding: 0 15px;
        gap: 60px;
    }

    .sleep-specialist .sleep-section-head {
        gap: 12.8px;
        width: 100%;
    }

    .sleep-specialist .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-specialist .sleep-section-head p:not(.sleep-kicker) {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }

    .sleep-specialist-title-default,
    .sleep-specialist-desc-default {
        display: none;
    }

    .sleep-specialist-title-mobile,
    .sleep-specialist-desc-mobile {
        display: inline;
    }

    .sleep-doctor-intro strong {
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.45px;
    }

    .sleep-doctor-intro span {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.85px;
    }

    .sleep-doctor-intro img {
        width: 56px;
        height: 57.42px;
    }

    .sleep-doctor-card {
        min-height: 830.52px;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 30px 15px;
        border-top-width: 3px;
        border-radius: 10px;
    }

    .sleep-doctor-card__watermark {
        right: auto;
        bottom: auto;
        left: 26.8%;
        top: 66.64%;
        width: 73.2%;
        height: 33.28%;
        max-width: none;
        object-fit: contain;
        opacity: 0.1;
    }

    .sleep-doctor-card__photo {
        flex: 0 0 auto;
        width: 100%;
        max-width: 400px;
        max-height: 459.077px;
        aspect-ratio: 650 / 746;
        padding: 0;
        border-radius: 16px;
    }

    .sleep-doctor-card__photo picture {
        height: 100%;
    }

    .sleep-doctor-card__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sleep-doctor-card__info {
        flex: 0 0 auto;
        width: 100%;
        max-width: 670px;
        align-items: flex-start;
        padding: 30px 16px;
        gap: 20px;
        overflow: hidden;
    }

    .sleep-doctor-card__info h3 {
        font-size: 32px;
        line-height: normal;
        font-weight: 700;
        letter-spacing: -1.6px;
    }

    .sleep-doctor-card__info h3 em {
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: -0.54px;
    }

    .sleep-doctor-card__info span,
    .sleep-doctor-card__info dt {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.75px;
    }

    .sleep-doctor-card__info dd {
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }

    .sleep-doctor-card__info dd::before {
        top: 0.5em;
        transform: translateY(-50%);
        background: #a8a29e;
    }

    .sleep-specialist .sleep-black-btn {
        width: 220px;
        height: 50px;
        padding: 15px 0;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }

    .sleep-cases {
        min-height: 2733px;
        padding: 80px 0;
    }

    .sleep-cases .sleep-wrap {
        padding: 0 15px;
        gap: 40px;
    }

    .sleep-cases .sleep-section-head {
        gap: 12px;
    }

    .sleep-cases .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-cases .sleep-section-head .sleep-kicker span {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 1.5;
    }

    .sleep-cases .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-cases-title-default {
        display: none;
    }

    .sleep-cases-title-mobile {
        display: inline;
    }

    .sleep-stat-grid,
    .sleep-caution-grid {
        gap: 24px;
    }

    .sleep-stats {
        padding: 80px 0;
    }

    .sleep-stats .sleep-wrap {
        padding: 0 15px;
        gap: 40px;
    }

    .sleep-stats .sleep-section-head {
        gap: 20px;
    }

    .sleep-stats .sleep-section-head .sleep-kicker {
        color: var(--sleep-point2);
        font-size: 17px;
        line-height: 1.3;
        font-weight: 700;
        letter-spacing: -0.51px;
    }

    .sleep-stats .sleep-section-head h2 {
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.45px;
    }

    .sleep-stats .sleep-section-head p:not(.sleep-kicker) {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.45px;
    }

    .sleep-stats-desc-default {
        display: none;
    }

    .sleep-stats-desc-mobile {
        display: inline;
    }

    .sleep-stat-grid {
        gap: 20px;
    }

    .sleep-stat-grid article {
        min-width: 100%;
        height: 118px;
        gap: 5px;
        padding: 0;
    }

    .sleep-stat__check {
        left: 8px;
        top: -22px;
        width: 90px;
        height: 90px;
    }

    .sleep-stat-grid p {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.75px;
    }

    .sleep-stat-grid strong {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-stat-grid em {
        width: 25px;
        padding-bottom: 3px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: -1px;
    }

    .sleep-note {
        gap: 10px;
        padding-left: 20px;
        margin: 0;
        align-items: center;
        justify-content: flex-start;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.45px;
        text-align: left;
    }

    .sleep-note img {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        margin-top: 2.5px;
    }

    .sleep-case-list {
        gap: 40px;
    }

    .sleep-case-list__copy {
        height: auto;
        gap: 10px;
        padding: 40px 20px;
    }

    .sleep-case-list__copy em {
        font-size: 13px;
        letter-spacing: -0.39px;
    }

    .sleep-case-list__copy h3 {
        margin-top: 20px;
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.45px;
    }

    .sleep-case-list__copy p br {
        display: none;
    }

    .sleep-case-list article:nth-child(3) .sleep-case-list__copy p br {
        display: block;
    }

    .sleep-case-list__copy p {
        margin-top: 0;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.45px;
    }

    .sleep-target {
        gap: 30px;
    }

    .sleep-target strong {
        min-height: 22.5px;
        padding: 0 0 0 6px;
        border-left-width: 2px;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.75px;
    }

    .sleep-target ul {
        gap: 8px;
    }

    .sleep-target li {
        min-height: 37.2px;
        gap: 8px;
        padding: 9.6px 20px;
        border-width: 0.8px;
    }

    .sleep-target li img {
        width: 15.36px;
        height: 15.36px;
    }

    .sleep-target li span {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: -0.48px;
    }

    .sleep-chip-box li,
    .sleep-caution-card li,
    .sleep-review-box p,
    .sleep-review-note p {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.48px;
    }

    .sleep-case-media {
        height: 200px;
    }

    .sleep-target ul,
    .sleep-chip-box ul,
    .sleep-step-grid {
        grid-template-columns: 1fr;
    }

    .sleep-band {
        height: 393px;
        padding: 0 15px;
        background: none;
    }

    .sleep-band::before,
    .sleep-band::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    .sleep-band::before {
        background: url('../img/sleep/band-bg-mobile-cover.webp') center center / cover no-repeat;
    }

    .sleep-band::after {
        background: url('../img/sleep/band-bg-mobile-bottom.webp') center bottom / 100% 100% no-repeat;
    }

    .sleep-band > div {
        position: relative;
        z-index: 1;
        width: 345px;
        gap: 8px;
        padding: 0;
    }

    .sleep-band__icon {
        width: 40px;
        height: 41.493px;
    }

    .sleep-band h2 {
        font-size: 40px;
        line-height: 1.2;
        letter-spacing: -2px;
    }

    .sleep-band span {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.85px;
    }

    .sleep-video {
        padding: 80px 0;
    }

    .sleep-video .sleep-wrap {
        gap: 40px;
        padding: 0 15px;
    }

    .sleep-video__head {
        max-width: none;
        gap: 20px;
    }

    .sleep-video__kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-video__head h2 {
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.45px;
    }

    .sleep-video__desc {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.45px;
    }

    .sleep-video__desc-default {
        display: none;
    }

    .sleep-video__desc-mobile {
        display: inline;
    }

    .sleep-video__body {
        gap: 40px;
    }

    .sleep-video__btn {
        width: 220px;
        height: 46px;
        padding: 15px 0;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }

    .sleep-video__btn img {
        width: 14.4px;
        height: 14.4px;
    }

    .sleep-chip-box {
        padding: 16px 16px 12px;
        border-width: 0.8px;
        border-radius: 12.8px;
    }

    .sleep-treatments {
        padding: 80px 0;
    }

    .sleep-treatments .sleep-wrap {
        padding: 0 15px;
        gap: 60px;
    }

    .sleep-treatments .sleep-section-head {
        gap: 12px;
    }

    .sleep-treatments .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-treatments .sleep-section-head .sleep-kicker span {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 1.5;
    }

    .sleep-treatments .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-treatments .sleep-section-head p:not(.sleep-kicker) {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }

    .sleep-chip-box strong {
        gap: 8px;
        margin: 0 0 16px;
        font-size: 19.2px;
        line-height: 24px;
        letter-spacing: -0.576px;
    }

    .sleep-chip-box strong img {
        width: 18.432px;
        height: 18.432px;
    }

    .sleep-chip-box ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .sleep-chip-box li {
        height: 37.2px;
        min-height: 0;
        padding: 9px 10px;
        border-width: 0.8px;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: -0.48px;
    }

    .sleep-chip-box li:nth-child(1) { order: 1; }
    .sleep-chip-box li:nth-child(4) { order: 2; }
    .sleep-chip-box li:nth-child(7) { order: 3; }
    .sleep-chip-box li:nth-child(2) { order: 4; }
    .sleep-chip-box li:nth-child(5) { order: 5; }
    .sleep-chip-box li:nth-child(8) { order: 6; }
    .sleep-chip-box li:nth-child(3) { order: 7; }
    .sleep-chip-box li:nth-child(6) { order: 8; }
    .sleep-chip-box li:nth-child(9) {
        grid-column: 1 / -1;
        order: 9;
    }

    .sleep-step-grid h3 {
        min-height: 0;
    }

    .sleep-process {
        padding: 80px 0;
    }

    .sleep-process .sleep-wrap {
        padding: 0 15px;
        gap: 60px;
    }

    .sleep-process .sleep-section-head {
        gap: 12px;
    }

    .sleep-process .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-process .sleep-section-head .sleep-kicker span {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 1.5;
    }

    .sleep-process .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-process .sleep-section-head p:not(.sleep-kicker) {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }

    .sleep-process-desc-default {
        display: none;
    }

    .sleep-process-desc-mobile {
        display: inline;
    }

    .sleep-step-grid {
        gap: 8px;
    }

    .sleep-step-grid article {
        height: 304.8px;
        border-width: 0.8px;
        border-radius: 10px;
    }

    .sleep-step-media {
        width: calc(100% + 2px);
        max-width: none;
        height: 176px;
        margin: -1px -1px 0;
        aspect-ratio: auto;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
        background-color: lightgray;
    }

    .sleep-step-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }

    .sleep-step-media--1 {
        background: url('../img/sleep/process-1-mobile-figma.png') lightgray center center / 100% 100% no-repeat;
    }

    .sleep-step-media--2 {
        background: url('../img/sleep/process-2-mobile-figma.png') lightgray center center / 100% 100% no-repeat;
    }

    .sleep-step-media--3 {
        background: url('../img/sleep/process-3-mobile-figma.png') lightgray center center / 100% 100% no-repeat;
    }

    .sleep-step-media--4 {
        background: url('../img/sleep/process-4-mobile-figma.png') lightgray center center / 100% 100% no-repeat;
    }

    .sleep-step-media--5 {
        background: url('../img/sleep/process-5-mobile-figma.png') lightgray center center / 100% 100% no-repeat;
    }

    .sleep-step-media--6 {
        background: url('../img/sleep/process-6-mobile-figma.png') lightgray center center / 100% 100% no-repeat;
    }

    .sleep-step-media--1 img,
    .sleep-step-media--2 img,
    .sleep-step-media--3 img,
    .sleep-step-media--4 img,
    .sleep-step-media--5 img,
    .sleep-step-media--6 img {
        opacity: 0;
    }

    .sleep-step-grid span {
        min-height: 0;
        margin: 12.8px 12.8px 0;
        padding: 6.4px 12.8px;
        font-size: 10.4px;
        line-height: normal;
        letter-spacing: -0.312px;
    }

    .sleep-step-grid h3 {
        margin: 12px 20.8px 8px;
        font-size: 19.2px;
        line-height: normal;
        letter-spacing: -0.96px;
        white-space: nowrap;
    }

    .sleep-step-grid article:nth-child(4) h3 {
        font-size: 15.36px;
        letter-spacing: -0.768px;
    }

    .sleep-step-grid p {
        margin: 0 20.8px 16px;
        font-size: 13.6px;
        line-height: 1.3;
        letter-spacing: -0.68px;
    }

    .sleep-sedation {
        padding: 80px 0;
    }

    .sleep-sedation .sleep-wrap {
        padding: 0 15px;
        gap: 40px;
    }

    .sleep-sedation .sleep-section-head {
        gap: 12px;
    }

    .sleep-sedation .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-sedation .sleep-section-head .sleep-kicker span {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 1.5;
    }

    .sleep-sedation .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-sedation-desc {
        margin-top: -24px;
        margin-bottom: -40px;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }

    .sleep-sedation-desc-default {
        display: none;
    }

    .sleep-sedation-desc-mobile {
        display: inline;
    }

    .sleep-compare-table {
        display: none;
    }

    .sleep-compare-mobile {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }

    .sleep-compare-mobile__card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        height: 448.4px;
        overflow: hidden;
        padding: 16px;
        border: 0.8px solid #ddd;
        border-radius: 12px;
    }

    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) {
        height: 484.4px;
    }

    .sleep-compare-mobile__head {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        margin-bottom: 16px;
    }

    .sleep-compare-mobile__head span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100px;
        max-width: 128px;
        padding: 0 20px;
        color: var(--sleep-point);
        font-size: 20px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -1px;
        text-align: left;
    }

    .sleep-compare-mobile__head strong {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1 0 0;
        min-width: 0;
        padding: 0 8px;
        color: #57534e;
        font-size: 20px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: -1px;
        text-align: left;
    }

    .sleep-compare-mobile__card--point .sleep-compare-mobile__head strong {
        color: var(--sleep-point2);
    }

    .sleep-compare-mobile__media {
        position: relative;
        display: block;
        flex: 0 0 auto;
        width: 205px;
        height: 140px !important;
        min-height: 140px;
        margin: 0 0 16px 108px;
        overflow: hidden;
        border-radius: 6.4px;
    }

    .sleep-page .sleep-compare-mobile__media-base {
        position: absolute;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover;
        object-position: center bottom;
    }

    .sleep-compare-mobile__media-dim {
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: 6.4px;
        background: rgba(0, 0, 0, 0.2);
    }

    .sleep-page .sleep-compare-mobile__media-crop {
        position: absolute;
        z-index: 2;
        left: -42.17%;
        top: -146.76%;
        width: 184.17% !important;
        height: 276.23% !important;
        max-width: none !important;
        object-fit: fill;
    }

    .sleep-compare-mobile dl {
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr);
        column-gap: 8px;
        row-gap: 4px;
        margin: 0;
    }

    .sleep-compare-mobile dl div {
        display: contents;
    }

    .sleep-compare-mobile dt,
    .sleep-compare-mobile dd {
        display: flex;
        align-items: center;
        min-height: 37.2px;
        margin: 0;
        overflow: hidden;
        padding: 9px 10px;
        border: 0.8px solid rgba(204, 204, 204, 0.1);
        border-radius: 8px;
        font-size: 9.6px;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: -0.384px;
    }

    .sleep-compare-mobile dt {
        justify-content: flex-start;
        background: var(--sleep-point);
        color: #f5f5f4;
        text-align: left;
    }

    .sleep-compare-mobile dd {
        justify-content: flex-start;
        background: #f5f5f4;
        color: #57534e;
        text-align: left;
    }

    .sleep-compare-mobile__card--point dd {
        background: var(--sleep-chip);
        color: #1c1917;
    }

    .sleep-compare-mobile dl div:first-child dt,
    .sleep-compare-mobile__card--point dl div:first-child dd {
        font-size: 12px;
        letter-spacing: -0.48px;
    }

    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:first-child dd {
        font-size: 12px;
        letter-spacing: -0.48px;
    }

    .sleep-compare-mobile dt,
    .sleep-compare-mobile dd {
        font-size: 12px;
        letter-spacing: -0.48px;
    }

    .sleep-compare-mobile__card--point dl div:nth-child(3) dt {
        min-height: 55.2px;
    }

    .sleep-compare-mobile__card--point dl div:nth-child(4) dt,
    .sleep-compare-mobile__card--point dl div:nth-child(5) dt {
        min-height: 37.6px;
    }

    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:nth-child(2) dt,
    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:nth-child(4) dt,
    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:nth-child(5) dt,
    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:nth-child(2) dd,
    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:nth-child(4) dd,
    .sleep-compare-mobile__card:not(.sleep-compare-mobile__card--point) dl div:nth-child(5) dd {
        min-height: 55.2px;
    }

    .sleep-compare-table {
        display: none;
    }

    .sleep-compare-table__label {
        width: 100%;
    }

    .sleep-compare-table > img {
        height: 220px;
    }

    .sleep-caution {
        padding: 80px 0;
    }

    .sleep-caution .sleep-wrap {
        padding: 0 15px;
        gap: 60px;
    }

    .sleep-caution .sleep-section-head {
        gap: 9.6px;
    }

    .sleep-caution .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-caution .sleep-section-head .sleep-kicker span {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 1.5;
    }

    .sleep-caution .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-caution-grid {
        flex-direction: column;
        gap: 8px;
    }

    .sleep-caution-card {
        width: 100%;
        flex: none;
        gap: 8px;
    }

    .sleep-caution-card h3 {
        height: 34px;
        padding: 8px 16px;
        border-radius: 8px;
        font-size: 13.6px;
        line-height: 1.3;
        letter-spacing: -0.408px;
    }

    .sleep-caution-card__photo {
        height: 175.51px;
        border-radius: 10px;
    }

    .sleep-caution-card ul {
        gap: 4px;
    }

    .sleep-caution-card li {
        min-height: 37.2px;
        gap: 8px;
        padding: 9.6px 20px;
        border-width: 0.8px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: -0.48px;
    }

    .sleep-caution-card li img {
        width: 15.36px;
        height: 15.36px;
    }

    .sleep-caution-card--before li:nth-child(3) {
        min-height: 55.2px;
    }

    .sleep-caution-card--before {
        height: 416.31px;
    }

    .sleep-caution-card--after {
        height: 398.31px;
    }

    .sleep-review-list article {
        height: 518px;
        gap: 24px;
        overflow: hidden;
        padding: 48px 12px;
        border-top-width: 2.4px;
        border-radius: 12.8px;
        box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.03);
    }

    .sleep-reviews {
        padding: 80px 0;
        background: #fff;
    }

    .sleep-reviews .sleep-wrap {
        padding: 0 15px;
        gap: 60px;
    }

    .sleep-reviews .sleep-section-head {
        gap: 12px;
        min-height: 161px;
        width: 100%;
    }

    .sleep-reviews .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
    }

    .sleep-reviews .sleep-section-head .sleep-kicker span {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 1.5;
    }

    .sleep-reviews .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-reviews .sleep-section-head p:not(.sleep-kicker) {
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }

    .sleep-review-list {
        gap: 8px;
    }

    .sleep-review-list article > span {
        padding: 4px 15px;
        border-radius: 100px;
        font-size: 13px;
        line-height: normal;
        letter-spacing: -0.39px;
    }

    .sleep-review-list h3 {
        margin: 0;
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.45px;
    }

    .sleep-review-list article > p {
        margin: 0;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.6px;
    }

    .sleep-review-desc-default {
        display: none;
    }

    .sleep-review-desc-mobile {
        display: inline;
    }

    .sleep-review-box {
        width: 100%;
        margin: 0;
        padding: 20px;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
        border-width: 0.8px;
        border-radius: 10px;
    }

    .sleep-review-box > img {
        width: 80px;
        height: 80px;
    }

    .sleep-review-box > div {
        width: 181px;
        flex: 0 0 181px;
        min-height: 80px;
        padding: 5px 0 0;
        gap: 5px;
        border-top: 0;
        border-left: 0;
    }

    .sleep-review-box strong {
        gap: 4px;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.75px;
    }

    .sleep-review-box strong i {
        width: 1.6px;
        height: 15.2px;
    }

    .sleep-review-box p {
        font-weight: 400;
        font-size: 13px;
        line-height: normal;
        letter-spacing: -0.39px;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .sleep-review-note {
        gap: 12px;
    }

    .sleep-review-note p {
        min-height: 0;
        gap: 8px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: -0.36px;
    }

    .sleep-review-note img {
        width: 11.2px;
        height: 15.2px;
    }

    .sleep-reviews .sleep-black-btn {
        width: 216.4px;
        height: 46px;
        padding: 15px 20px;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
        white-space: nowrap;
    }

    .sleep-reviews .sleep-black-btn img {
        width: 14.4px;
        height: 14.4px;
    }

    .sleep-qna {
        padding: 80px 0 160px;
    }

    .sleep-qna .sleep-wrap {
        padding: 0 15px;
        gap: 30px;
    }

    .sleep-qna .sleep-section-head {
        gap: 12px;
        width: 248px;
    }

    .sleep-qna .sleep-section-head .sleep-kicker {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -0.51px;
        white-space: nowrap;
    }

    .sleep-qna .sleep-section-head h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.84px;
    }

    .sleep-qna-list {
        gap: 20px;
    }

    .sleep-qna-list article:nth-child(1) {
        height: 127px;
    }

    .sleep-qna-list article:nth-child(2),
    .sleep-qna-list article:nth-child(3) {
        height: 143px;
    }

    .sleep-qna-list article:nth-child(4) {
        height: 159px;
    }

    .sleep-qna-list h3 {
        min-height: 55px;
        align-items: center;
        padding: 12px 20px;
        gap: 10px;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: -0.75px;
    }

    .sleep-qna-list h3 span {
        width: auto;
    }

    .sleep-qna-list p {
        min-height: 72px;
        padding: 20px;
        gap: 10px;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }

    .sleep-qna-list article:nth-child(2) p,
    .sleep-qna-list article:nth-child(3) p {
        min-height: 88px;
    }

    .sleep-qna-list article:nth-child(4) p {
        min-height: 104px;
    }

    .sleep-qna-list p img {
        width: 16px;
        height: 16.24px;
    }

    .sleep-qna .sleep-black-btn {
        width: 224.4px;
        height: 46px;
        padding: 15px 20px;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
        white-space: nowrap;
    }

    body:has(.sleep-page) .imp-footer {
        padding: 50px 15px;
    }

    body:has(.sleep-page) .imp-footer__container {
        gap: 20px;
    }

    body:has(.sleep-page) .imp-footer__logo {
        height: 30.07px;
    }

    body:has(.sleep-page) .imp-footer__company {
        gap: 10px;
        min-height: 120px;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }

    body:has(.sleep-page) .imp-footer__company p,
    body:has(.sleep-page) .imp-footer__manager,
    body:has(.sleep-page) .imp-footer__copy {
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }

    body:has(.sleep-page) .imp-footer__copy {
        line-height: 16px;
    }

    body:has(.sleep-page) .imp-footer__cols,
    body:has(.sleep-page) .imp-footer__btns {
        gap: 10px;
    }

    body:has(.sleep-page) .imp-footer__btns a {
        width: 220px;
        height: 46px;
        padding: 15px 20px;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.39px;
    }
}