@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Pretendard/woff2/PretendardVariable.woff2') format('woff2-variations')
}

@font-face {
    font-family: "NotoSansSC";
    src: url("/fonts/NotoSansSC/NotoSansSC-Regular.ttf") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansSC";
    src: url("/fonts/NotoSansSC/NotoSansSC-Regular.ttf") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansSC";
    src: url("/fonts/NotoSansSC/NotoSansSC-Medium.ttf") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansSC';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/NotoSansSC/NotoSansSC-SemiBold.ttf') format('woff2-variations')
}

@font-face {
    font-family: 'NotoSansSC';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/NotoSansSC/NotoSansSC-Bold.ttf') format('woff2-variations')
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 800;
    font-display: swap;
    font-style: normal;
    src: local('EBGaramond ExtraBold'), url(../fonts/EBGaramond/EBGaramond-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 800;
    font-display: swap;
    font-style: Italic;
    src: local('EBGaramond ExtraBold'), url(../fonts/EBGaramond/EBGaramond-ExtraBoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    src: local('EBGaramond Bold'), url(../fonts/EBGaramond/EBGaramond-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 700;
    font-display: swap;
    font-style: Italic;
    src: local('EBGaramond Bold'), url(../fonts/EBGaramond/EBGaramond-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 600;
    font-display: swap;
    font-style: normal;
    src: local('EBGaramond SemiBold'), url(../fonts/EBGaramond/EBGaramond-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 600;
    font-display: swap;
    font-style: Italic;
    src: local('EBGaramond SemiBold'), url(../fonts/EBGaramond/EBGaramond-SemiBoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 500;
    font-display: swap;
    font-style: normal;
    src: local('EBGaramond Medium'), url(../fonts/EBGaramond/EBGaramond-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 500;
    font-display: swap;
    font-style: Italic;
    src: local('EBGaramond Medium'), url(../fonts/EBGaramond/EBGaramond-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    src: local('EBGaramond Regular'), url(../fonts/EBGaramond/EBGaramond-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 400;
    font-display: swap;
    font-style: Italic;
    src: local('EBGaramond Regular'), url(../fonts/EBGaramond/EBGaramond-RegularItalic.ttf) format('truetype');
}

/* 공통 */
:root {
    --font-pretendard: "NotoSansSC", sans-serif !important;
}

*::-webkit-scrollbar {
    display: none;
}


html,
body {
    max-width: 100%;
    overflow-x: hidden !important;
}

html body * {
    max-width: 100%;
    box-sizing: border-box;
}

html body {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

html body p,
html body span,
html body div,
html body li,
html body td,
html h1,
h2,
h3,
h4,
h5 {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

/* img, svg {
    max-width: 100%;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
} */

html body * {
    min-width: 0 !important;
}


.button_button__Amvjn,
.button_button__Amvjn span {
    font-family: "NotoSansSC", sans-serif !important;
    font-weight: 400 !important;
}



.hydrafacial_principle_step_con__QISsV p,
.sofwave_principle_step_con__QOKnd p,
.emface_target_title__xCO1t,
.treatmentDetail_target__sub__title__arCwj,
.sofwave_target_title__gZYaM,
.treatmentDetail_program__description__SVO4F P,
.treatmentDetail_program__sub__title__T48Dw,
.potenza_target_title__yAgtk,
.location_button__DHDfM,
.hydrafacial_lineup_title__GmOHf,
.treatmentDetail_special__sub__title__Iw9RX,
.promotionList_header__QBALW .promotionList_title__Lvzk1,
.treatmentDetail_principle__title__xSJAc,
.potenza_lineup_title__lmC5c,
.experienceDetail_header__n4WFa .title,
.brandstory_header__Iqsbz .title {
    font-family: "NotoSansSC";
}

.treatmentDetail_visual__title__vw6Kv,
.treatmentDetail_visual__subtitle__eY9_U {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
}

.treatmentDetail_principle__title__xSJAc {
    width: 50% !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
}

.location_description__gGDgm,
.doctors_item__mYV23,
.experienceDetail_description__229QX,
.story_description__qM4WB,
.terms_description__B_cML,
.location_description__gGDgm,
.vision_description__5ghbp {
    font-weight: 200 !important;
    color: #555 !important;
}



.vision_title__Z2Y4_ {
    font-weight: 700;
}



/* 스케줄 */

.calendar_footer {
    padding: 0 40px;
}

.calendar_footer .weekday-label {
    font-family: "NanumSquareNeo", sans-serif;
    font-style: normal;
    letter-spacing: 0;
    text-align: right;
    margin-right: 15px;
    font-size: 15px;
    color: #938E8B;
    font-weight: 600;
}

.menu_list__M6Z78.is-hover {
  opacity: 1;
  pointer-events: auto;
}

.menu_third_list.is-hover {
  opacity: 1;
}

@media screen and (max-width: 1200px) {
    .action-btn {
        flex: 0 0 190px;
    }
}

@media (max-width: 700px) {
    .calendar_footer .weekday-label {
        margin: 0;
    }

    .calendar-action-buttons .action-btn {
        max-width: 780px;
    }
}
@media screen and (max-width: 600px) {

    .calendar {
    padding: 40px 40px 100px 40px
    }
}
@media screen and (max-width: 500px) {

    .calendar_footer {
        width: 100%;
    }
}


body .treatmentDetail_special__type__description__aGE9f b {
    font-family: "Pretendard Variable", sans-serif !important;
    font-weight: 900 !important;
}

.location_item___HF1x {
    width: 100%;
    display: grid;
    grid-template-columns: 35% 65%;
    place-items: flex-start;
    grid-gap: 14px;
    gap: 14px
}

.treatmentDetail_intro__title__PS4xT {
    word-break: keep-all !important;  
    overflow-wrap: normal !important; 
    white-space: normal !important; 
}


.location_section__BYrG9 .container {
    overflow: visible !important;
}

.location_visual__LWlVu {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.hydrafacial_point_list__Ylqg8 li h4,
.treatmentDetail_point__list__9n_fe li h4 {
    white-space: nowrap !important;
    word-break: keep-all !important;
}


.sofwave_special_pictogram_list__LTPP0 {
    gap: 90px;
}

.sofwave_special_pictogram_list__LTPP0 li {
    width: 18%;
}

.emface_process_step_list_pc___MUVb li p,
.potenza_with_list__KAWU2,
.treatmentDetail_process__title__AFsk1 {
    text-align: center;
}

.treatmentDetail_point__list__9n_fe li {
    gap: 9%;
}

.potenza_target_list__ay_5o {
    gap: 20px;
}

.potenza_target_list__ay_5o li {
    width: 25%;
}

.treatmentDetail_target__pictogram__list__292O_ li {
    width: 19%;
}
/* novastem */
.table_con p:nth-child(2) span:nth-child(1) {
    display: inline-block;
    padding: 20px 32px;
    text-align: center;
}

@media screen and (max-width: 970px) {
    #collagen_li li {
        gap: 30px;
    }

    #hydrafacial_li li {
        gap: 50px;
    }

}

@media screen and (max-width: 800px) {
    /* 시술-title */
    .treatmentDetail_intro__title__PS4xT {
        font-family: var(--font-eb-garamond);
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        color: var(--font-sepia);
        padding: 30px 0 5px;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }
}

@media screen and (max-width: 790px) {
    .treatmentDetail_point__list__9n_fe li {
        gap: 30px;
    }

    .treatmentDetail_point__list__9n_fe li:nth-child(3) {
        gap: 28px;
    }

    #kysse_li li:nth-child(2) {
        gap: 40px;
    }

    #hydrafacial_li li:nth-child(2) {
        gap: 40px;
    }

    .treatmentDetail_visual__title__vw6Kv{
        line-height: 40px;
    }
}

@media screen and (max-width: 750px) {
    /* footer */
    .footer_contents__JquaO {
        grid-template-columns: 1fr !important;
        grid-auto-rows: max-content !important;
        gap: var(--contents-gap-3) !important;
    }
}

@media screen and (max-width: 700px) {
    .sofwave_special_pictogram_list__LTPP0 {
        gap: 0;
    }

    .sofwave_special_pictogram_list__LTPP0 li {
        width: 38%;
    }

    .treatmentDetail_point__list__9n_fe li:nth-child(3) {
        gap: 23px;
    }

    #collagen_li li {
        gap: 50px;
    }

    #collagen_li li {
        gap: 50px;
    }

    #hydrafacial_li li {
        gap: 50px;
    }

    #hydrafacial_li li:nth-child(2) {
        gap: 42px;
    }

    .potenza_target_list__ay_5o {
        width: 100%;
        gap: 0;
        flex-wrap: wrap;
        gap: 2%;
    }

    .potenza_target_list__ay_5o li {
        width: 48%;
    }

    .treatmentDetail_target__pictogram__list__292O_ {
        width: 100%;
        gap: 0;
        flex-wrap: wrap;
        gap: 2%;
    }

    .treatmentDetail_target__pictogram__list__292O_ li {
        width: 49%;
                margin-bottom: 28px;
}
}

@media screen and (max-width: 600px) {
    .treatmentDetail_point__list__9n_fe li {
        padding: 16px;
        gap: 16px;
    }

    #kysse_li li {
        padding: 16px;
        gap: 36px;
    }

    li.treatmentDetail_kysse__item__8nOPN {
        width: 100%;
        min-width: 340px;
    }
}

@media screen and (max-width: 500px) {

    .location_section__sD18A .container {
        height: 718px !important;
        overflow: hidden !important;
    }

    .location_contents__2Dc1S,
    .location_visual__LWlVu {
        height: 550px !important;
        overflow: hidden !important;
    }

    .brandstory_contents__w6P2o img {
        min-width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}


@media screen and (max-width: 450px) {
    .treatmentDetail_point__list__9n_fe li {
        gap: 26px;
    }

    #hydrafacial_li li:nth-child(2) {
        gap: 30px;
    }
}

@media screen and (max-width: 380px) {
    .treatmentDetail_point__list__9n_fe li {
        gap: 36px;
    }
}


/* header + nav 가려짐 방지 */
    .treatmentDetail_main__TmA33 section {
        scroll-margin-top: var(--header-height, 0px);
    }

    .menuItem_title__VpPXm,
.menuItem_subtitle__EbVhN {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}