/* @charset "utf-8"; */
/* 레이아웃, 공통 */
.layout {
    width: 90%;
    max-width: 1700px;
    margin: 0 auto;
}
.layout-small {
    width: 90%;
    max-width: 1570px;
    margin: 0 auto;
}
.main-wrap {
    margin-bottom: var(--space-230);
    position: relative;
}
.sub-wrap {
    padding: var(--space-110) 0 var(--space-150)
}
.section-wrap:not(:last-of-type) {
    margin-bottom: var(--space-130);
}
.titlearea {
    margin-bottom: var(--space-40);
}
.sub-titlearea {
    margin-bottom: var(--space-60);
    text-align: center;
    text-transform: uppercase;
}
.section-titlearea {
    margin-bottom: var(--space-30);
}
.section-textarea {
    text-align: center;
}
.title-line::after {
    width: 30px;
    height: 1px;
    background-color: var(--color-primary);
    content: "";
    display: block;
    margin: var(--space-30) auto 0
}
.mtitle {
    font-size: var(--font-35);
    font-family: var(--fm-op);
    text-align: center;
    text-transform: uppercase;
    color: var(--color-black);
}
.sub-title {
    font-size: var(--font-40);
    color: var(--color-black);
    font-family: var(--fm-op);
}
.section-title40 {
    font-size: var(--font-40);
    color: var(--color-black);
    font-weight: var(--fw-bold);
    text-align: center;
    text-transform: uppercase;
}
.section-title30 {
    font-size: var(--font-30);
    color: var(--color-black);
    font-weight: var(--fw-bold);
    text-align: center;
    text-transform: uppercase;
}
.text-point {
    font-size: var(--font-25);
    font-weight: var(--fw-semibold);
    color: var(--color-deep);
}
.text-title20 {
    font-size: var(--font-20);
    font-weight: var(--fw-bold);
    color: var(--color-deep);
}
.text-basic {
    font-size: var(--font-18);
    color: var(--color-text);
    line-height: 1.2;
}
.mb30 {
    margin-bottom: var(--space-30);
}
.mb40 {
    margin-bottom: var(--space-40);
}
.mb50 {
    margin-bottom: var(--space-50);
}
.mb60 {
    margin-bottom: var(--space-60);
}
.mb70 {
    margin-bottom: var(--space-70);
}
.mb110 {
    margin-bottom: var(--space-110);
}
.mb120 {
    margin-bottom: var(--space-120);
}
.mb130 {
    margin-bottom: var(--space-130);
}
.mb180 {
    margin-bottom: var(--space-180);
}
.bg-wrap {
    padding: var(--space-130) 0 var(--space-150);
    background-color: var(--color-brown-ece);
}
.content {
    position: relative;
}
.btn-main {
    color: var(--color-white);
    padding: var(--space-11) var(--space-15);
    font-size: var(--font-13);
    background-color: var(--color-brown-857);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    white-space: nowrap;
}
.btn-main:hover {
    background-color: var(--color-primary);
    transform: translateY(-2px);
}
    /* 공통 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .layout {
            width: 100%;
            padding: 0 var(--space-40)
        }
        .layout-small {
            width: 100%;
            padding: 0 var(--space-30)
        }
        .sub-wrap,
        .bg-wrap {
            padding: var(--space-100) 0 var(--space-120)
        }
        .mb50 {
            margin-bottom: var(--space-30);
        }
        .mb60 {
            margin-bottom: var(--space-40);
        }
        .mb70 {
            margin-bottom: var(--space-50);
        }
        .mb110,
        .mb120 {
            margin-bottom: var(--space-90);
        }
        .mb130 {
            margin-bottom: var(--space-100);
        }
        .mb180 {
            margin-bottom: var(--space-130);
        }
        .titlearea {
            margin-bottom: var(--space-30);
        }
        .mtitle {
            font-size: var(--font-30);
        }
        .section-title40 {
            font-size: var(--font-35);
        }
    }
    @media all and (max-width: 1000px) {
        .layout {
            padding: 0 var(--space-30)
        }
        .layout-small {
            width: 100%;
            padding: 0 var(--space-20)
        }
        .section-wrap:not(:last-of-type) {
            margin-bottom: var(--space-110);
        }
        .sub-wrap,
        .bg-wrap {
            padding: var(--space-90) 0 var(--space-100)
        }
        .mb30 {
            margin-bottom: var(--space-25);
        }
        .mb40 {
            margin-bottom: var(--space-30);
        }
        .mb60 {
            margin-bottom: var(--space-35);
        }
        .mb70 {
            margin-bottom: var(--space-50);
        }
        .mb110,
        .mb120 {
            margin-bottom: var(--space-80);
        }
        .mb130 {
            margin-bottom: var(--space-90);
        }
        .mb180 {
            margin-bottom: var(--space-100);
        }
        .titlearea {
            margin-bottom: var(--space-25);
        }
        .sub-titlearea {
            margin-bottom: var(--space-50);
        }
        .title-line::after {
            margin: var(--space-25) auto 0;
        }
        .section-titlearea {
            margin-bottom: var(--space-25);
        }
        .mtitle {
            font-size: var(--font-28);
        }
        .section-title40 {
            font-size: var(--font-30);
        }
        .sub-title {
            font-size: var(--font-28);
        }
        .section-title30 {
            font-size: var(--font-25);
        }
        .text-point {
            font-size: var(--font-22);
        }
        .text-title20 {
            font-size: var(--font-18);
        }
        .text-basic {
            font-size: var(--font-17);
        }
        .btn-main {
            padding: var(--space-8) var(--space-10);
        }
    }
    @media all and (max-width: 640px) {
        .layout {
            padding: 0 var(--space-20)
        }
        .layout-small {
            width: 100%;
            padding: 0 var(--space-15)
        }
        .section-wrap:not(:last-of-type) {
            margin-bottom: var(--space-90);
        }
        .sub-wrap,
        .bg-wrap {
            padding: var(--space-60) 0 var(--space-70)
        }
        .mb40 {
            margin-bottom: var(--space-25);
        }
        .mb50 {
            margin-bottom: var(--space-25);
        }
        .mb60 {
            margin-bottom: var(--space-30);
        }
        .mb70 {
            margin-bottom: var(--space-40);
        }
        .mb110,
        .mb120 {
            margin-bottom: var(--space-60);
        }
        .mb130 {
            margin-bottom: var(--space-60);
        }
        .mb180 {
            margin-bottom: var(--space-70);
        }
        .titlearea {
            margin-bottom: var(--space-20);
        }
        .sub-titlearea {
            margin-bottom: var(--space-40);
        }
        .section-titlearea,
        .mb30 {
            margin-bottom: var(--space-15);
        }
        .title-line::after {
            width: 20px;
            margin: var(--space-15) auto 0;
        }
        .mtitle {
            font-size: var(--font-23);
        }
        .sub-title {
            font-size: var(--font-25);
        }
        .section-title40 {
            font-size: var(--font-25);
        }
        .section-title30 {
            font-size: var(--font-23);
        }
        .text-title20 {
            font-size: var(--font-18);
        }
        .text-point {
            font-size: var(--font-20);
        }
        .btn-main {
            padding: var(--space-8) var(--space-10);
            font-size: var(--font-12);
        }
    }


/* 서브 상단 */
aside {
    position: relative;
    height: 370px;
    margin: var(--space-80) auto 0 auto;
}
aside .layout {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
aside .aside-titlearea {
    text-align: center;
}
aside .aside-title-sub {
    display: inline-block;
    color: var(--color-brown-f1d);
    font-size: var(--font-18);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-brown-f1d);
    position: relative;
    margin-bottom: var(--space-25);
    text-transform: uppercase;
}
aside .aside-title {
    color: var(--color-white);
    font-size: var(--font-57);
    font-family: var(--fm-op);
    text-transform: uppercase;
}
aside .aside-txt {
    margin-top: var(--space-10);
    color: var(--color-white);
    font-size: var(--font-18);
    font-weight: var(--fw-light);
}
.about aside {
    background: center / cover url("/public/images/about.jpg") no-repeat;
}
.facial aside {
    background: center / cover url("/public/images/facial.jpg") no-repeat;
}
.hifu aside {
    background: center / cover url("/public/images/hifu.jpg") no-repeat;
}
.rflaser aside {
    background: center / cover url("/public/images/rf.jpg") no-repeat;
}
.injection aside {
    background: center / cover url("/public/images/injection.jpg") no-repeat;
}
.skinbooter aside {
    background: center / cover url("/public/images/skinbooster.jpg") no-repeat;
}
.pigmentation-acne aside {
    background: center / cover url("/public/images/acne.jpg") no-repeat;
}
.pricelist aside {
    background: center / cover url("/public/images/pricelist.jpg") no-repeat;
}
.appointment aside {
    background: center / cover url("/public/images/appointment.jpg") no-repeat;
}
    /* 서브상단 미디어쿼리*/
    @media all and (max-width: 1200px) {
        aside {
            height: 330px;
        }
        aside .aside-title {
            font-size: var(--font-50);
        }
    }
    @media all and (max-width: 1000px) {
        aside {
            height: 250px;
            margin-top: var(--space-60);
        }
        aside .aside-title {
            font-size: var(--font-40);
        }
        aside .aside-txt {
            font-size: var(--font-16);
        }
    }
    @media all and (max-width: 640px) {
        aside {
            height: 200px;
            margin-top: var(--space-50);
        }
        aside .aside-title {
            font-size: var(--font-30);
        }
        aside .aside-title-sub {
            font-size: var(--font-15);
            margin-bottom: var(--space-15);
        }
        aside .aside-txt {
            font-size: var(--font-15);
        }
    }

/* 메인 공통 */
.main-wrap .swiper-control {
    margin-top: var(--space-30);
}
.main-wrap .btnarea {
    position: absolute;
    bottom: -15px;
    right: 0;
}
.main-about.main-wrap .btnarea,
.main-instagram.main-wrap .btnarea {
    position: relative;
    bottom: unset;
    right: unset;
}
.main-instagram.main-wrap .btnarea {
    margin-top: var(--space-15);
}
.main-wrap .flexbox {
    display: flex;
}
.main-wrap .flexleft,
.main-wrap .flexright {
    width: 50%;
    position: relative;
}
.main-wrap .flexright {
    padding: var(--space-90) var(--space-80)
}
    /* 메인 공통 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .main-wrap {
            margin-bottom: var(--space-180);
        }
        .main-wrap .flexright {
            padding: var(--space-30) var(--space-30) var(--space-40)
        }
    }
    @media all and (max-width: 1000px) {
        .main-wrap {
            margin-bottom: var(--space-140);
        }
        .main-wrap .flexright {
            padding: var(--space-30) var(--space-30) var(--space-40)
        }
    }
    @media all and (max-width: 640px) {
        .main-wrap {
            margin-bottom: var(--space-100);
        }
        .main-wrap .swiper-control {
            margin-top: var(--space-20);
        }
        .main-wrap .flexbox {
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }
        .main-wrap .flexleft,
        .main-wrap .flexright {
            width: 100%;
        }
        .main-wrap .flexleft {
            height: 200px;
        }
        .main-wrap .flexright {
            padding: var(--space-30) var(--space-25) var(--space-20)
        }
        .main-wrap .btnarea {
            position: relative;
            bottom: unset;
            right: unset;
            text-align: center;
            margin-top: var(--space-30)
        }
        .main-instagram.main-wrap .btnarea {
            bottom: unset;
        }
    }

/* 메인 비주얼 */
.main-visual {
    width: 100%;
    height: 100vh;
    position: relative;
}
.main-visual .swiper {
    height: 100vh;
}
.main-visual .main-text {
    width: 100%;
    padding: 0 5%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    text-align: center;
    margin-top: var(--space-40)
}
.main-visual .main-text img {
    width: 70%;
    max-width: 1077px;
}
    /* 메인 비주얼 미디어쿼리*/
    @media (orientation: landscape) {
        .main-visual,
        .main-visual .swiper {
            height: 100vh;
        }
    }
    @media (orientation: portrait) {
        .main-visual,
        .main-visual .swiper {
            height: 70vh;
        }
    }
    @media all and (max-width: 1000px) {
        .main-visual .main-text img {
            width: 80%;
        }
        .main-visual .main-text {
            margin-top: var(--space-20)
        }
    }

/* 메인 About */
.main-about {
    padding-top: var(--space-170);
    background: top center / cover url("/public/images/main-about.jpg") no-repeat;
    text-align: center;
}
.main-about .logoarea {
    text-align: center;
}
.main-about .logoarea img {
    width: 240px;
}
.main-about .textarea {
    margin: var(--space-60) 0;
}
.main-about .text-point {
    margin-bottom: var(--space-40)
}
.main-about .textarea .text-basic,
.text-ih {
    line-height: 1.5;
}
.main-about .btn-main {
    padding: var(--space-14) var(--space-22);
    font-size: var(--font-16);
}
    /* 메인 About 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .main-about {
            padding-top: var(--space-100);
        }
        .main-about .textarea {
            margin: var(--space-50) 0 var(--space-40);

        }
        .main-about .logoarea img {
            width: 180px;
        }
    }
    @media all and (max-width: 1000px) {
        .main-about .logoarea img {
            width: 150px;
        }
        .main-about .textarea .text-basic {
            white-space: normal;
        }
        .main-about .textarea {
            margin: var(--space-30) 0 var(--space-40);
        }
        .main-about .text-point {
            margin-bottom: var(--space-30)
        }
        .main-about .btn-main {
            padding: var(--space-12) var(--space-18);
            font-size: var(--font-15);
        }
    }
    @media all and (max-width: 640px) {
        .main-about {
            padding-top: var(--space-60);
        }
        .main-about .logoarea img {
            width: 120px;
        }
        .main-about .text-point {
            margin-bottom: var(--space-20)
        }
        .main-about .textarea {
            margin: var(--space-40) 0;
        }
        .main-about .btn-main {
            padding: var(--space-12) var(--space-18);
            font-size: var(--font-14);
        }
        .main-about .textarea .text-basic,
        .text-ih {
            line-height: 1.3;
        }
    }

/* 메인 Treatment */
.main-treatment .swiper-slide {
    background-color: var(--color-brown-f1e);
    transition: var(--transition);
}
.main-treatment .swiper-slide:hover {
    background-color: var(--bg-grid);
}
.main-treatment .swiper-slide .textarea {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: var(--space-30);
    font-weight: var(--fw-semibold);
    color: var(--color-deep);
    text-transform: uppercase;
    transition: var(--transition);
}
.main-treatment .swiper-slide a:hover .textarea {
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}
#ulthera-treatment,
#thermage-treatment,
#picosure-treatment,
#tuneface-treatment,
#oligio-treatment,
#potenza-treatment,
#liftera-treatment {
    scroll-margin-top: 160px;
}
    /* 메인 About 미디어쿼리*/
    @media all and (max-width: 1000px) {
        .main-treatment .swiper-slide .textarea {
            bottom: var(--space-20);
            font-size: var(--font-16);
        }     
    }
    @media all and (max-width: 640px) {
        .main-treatment .swiper-slide .textarea {
            bottom: var(--space-15);
        }
        #ulthera-treatment,
        #thermage-treatment,
        #picosure-treatment,
        #tuneface-treatment,
        #oligio-treatment,
        #potenza-treatment,
        #liftera-treatment {
            scroll-margin-top: 100px;
        }
    }

/* 메인 Philosophy */
.main-philosophy .flexright {
    background: center / cover url("/public/images/main-philosophy-bg.jpg") no-repeat;
}
.main-philosophy .flexright .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main-philosophy .text-point {
    text-transform: uppercase;
}
.main-philosophy .number {
    font-size: var(--space-165);
    font-weight: var(--fw-bold);
    color: var(--color-brown-563);
    opacity: 0.07;
}
.main-philosophy .btnarea .layout {
    display: flex;
}
.main-philosophy .btnarea,
.main-instagram .btnarea {
    width: 100%;
}
.main-philosophy .btnarea .layout,
.main-instagram .btnarea .layout {
    display: flex;
    justify-content: flex-end;
}
.main-instagram .btnarea .layout {
    justify-content: center;
}
.main-instagram.main-wrap .swiper-control {
    display: none;
}
    /* 메인 Philosophy 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .main-philosophy .text-basic {
            white-space: normal;
        }
        .main-philosophy .number {
            font-size: var(--space-80);
            font-weight: var(--fw-black);
        }
        .main-philosophy .text-point {
            font-size: var(--font-18);
        }
    }
    @media all and (max-width: 1000px) {
        .main-philosophy .number {
            font-size: var(--space-50);
            font-weight: var(--fw-black);
        }
        .main-philosophy .text-point {
            font-size: var(--font-18);
        }
    }
    @media all and (max-width: 640px) {
        .main-philosophy .swiper {
            height: 485px;
        }
        .main-philosophy .flexright {
            height: 285px;
        }
        .main-philosophy .number {
            font-size: var(--space-50);
            font-weight: var(--fw-black);
        }
        .main-philosophy .text-point {
            font-size: var(--font-18);
        }
        .main-philosophy .btnarea .layout,
        .main-instagram .btnarea .layout {
            display: flex;
            justify-content: center;
        }
    }


/* 메인 Instagram */
.main-instagram .inner {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding-left: 5.5%;
    overflow: hidden;
}
.main-instagram .swiper-slide {
    width: 18%;
}
    /* 메인 Instagram 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .main-instagram .inner {
            padding-left: var(--space-40);
        }
        .main-instagram .swiper-slide {
            width: 24%;
        }
    }
    @media all and (max-width: 1000px) {
        .main-instagram .inner {
            padding-left: var(--space-30);
        }
        .main-instagram .swiper-slide {
            width: 28%;
        }
    }
    @media all and (max-width: 640px) {
        .main-instagram .inner {
            padding-left: var(--space-20);
        }
        .main-instagram .swiper-slide {
            width: 30%;
        }
    }

/* 메인 Directions */
.main-directions .flexbox {
    height: 500px;
}
.main-directions .flexright {
    background-color: var(--color-brown-f1e);
    padding-top: 0;
    padding-bottom: 0
    /* padding-top: var(--space-50);
    padding-bottom: var(--space-40) */
}
.main-directions .flexright .logoarea {
    display: flex;
    align-items: flex-end;
    margin-bottom: var(--space-30)
}
.main-directions .flexright .logoarea img {
    width: 50px;
}
.main-directions .flexright .logoarea strong {
    font-size: var(--font-35);
    font-family: var(--fm-op);
    color: var(--color-black);
    padding-left: var(--space-10);
    margin-bottom: -8px;
}
.main-directions .map {
    height: 100%;
}
.main-directions .textarea {
    margin-top: var(--space-20);
}
.main-directions .directions-wrap {
    display: flex;
    justify-content: space-between;
}
.main-directions .directions-wrap .flexitem {
    width: 50%;
}
.main-directions .directions-wrap strong {
    display: block;
    font-weight: var(--fw-bold);
    color: var(--color-deep);
    margin-bottom: var(--space-20);
}
.main-directions .directions-wrap pre,
.main-directions .directions-wrap dt,
.main-directions .directions-wrap dd {
    line-height: 1.5;
    color: var(--color-deep);
}
.main-directions .directions-wrap dt {
    width: 120px;
    float: left;
}
.main-directions .directions-wrap dd::after {
    content: "";
    clear: both;
}
.main-directions .directions-wrap dd {
    margin-bottom: var(--space-3);
}
.main-directions .inner {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.main-directions .btnarea {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    margin-top: var(--space-30);
}
    /* 메인 Directions 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .main-directions .flexbox {
            height: 460px;
        }
        .main-directions .flexleft {
            width: 40%;
        }
        .main-directions .flexright {
            width: 60%;
        }
        .main-directions .flexright .logoarea {
            margin-bottom: var(--space-20);
        }
        .main-directions .flexright .logoarea img {
            width: 45px;
        }
        .main-directions .flexright .logoarea strong {
            font-size: var(--font-32);
            margin-bottom: -7px;
            padding-left: var(--space-10);
        }
        .main-directions .directions-wrap pre {
            white-space: normal;
        }
        .main-directions .directions-wrap strong {
            margin-bottom: var(--space-10);
        }
        .main-directions .directions-wrap dt {
            width: 90px;
        }
        .main-directions .directions-wrap pre,
        .main-directions .directions-wrap dt,
        .main-directions .directions-wrap dd {
            line-height: 1.3;
        }
        .main-directions .btnarea {
            margin-top: var(--space-30);
        }
    }
    @media all and (max-width: 1000px) {
        .main-directions .flexbox {
            height: auto;
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }
        .main-directions .flexleft,
        .main-directions .flexright {
            width: 100%;
        }
        .main-directions .flexleft {
            height: 200px;
        }
        .main-directions .flexright .logoarea strong {
            font-size: var(--font-23);
            padding-left: var(--space-7);
            margin-bottom: -5px;
        }
        .main-directions .flexright .logoarea {
            margin-bottom: var(--space-20);
        }
        .main-directions .flexright .logoarea img {
            width: 35px;
        }
        .main-directions .flexright {
            padding-top: var(--space-50);
            padding-bottom: var(--space-30);
        }
        .main-directions .directions-wrap pre {
            white-space: pre-line;
            font-size: var(--font-16);
        }
    }
    @media all and (max-width: 640px) {
        .main-directions .flexright {
            padding-top: var(--space-30)
        }
        .main-directions .flexright .titlearea {
            margin-bottom: var(--space-40);
            padding-top: var(--space-10);
        }
        .main-directions .titlearea .text-basic {
            white-space: normal;
        }
        .main-directions .map iframe {
            height: 100%;
        }
        .main-directions .directions-wrap .flexitem {
            width: 100%;
        }
        .main-directions .directions-wrap .flexitem:first-of-type {
            margin-bottom: var(--space-20);
        }
        .main-directions .directions-wrap {
            flex-direction: column;
        }
        .main-directions .directions-wrap .flexitem {
            width: 100%;
        }
        .main-directions .directions-wrap .flexitem:first-of-type {
            margin-bottom: var(--space-30);
        }
        .main-directions .flexright .logoarea strong {
            font-size: var(--font-23);
            padding-left: var(--space-7);
            margin-bottom: -5px;
        }
        .main-directions .flexright .logoarea {
            margin-bottom: var(--space-20);
        }
        .main-directions .flexright .logoarea img {
            width: 35px;
        }
        .main-directions .btnarea {
            margin-top: var(--space-20);
            text-align: left;
        }
        .main-directions .textarea {
            margin-top: 0;
            /* padding-bottom: var(--space-20); */
        }
        .main-directions .directions-wrap pre {
            white-space: normal;
        }
    }

/* About Clinic > Our doctors */
.p3550 {
    padding: var(--space-35) var(--space-50);
}
.p30 {
    padding: var(--space-30);
}
.dot-list > li {
    margin-bottom: var(--space-10);
    position: relative;
    padding-left: var(--space-15)
}
.dot-list > li:last-child {
    margin-bottom: 0;
}
.dot-list > li::before {
    content:"";
    width: 3px;
    height: 3px;
    background-color: var(--color-primary);
    position: absolute;
    left: 0;
    top:8px;
}
    @media all and (max-width: 1200px) {
        .p3550 {
            padding: var(--space-30) var(--space-30);
        }
        .p30 {
            padding: var(--space-25);
        }
    }
    @media all and (max-width: 1000px) {
        .p3550 {
            padding: var(--space-25) var(--space-20);
        }
        .p30 {
            padding: var(--space-20);
        }
    }
    @media all and (max-width: 640px) {
        .p3550 {
            padding: var(--space-20) var(--space-15);
        }
        .p30 {
            padding: var(--space-15);
        }
        .dot-list > li {
            margin-bottom: var(--space-7);
            padding-left: var(--space-12)
        }
        .dot-list > li::before {
            top:6px;
        }
    }

/* About Clinic > About us */
.introduce1 .flexbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: top var(--space-30) left / cover url("/public/images/aboutus1-bg.png") no-repeat;
    background-size: 48%;
}
.introduce1 .flexbox .flexleft {
    width: 48%;
    padding-left: 5%;
}
.introduce1 .flexbox .flexright {
    width: 50%;
}
.introduce1 .flexbox .flexleft .logoarea {
    display: flex;
    align-items: baseline;
}
.introduce1 .flexbox .flexleft .logoarea svg {
    width: 53px;
}
.introduce1 .flexbox .flexleft .logoarea .svg path {
    fill: var(--color-primary)
}
.introduce1 .flexbox .flexleft .logoarea strong {
    font-family: var(--fm-op);
    color: var(--color-primary);
    font-weight: var(--fw-normal);
    padding-left: var(--space-15);
    text-align: left;
}
.introduce1 .flexbox .flexleft .text-point {
    margin: var(--space-60) 0 var(--space-40);
}
.ko .introduce1 .flexbox .flexleft .textwrap,
.cn .introduce1 .flexbox .flexleft .textwrap {
    margin-top: var(--space-60);
}
.introduce1 .flexbox .flexright .imgarea {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 68.9065%;
    overflow: hidden;
}
.introduce1 .flexbox .flexright .imgarea img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.introduce2 .philosophy-list .layout {
    display: flex;
    align-items: center;
    height: 450px;
    /* padding-top: 24.61%; */
    position: relative;
}
.introduce2 .textarea {
    /* position: absolute; */
    width: 40%;
    /* top: 50%;
    transform: translate(0, -50%); */
}
.introduce2 .textarea .section-title30 {
    display: block;
    color: var(--color-basic);
    text-align: left;
    margin-bottom: var(--space-15)
}
.introduce2 .philosophy1 {
    background: left / contain url("/public/images/aboutus2-1.jpg") no-repeat;
}
.introduce2 .philosophy2 {
    background: right / contain url("/public/images/aboutus2-2.jpg") no-repeat;
}
.introduce2 .philosophy3 {
    background: left / contain url("/public/images/aboutus2-3.jpg") no-repeat;
}
.introduce2 .philosophy1 .layout,
.introduce2 .philosophy3 .layout {
    justify-content: flex-end;
}
.introduce3 .gridbox {
    display: grid;
    grid-gap: 0 var(--space-20);
    grid-template-columns: repeat(3, 1fr);
}
.introduce3 .gridbox img {
    width: auto;
}
.introduce3 .gridbox .grid-list {
    padding: var(--space-50);
    background-color: var(--bg-grid);
    text-align: center;
}
.introduce3 .gridbox .grid-list .grid-top {
    padding-top: var(--space-10);
}
.introduce3 .gridbox .grid-list .grid-top .grid-title {
    margin-top: var(--space-20);
    text-transform: uppercase;
    display: block;
}
.introduce3 .gridbox .grid-list .grid-top .grid-icon {
    display: block;
}
.introduce3 .gridbox .grid-list .grid-btm {
    margin-top: var(--space-20);
    padding-top: var(--space-25);
    text-align: center;
    border-top: var(--border);
}
    /* About Clinic > About us 미디어쿼리*/
    @media all and (max-width: 1800px) {
        .introduce1 .flexbox .flexleft .text-point,
        .introduce1 .flexbox .flexleft .text-basic,
        .introduce2 .text-basic {
            white-space: normal;
        }
        .introduce1 .flexbox .flexleft .text-point {
            margin: var(--space-50) 0 var(--space-35);
        }
        .ko .introduce1 .flexbox .flexleft .textwrap,
        .cn .introduce1 .flexbox .flexleft .textwrap {
            margin-top: var(--space-50);
        }
        .introduce3 .gridbox .grid-list {
            padding: var(--space-40);
        }
        .introduce3 .gridbox img {
            width: 130px;
        }
        .introduce2 .philosophy-list .layout {
            height: 350px;
        }
    }
    @media all and (max-width: 1200px) {
        .introduce1 .flexbox .flexleft .logoarea svg {
            width: 45px;
        }
        .introduce1 .flexbox .flexleft .logoarea strong {
            padding-left: var(--space-10);
        }
        .introduce1 .flexbox .flexleft .text-point {
            margin: var(--space-40) 0 var(--space-30);
        }
        .ko .introduce1 .flexbox .flexleft .textwrap,
        .cn .introduce1 .flexbox .flexleft .textwrap {
            margin-top: var(--space-40);
        }
        .introduce1 .flexbox .flexright .imgarea {
            padding-bottom: 108.9065%;
        }
        .introduce1 .flexbox .flexleft .text-point {
            font-size: var(--font-23);
        }
        .introduce2 .philosophy-list .layout {
            height: 300px;
        }
        .introduce2 .textarea .section-title30 {
            font-size: var(--font-23);
        }
        .introduce3 .gridbox {
            grid-gap: 0 var(--space-15);
        }
        .introduce3 .gridbox .grid-list {
            padding: var(--space-30);
        }
        .introduce3 .gridbox .grid-list .grid-top .grid-icon img {
            width: 120px;
        }
        .introduce3 .gridbox .grid-list .grid-btm {
            margin-top: var(--space-20);
            padding-top: var(--space-20);
        }
        .introduce3 .gridbox .grid-list .grid-btm .text-basic {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .introduce .section-wrap:not(:last-of-type) {
            margin-bottom: var(--space-110);
        }
        .introduce1 .flexbox {
            flex-direction: column;
            background-size: 90%;
            background-position-y: top;
        }
        .introduce1 .flexbox .flexleft,
        .introduce1 .flexbox .flexright {
            width: 100%;
        }
        .introduce1 .flexbox .flexleft {
            padding: 0 var(--space-30)
        }
        .introduce1 .flexbox .flexleft .text-point {
            font-size: var(--font-22);
        }
        .introduce1 .flexbox .flexleft .text-point {
            margin: var(--space-30) 0 var(--space-25);
        }
        .ko .introduce1 .flexbox .flexleft .textwrap,
        .cn .introduce1 .flexbox .flexleft .textwrap {
            margin-top: var(--space-30);
        }
        .introduce1 .flexbox .flexright  {
            padding-left: var(--space-30)
        }
        .introduce1 .flexbox .flexright .imgarea {
            padding-bottom: 38.9065%
        }
        .introduce1 .flexbox .flexright .imgarea img {
            object-position: bottom;
        }
        .introduce1 .flexbox .flexleft .text-point {
            white-space: pre-line;
        }
        .introduce1 .flexbox .flexleft {
            margin-bottom: var(--space-30);
        }
        .introduce3 .gridbox {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-10);
        }
        .introduce3 .gridbox .grid-list {
            display: flex;
            align-items: stretch;
            padding: var(--space-25);
        }
        .introduce3 .gridbox .grid-list .grid-top .grid-icon img {
            width: 100px;
        }
        .introduce3 .gridbox .grid-list .grid-top {
            width: 40%;
        }
        .introduce3 .gridbox .grid-list .grid-btm {
            width: 60%;
            border-top: 0;
            border-left: var(--border);
            margin-top: 0;
            padding-top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 var(--space-30)
        }
        .introduce2 .philosophy1 {
            background-position-x: -28%;
        }
        .introduce2 .philosophy-list .layout {
            height: 250px;
        }
        .introduce2 .textarea .section-title30 {
            font-size: var(--font-20);
        }
    }
    @media all and (max-width: 640px) {
        .introduce .section-wrap:not(:last-of-type) {
            margin-bottom: var(--space-90);
        }
        .introduce1 .flexbox {
            background-size: 170%;
            background-position-y: top;
        }
        .introduce1 .flexbox .flexleft .logoarea svg {
            width: 35px;
        }
        .introduce1 .flexbox .flexleft .text-point {
            font-size: var(--font-20);
            white-space: normal;
            margin: var(--space-25) 0 var(--space-20);
        }
        .ko .introduce1 .flexbox .flexleft .textwrap,
        .cn .introduce1 .flexbox .flexleft .textwrap {
            margin-top: var(--space-25);
        }
        .introduce1 .flexbox .flexright .imgarea {
            padding-bottom: 58.9065%;
        }
        .introduce2 .philosophy-list.mb110 {
            margin-bottom: var(--space-60);
        }
        .introduce2 .philosophy-list .layout {
            flex-direction: column;
            height: auto;
        }
        .introduce2 .philosophy-list.philosophy2 .layout {
            flex-direction: column-reverse
        }
        .introduce2 .philosophy1,
        .introduce2 .philosophy2,
        .introduce2 .philosophy3 {
            background-position: top center;
        }
        .introduce2 .textarea {
            width: 100%;
        }
        .introduce2 .textarea {
            width: 100%;
            padding-top: 183px;
        }
        .introduce2 .textarea .section-title30 {
            margin-bottom: var(--space-10);
        }
        .introduce3 .gridbox {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-10) 0;
        }
        .introduce3 .gridbox .grid-list {
            display: unset;
            align-items: unset;
            padding: var(--space-25) var(--space-20)
        }
        .introduce3 .gridbox .grid-list .grid-top {
            width: 100%;
        }
        .introduce3 .gridbox .grid-list .grid-top .grid-icon img {
            width: 80px;
        }
        .introduce3 .gridbox .grid-list .grid-top .grid-title {
            margin-top: var(--space-10);
        }
        .introduce3 .gridbox .grid-list .grid-btm {
            width: 100%;
            border-top: var(--border);
            border-left: 0;
            margin-top: var(--space-15);
            padding: var(--space-15) 0;
        }
    }

/* About Clinic > Our doctors */
.our-doctors .doctors-representative {
    display: flex;
    justify-content: center;
}
.our-doctors .representative-list {
    width: 25%;
    padding: 0 var(--space-10)
}
.our-doctors .representative-list .inner,
.our-doctors .doctors-list {
    background-color: var(--bg-basic);
}
.our-doctors .representative-list.doctors-list {
    background-color: transparent;
}
.our-doctors .infoarea {
    text-align: center;
}
.our-doctors .representative-list .section-title30 {
    display: block;
    text-transform: none;
}
.our-doctors .representative-list .text-title20 {
    display: block;
    color: var(--color-primary);
}
.our-doctors .doctors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--space-70) var(--space-20);
}
.our-doctors .doctors-list .p30 {
    padding-top: var(--space-20)
}
.our-doctors .doctors-list .text-basic {
    display: block;
    border-top: var(--border);
    margin-top: var(--space-13);
    padding-top: var(--space-10);
}
.our-doctors .representative-list .imgarea {
    overflow: hidden;
}
.our-doctors .representative-list img {
    width: 110%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
    /* About Clinic > Our doctors 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .our-doctors .representative-list {
            width: 33.33%;
            padding: 0 var(--space-5)
        }
        .our-doctors .doctors {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: var(--space-40) var(--space-15);
        }
    }
    @media all and (max-width: 1000px) {
        .our-doctors .doctors {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: var(--space-20) var(--space-10);
        }
        .our-doctors .doctors-list .p30 {
            padding: var(--space-20) var(--space-15)
        }
    }
    @media all and (max-width: 640px) {
        .our-doctors .doctors-representative {
            flex-direction: column;
        }
        .our-doctors .representative-list {
            width: 100%;
            padding: 0
        }
        .our-doctors .doctors-representative,
        .our-doctors .doctors {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-30) 0;
        }
        .our-doctors .doctors-list .text-basic {
            margin-top: var(--space-8);
            padding-top: var(--space-7);
        }
    }

/* Treatment */
.treatment .treatment-main {
    text-align: center;
    background-position: top 32% center;
    background-size: 100% 405px;
    background-image: url("/public/images/treatment-bg.jpg");
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.treatment .bg-wrap .treatment-main {
    background-image: url("/public/images/treatment-bg2.jpg");
}
.treatment .treatment-main .sub-titlearea {
    margin-bottom: var(--space-35);
}
.treatment .treatment-main .treatment-title-img {
    padding-bottom: var(--space-40);
}
.treatment .treatment-main .treatment-title-img img {
    width: 571px;
}
.treatment .dalba .treatment-main .treatment-title-img img,
.treatment .re2o .treatment-main .treatment-title-img img {
    width: 659px;
}
.treatment .treatment-main .treatment-tag {
    padding: var(--space-12) var(--space-20);
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
    border-radius: var(--border-radius);
    background-color: var(--color-brown-ebe);
}
.treatment .treatment-main .treatment-tag .tag {
    display: flex;
    align-items: center;
}
.treatment .treatment-main .treatment-tag .tag span {
    font-size: var(--font-16);
    margin-left: var(--space-10);
    font-weight: var(--fw-medium);
    color: #634324;
    text-align: left;
}
.treatment .treatment-main .treatment-tag img {
    width: auto;
    height: 20px;
}
.treatment .treatment-main .treatment-tag .tag:nth-of-type(2) {
    border-left: 1px solid #DBD1C4;
    margin-left: var(--space-12);
    padding-left: var(--space-12);
}
.treatment .treatment-main .treatment-text {
    text-align: center;
    margin-top:var(--space-32)
}
.treatment .treatment-main .treatment-text .text-basic {
    color: var(--color-deep);
}
.bg-gradient {
    position: relative;
    background-color: #FBF8F4;
    padding-top: 40px;
    margin-top: -20px;
}
.bg-gradient::before,
.bg-gradient::after {
    height: 116px;
    width: 100%;
    z-index: 0;
    position: absolute;
    display: block;
    content:"";
}
.bg-gradient::before {
    background: rgb(251,248,244);
    background: linear-gradient(0deg, rgba(251,248,244,1) 0%, rgba(251,248,244,0) 100%);
}
.bg-gradient::after {
    background: rgb(251,248,244);
    background: linear-gradient(0deg, rgba(251,248,244,0) 0%, rgba(251,248,244,1) 100%);
}
.bg-gradient::before {
    top: -116px;
}
.bg-gradient::after {
    bottom: -116px;
}
.point-wrap .point-title {
    text-align: center;
}
.point-wrap .point-title .text-point {
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}
.point-wrap .point-title .labeling,
.labeling-point {
    font-size: var(--font-14);
    padding: var(--space-7) var(--space-12);
    margin: 0 auto var(--space-15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
    background-color: #977B70;
    border-radius: var(--border-radius);
    text-transform: uppercase;
}
.point-wrap .point-textarea {
    text-align: center;
}
.treatment-small-font {
    display: block;
    font-size: var(--font-16);
    color: var(--color-text);
    font-weight: var(--fw-bold);
    text-align: center;
    margin-top: var(--space-20);
    text-transform: uppercase;
}
    /* Treatment 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .treatment .treatment-main .treatment-title-img img {
            width: 420px;
        }
        .treatment .dalba .treatment-main .treatment-title-img img,
        .treatment .re2o .treatment-main .treatment-title-img img {
            width: 459px;
        }
    }
    @media all and (max-width: 1000px) {
        .treatment .treatment-main {
            background-position-y: 20%;
            background-size: 140%;
        }
        .treatment .treatment-main .treatment-title-img {
            padding-bottom: var(--space-30);
        }
        .treatment .treatment-main .treatment-title-img img {
            width: 380px;
        }
        .treatment .dalba .treatment-main .treatment-title-img img,
        .treatment .re2o .treatment-main .treatment-title-img img {
            width: 435px;
        }
        .treatment .treatment-main .treatment-tag {
            padding: var(--space-10) var(--space-16);
        }
        .treatment .treatment-main .treatment-tag img {
            height: 18px;
        }
        .treatment .treatment-main .treatment-tag .tag span {
            font-size: var(--font-15);
            margin-left: var(--space-7);
        }
        .treatment .treatment-main .treatment-text {
            margin-top: var(--space-30);
            white-space: normal;
        }
        .treatment .treatment-main .text-basic {
            white-space: normal;
        }
        .point-wrap .point-title .labeling,
        .labeling-point {
            font-size: var(--font-13);
            padding: var(--space-6) var(--space-10);
        }
        .bg-gradient {
            padding-top: var(--space-20);
        }
        .bg-gradient::before,
        .bg-gradient::after {
            height: 90px;
        }
        .bg-gradient::before {
            top: -90px;
        }
        .bg-gradient::after {
            bottom: -90px;
        }
        .treatment-small-font {
            font-size: var(--font-15);
        }
    }
    @media all and (max-width: 640px) {
        .treatment .treatment-main {
            background-position-y: 17%;
            background-size: 150%;
        }
        .treatment .treatment-main .sub-titlearea {
            margin-bottom: var(--space-25);
        }
        .treatment .treatment-main .treatment-title-img {
            padding-bottom: var(--space-20);
        }
        .treatment .treatment-main .treatment-title-img img {
            width: 85%
        }
        .treatment .dalba .treatment-main .treatment-title-img img,
        .treatment .re2o .treatment-main .treatment-title-img img {
            width: 90%
        }
        .treatment .treatment-main .treatment-tag {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: var(--space-9) var(--space-20);
        }
        .treatment .treatment-main .treatment-tag .tag {
            display: flex;
            justify-content: center;
        }
        .treatment .treatment-main .treatment-tag .tag:nth-of-type(2) {
            width: 100%;
            border-left: 0;
            border-top: 1px solid #DBD1C4;
            margin-left: 0;
            padding-left: 0;
            margin-top: var(--space-5);
            padding-top: var(--space-5)
        }
        .treatment .treatment-main .treatment-tag img {
            height: 14px;
        }
        .treatment .treatment-main .treatment-tag .tag span {
            font-size: var(--font-14);
            margin-left: var(--space-5);
        }
        .treatment .treatment-main .treatment-text {
            margin-top: var(--space-20);
        }
        .point-wrap .point-title .labeling,
        .labeling-point {
            padding: var(--space-5) var(--space-8);
        }
        .bg-gradient {
            padding: var(--space-20) 0 0;
            margin-top: 0px;
        }
        .bg-gradient::before {
            height: 80px;
            top: -80px;
        }
        .bg-gradient::after {
            height: 50px;
            bottom: -50px;
        }
        .treatment-small-font {
            font-size: var(--font-14);
            margin-top: var(--space-10);
        }
    }

/* Treatment */
.gridbox {
    display: grid;
    grid-gap: 0 var(--space-20);
}
.grid-title {
    margin-bottom: var(--space-10);
    display: block;
}
.gridbox .grid-list {
    text-align: center;
}
.gridbox .grid-list .grid-top .labeling {
    font-size: var(--font-14);
    padding: var(--space-7) var(--space-12);
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
}
.grid3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid5 {
    grid-template-columns: repeat(5, 1fr);
}
.grid6 {
    grid-template-columns: repeat(6, 1fr);
}
/* Treatment > gridbox-icon */
.gridbox-icon .grid-list {
    padding: var(--space-40) var(--space-30);
    background-color: var(--bg-basic);
}
.bg-wrap .gridbox-icon .grid-list {
    background-color: var(--color-brown-f5f);
}
.gridbox-icon .grid-list .grid-top {
    padding-top: var(--space-18);
}
.gridbox-icon .grid-list .grid-top .grid-icon {
    height: 90px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.gridbox-icon .grid-list .grid-top .grid-icon img {
    width: auto;
    height: 100%;
}
/* .gridbox-icon .grid-list .grid-top .grid-icon2 {
    height: 104px;
} */
.bg-wrap .gridbox-icon .grid-list .grid-top .grid-icon img {
    opacity: 0.88;
}
.gridbox-icon .grid-list .grid-btm {
    margin-top: var(--space-40);
    padding-top: var(--space-25);
    text-align: center;
    border-top: var(--border);
}
.gridbox-icon.gridbox-icon-face .grid-list .grid-btm {
    margin-top: var(--space-30);
}
.gridbox-icon.gridbox-icon-fcae .grid-list .grid-btm {
    padding-top: var(--space-20);
}

/* Treatment > gridbox-pd */
.gridbox-pd .grid-list {
    padding: var(--space-30);
    background-color: var(--bg-basic);
}
.gridbox-pd .grid-list .grid-top {
    position: relative;
}
.gridbox-pd .grid-list .grid-top .labeling {
    background-color: var(--color-text);
}
.gridbox-pd .grid-list .grid-top .grid-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.gridbox-pd .grid-list .grid-btm {
    padding-top: var(--space-20);
}
.bg-wrap .gridbox-pd .grid-list {
    background-color: var(--bg-light);
}
/* Treatment > gridbox-icon-step */
.gridbox-step {
    grid-gap: var(--space-40) var(--space-70);
}
.gridbox-step .grid-list {
    background-color: var(--color-brown-f5f);
    position: relative;
}
.gridbox-step .grid-list::after {
    right: -43px;
    width: 13px;
    height: 10px;
    content: "";
    display: block;
    background: center / cover url("/public/images/icon-double.svg") no-repeat;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%)
}
.gridbox-step .grid-list:last-of-type::after,
.gridbox-step.step5 .grid-list:nth-of-type(3)::after,
.gridbox-step.step6 .grid-list:nth-of-type(3)::after {
    display: none;
}
.gridbox-step .grid-list .grid-top {
    position: relative;
}
.gridbox-step .grid-list .grid-top .labeling {
    background-color: #837360;;
}
.gridbox-step .grid-list .grid-btm,
.gridbox .grid-list .grid-btm-only {
    padding: var(--space-20) var(--space-20) var(--space-30);
}
.gridbox-step .grid-list .grid-btm .text-basic {
    color: var(--color-deep);
}
.gridbox-step.gridbox-img .grid-list .grid-btm .text-basic {
    color: var(--color-text);
}

.gridbox-half {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 var(--space-50);
}

.gridbox-img .gridbox-list {
    background-color: var(--bg-basic);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.gridbox-img .gridbox-list .grid-top {
    padding: var(--space-45) var(--space-40);
}
.gridbox-img .gridbox-list .grid-btm .imgarea img {
    width: 100%;
}
.bg-wrap .gridbox-img .gridbox-list {
    background-color: var(--bg-light);
}
    /* Treatment 미디어쿼리*/
    @media all and (max-width: 1919px) {
        .gridbox-icon {
            grid-gap: 0 var(--space-10);
        }
        .gridbox-icon .grid-list {
            padding: var(--space-40) var(--space-20);
        }
        .gridbox-icon .grid-list .grid-btm {
            margin-top: var(--space-30);
            padding-top: var(--space-20);
        }
        .gridbox-icon.gridbox-icon-face .grid-list .grid-btm .text-basic {
            white-space: normal;
        }
        .gridbox-img .gridbox-list .grid-top {
            padding: var(--space-40) var(--space-30);
        }
        .gridbox-img.grid3 .text-basic {
            white-space: normal;
        }
    }
    @media all and (max-width: 1200px) {
        .gridbox {
            grid-gap: var(--space-10) var(--space-10);
        }
        .grid6 {
            grid-template-columns: repeat(3, 1fr);
        }
        .gridbox .grid-title {
            font-size: var(--font-18);
        }
        .gridbox .text-basic {
            font-size: var(--font-16);
        }

        .gridbox-icon .grid-list {
            padding: var(--space-30) var(--space-15);
        }
        .gridbox-icon .grid-list .grid-top {
            padding-top: var(--space-15);
        }
        .gridbox-icon .grid-list .grid-top .grid-icon {
            height: 70px;
        }
        .gridbox-icon .grid-list .grid-btm {
            margin-top: var(--space-30);
            padding-top: var(--space-15);
        }
        .gridbox-icon.gridbox-icon-fcae .grid-list .grid-btm {
            padding-top: var(--space-15);
        }

        .gridbox-half {
            grid-gap: var(--space-20);
        }

        .gridbox-pd .grid-list {
            padding: var(--space-15) var(--space-15) var(--space-25);
        }

        .gridbox-step {
            grid-gap: var(--space-40) var(--space-40);
        }
        .gridbox-step .grid-list::after {
            right: -28px;
        }
        .gridbox-step.step4 .grid-list:nth-of-type(3):after,
        .gridbox-step.step5 .grid-list:nth-of-type(3):after {
            display: none;
        }
        .gridbox-step .grid-list .grid-btm {
            padding: var(--space-20) var(--space-15) var(--space-30);
        }
        .gridbox-step .grid-list .grid-btm pre {
            white-space: normal;
        }

        .gridbox-img .gridbox-list .grid-top {
            padding: var(--space-30) var(--space-25);
        }
    }
    @media all and (max-width: 1000px) {
        .gridbox {
            grid-gap: var(--space-10);
        }
        .gridbox .grid-list .grid-top .labeling {
            font-size: var(--font-13);
            padding: var(--space-6) var(--space-10);
        }
        .grid4,
        .grid5 {
            grid-template-columns: repeat(2, 1fr);
        }
        .grid6 {
            grid-template-columns: repeat(3, 1fr);
        }

        .gridbox-icon .grid-list {
            padding: var(--space-30) var(--space-15);
        }
        .gridbox-icon .grid-list .grid-top {
            padding-top: var(--space-10)
        }
        .gridbox-icon .grid-list .grid-btm {
            margin-top: var(--space-20);
        }
        .gridbox-icon.gridbox-icon-face .grid-list .grid-top {
            padding-top: var(--space-10);
        }
        .gridbox-icon.gridbox-icon-face .grid-list .grid-btm {
            margin-top: var(--space-20);
        }
        .gridbox-icon .grid-list .grid-top .grid-icon {
            height: 65px;
        }

        .gridbox-pd {
            grid-template-columns: repeat(1, 1fr);
        }
        .gridbox-pd .grid-list {
            display: flex;
            flex-direction: row;
            align-items: stretch;
            justify-content: space-between;
            padding: var(--space-20);
        }
        .gridbox-pd .grid-list .grid-top {
            width: 45%;
        }
        .gridbox-pd .grid-list .grid-btm {
            width: 55%;
            padding-top: 0;
            align-self: center;
        }
        .gridbox-pd .grid-list .grid-top .grid-image {
            padding: 0
        }
        .gridbox-pd .grid-list .grid-top .grid-image img {
            height: auto
        }

        .gridbox-step {
            grid-gap: var(--space-30) var(--space-40);
        }
        .gridbox-step .grid-list .grid-btm {
            padding: var(--space-15) var(--space-20);
        }
        .gridbox-step.step3 {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-40) 0;
        }
        .gridbox-step.step3 .grid-list {
            display: flex;
        }
        .gridbox-step.step3 .grid-list::after {
            right: auto;
            bottom: -23px;
            width: 12px;
            height: 8px;
            top: unset;
            left: 50%;
            transform: translateX(-50%) rotate(90deg);
        }
        .gridbox-step.step3 .grid-list .grid-top {
            width: 50%;
        }
        .gridbox-step.step3 .grid-list .grid-btm {
            width: 50%;
            padding-top: 0;
            padding-bottom: 0;
            align-self: center;
        }
        .gridbox-step.step5,
        .gridbox-step.step6 {
            grid-template-columns: repeat(2, 1fr);
        }
        .gridbox-step.step5 .grid-list:nth-of-type(3):after,
        .gridbox-step.step6 .grid-list:nth-of-type(3)::after {
            display: block;
        }
        .gridbox-step.step4 .grid-list:nth-of-type(2):after,
        .gridbox-step.step5 .grid-list:nth-of-type(2):after,
        .gridbox-step.step5 .grid-list:nth-of-type(4):after,
        .gridbox-step.step6 .grid-list:nth-of-type(2)::after,
        .gridbox-step.step6 .grid-list:nth-of-type(4)::after {
            display: none;
        }

        .gridbox-half {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-20) 0;
        }

        .gridbox-img .gridbox-list .grid-top {
            padding: var(--space-30) var(--space-20);
        }
    }
    @media all and (max-width: 640px) {
        .gridbox {
            grid-gap: var(--space-10) 0;
        }
        .grid-title {
            margin-bottom: var(--space-5);
        }
        .gridbox .grid-list .grid-top .labeling {
            padding: var(--space-5) var(--space-8);
        }
        .grid3,
        .grid4,
        .grid5,
        .grid6 {
            grid-template-columns: repeat(1, 1fr);
        }
        .gridbox .text-basic {
            font-size: var(--font-17);
        }

        .gridbox-icon .grid-list {
            padding: var(--space-25) var(--space-20);
        }
        .gridbox-icon .grid-list .grid-top .grid-icon {
            height: 67px;
        }
        .gridbox-icon .grid-list .grid-btm {
            margin-top: var(--space-20);
            padding-top: var(--space-15);
        }
        .gridbox-icon.gridbox-icon-fcae .grid-list .grid-btm {
            padding-top: var(--space-15);
        }

        .gridbox-pd .grid-list {
            padding: var(--space-15);
            display: unset;
            flex-direction: unset;
            align-items: unset;
            justify-content: unset;
        }
        .gridbox-pd .grid-list .grid-top,
        .gridbox-pd .grid-list .grid-btm {
            width: 100%;
        }
        .gridbox-pd .grid-list .grid-top .grid-image {
            padding: 0
        }
        .gridbox-pd .grid-list .grid-top .grid-image img {
            height: auto;
        }
        .gridbox-pd .grid-list .grid-btm {
            padding-top: var(--space-15);
        }

        .gridbox-step,
        .gridbox-step.step6 {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-30) 0;
        }
        .gridbox-step .grid-list::after,
        .gridbox-step.step6 .grid-list::after {
            right: auto;
            bottom: -19px;
            width: 12px;
            height: 8px;
            top: unset;
            left: 50%;
            transform: translateX(-50%) rotate(90deg);
        }
        .gridbox-step.step3 .grid-list {
            display: unset;
            align-items: non;
        }
        .gridbox-step.step3 .grid-list .grid-top {
            width: 100%;
        }
        .gridbox-step.step3 .grid-list .grid-btm {
            width: 100%;
            padding: var(--space-15) var(--space-20) var(--space-20);
        }
        .gridbox-step .grid-list .grid-btm .text-basic {
            white-space: normal;
        }
        .gridbox-step.step5,
        .gridbox-step.step6 {
            grid-template-columns: repeat(1, 1fr);
        }
        .gridbox-step.step4 .grid-list:nth-of-type(2):after,
        .gridbox-step.step5 .grid-list:nth-of-type(2)::after,
        .gridbox-step.step5 .grid-list:nth-of-type(4)::after,
        .gridbox-step.step6 .grid-list:nth-of-type(2)::after,
        .gridbox-step.step6 .grid-list:nth-of-type(4)::after {
            display: block;
        }

        .gridbox-half {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-20) 0
        }

        .gridbox-img .gridbox-list .grid-top {
            padding: var(--space-25) var(--space-20);
        }
    }

/* Ulthera */
.ulthera3-1 .gridbox .grid-list {
    background-color: var(--bg-basic);
}
.ulthera3-2 .imgarea {
    width: 90%;
    max-width: 969px;
    margin: 0 auto
}
.ulthera3-2 .btm-text {
    text-align: center;
    margin-top: var(--space-40);
}
.ulthera3-2 .text-samll {
    margin-top: var(--space-50);
    font-size: var(--font-15);
    color: var( --color-text);
}
.certification-box {
    padding: var(--space-80) var(--space-50);
    background-color: #F9F5EE;
}
.certification-box .imgarea {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.certification-box .section-titlearea .text-point {
    color: var(--color-primary);
    font-weight: var(--fw-bold);
    text-align: center;
    margin-bottom: var(--space-10);
}
.bg-wrap .certification-box {
    background-color: var(--bg-light)
}
.ulthera3-3 .certification-box .imgarea img {
    max-width: 777px;
}
.botox4 .certification-box .imgarea img {
    max-width: 328px;
}
.radiesse3 .certification-box .imgarea img {
    max-width: 321px;
}
    /* Ulthera 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .certification-box {
            padding: var(--space-60) var(--space-50);
        }
        .certification-box .imgarea img {
            width: 70%;
        }
        .botox4 .certification-box .imgarea img {
            max-width: 260px;
        }
        .radiesse3 .certification-box .imgarea img {
            max-width: 255px;
        }
    }
    @media all and (max-width: 1000px) {
        .certification-box {
            padding: var(--space-40) var(--space-30);
        }
        .certification-box .imgarea {
            width: 80%;
        }
        .botox4 .certification-box .imgarea img {
            max-width: 200px;
        }
        .radiesse3 .certification-box .imgarea img {
            max-width: 195px;
        }
    }
    @media all and (max-width: 640px) {
        .ulthera3-2 .btm-text {
            margin-top: var(--space-25);
        }
        .ulthera3-2 .text-samll {
            margin-top: var(--space-30);
            font-size: var(--font-14);
        }
        .certification-box {
            padding: var(--space-30) var(--space-20);
        }
        .certification-box .section-title30 {
            font-size: var(--font-20);
        }
        .certification-box .section-titlearea .text-point {
            font-size: var(--font-16);
            margin-bottom: var(--space-5);
        }
        .certification-box .imgarea {
            width: 90%;
        }
        .ulthera3-3 .certification-box .imgarea img {
            width: 100%;
        }
        .botox4 .certification-box .imgarea img {
            max-width: 150px;
        }
        .radiesse3 .certification-box .imgarea img {
            max-width: 145px;
        }
    }

/* Tuneface & Tune-Liner */
.tuneface3 .flexbox {
    height: 365px;
}
.tuneface3 .flexbox {
    display: flex;
    background-color: var(--color-brown-f5f);
    padding: var(--space-30);
}
.tuneface3 .flexbox .flexleft {
    width: 40%;
    max-width: 289px;
    height: 305px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-brown-e8d);
}
.tuneface3 .flexbox .flexleft img {
    width: auto;
}
.tuneface3 .flexbox .flexright {
    width: 55%;
    padding-left: var(--space-55);
}
.tuneface3 .flexbox .flexright ol li:not(:last-child) {
    margin-bottom: var(--space-40);
}
.tuneface3 .flexbox .flexright .labeling-point {
    margin-bottom: var(--space-10);
}
    /* TTuneface & Tune-Liner  미디어쿼리*/
    @media all and (max-width: 1919px) {
        .tuneface3 .flexbox .flexright ol li:not(:last-child) {
            margin-bottom: var(--space-25);
        }
        .tuneface3 .flexbox .flexright {
            padding-left: var(--space-35);
        }
    }
    @media all and (max-width: 1200px) {
        .tuneface3 .flexbox {
            flex-direction: column;
            height: 580px;
            padding: var(--space-25);
        }
        .tuneface3 .flexbox .flexleft {
            width: 100%;
            max-width: 100%;
            height: auto;
            padding: var(--space-30) 0;
        }
        .tuneface3 .flexbox .flexleft img {
            height: 180px;
        }
        .tuneface3 .flexbox .flexright {
            width: 100%;
            padding-left: 0;
            margin-top: var(--space-20);
        }
        .tuneface3 .flexbox .flexright ol li .text-basic {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .tuneface3 .gridbox-half {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 0 var(--space-10);
        }
        .tuneface3 .flexbox {
            padding: var(--space-20);
            height: 545px;
        }
        .tuneface3 .flexbox .flexleft img {
            height: 150px;
        }

    }
    @media all and (max-width: 640px) {
        .tuneface3 .gridbox-half {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-60) 0;
        }
        .tuneface3 .flexbox {
            padding: var(--space-20) var(--space-20) var(--space-30);
            height: auto;
        }
        .tuneface3 .flexbox .flexleft {
            padding: var(--space-20) 0;
        }
        .tuneface3 .flexbox .flexleft img {
            height: 140px;
        }
        .tuneface3 .flexbox .flexright {
            margin-top: var(--space-20);
            text-align: center;
        }
        .tuneface3 .flexright ol li:not(:last-child) {
            margin-bottom: var(--space-20);
        }
        .tuneface3 .flexbox .flexright ol li pre.text-basic {
            white-space: pre-line;
        }

    }

/* Liftera */
.liftera2 .content {
    position: relative;
}
.liftera2 .pointbox .point-list {
    margin-bottom: var(--space-20);
    padding: var(--space-40) var(--space-80);
    background: rgb(245,242,238);
    background: linear-gradient(90deg, rgba(245,242,238,1) 0%, rgba(245,242,238,1) 40%, rgba(245,242,238,0) 70%, rgba(245,242,238,0) 100%);
}
.liftera2 .pointbox .point-list:last-of-type {
    margin-bottom: 0;
}
.liftera2 .pointbox .point-list .labeling-point {
    margin: 0 0 var(--space-20) 0;
}
.liftera2 .pointbox .point-list .point-textarea {
    margin-top: var(--space-15);
}
.liftera2 .imgarea {
    width: 30%;
    max-width: 302px;
    position: absolute;
    right: 11%;
    bottom: var(--space-50);
}
.picosure2 .imgarea {
    width: 30%;
    max-width: 523px;
    right: 7%;
}
    /* Liftera 미디어쿼리 */
    @media all and (max-width: 1919px) {
        .liftera2 .imgarea {
            width: 22%;
            right: 5%;
        }
        .picosure2 .imgarea {
            width: 28%;
            right: 2%;
        }
        .liftera2 .pointbox .point-list .point-textarea br {
            display: block;
        }
    }
    @media all and (max-width: 1200px) {
        .liftera2 .pointbox .point-list {
            margin-bottom: var(--space-10);
            padding: var(--space-30) var(--space-25);
            padding-right: 24%;
        }
        .liftera2 .imgarea {
            width: 23%;
            right: 0;
        }
        .picosure2 .imgarea {
            width: 30%;
        }
        .picosure2 .pointbox .point-list:nth-of-type(1) {
            padding-right: var(--space-40)
        }
        .picosure2 .pointbox .point-list:nth-of-type(2) {
            padding-right: 38%;
        }
        .picosure2 .pointbox .point-list .point-textarea .text-basic {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .liftera2 .pointbox .point-list {
            margin-bottom: var(--space-10);
            padding: var(--space-25) var(--space-20);
            padding-right: 30%;
        }
        .liftera2 .pointbox .point-list:nth-of-type(1) {
            padding-right: var(--space-40);
        }
        .liftera2 .pointbox .point-list .point-textarea br {
            display: none;
        }
        .liftera2 .pointbox .point-list .point-textarea .text-basic {
            white-space: normal;
        }
        .liftera2 .imgarea {
            bottom: var(--space-20);
        }
        .picosure2 .imgarea {
            display: block;
            width: 30%;
        }
        .picosure2 .pointbox .point-list:nth-of-type(1) {
            padding-right: var(--space-20);
        }
        .picosure2 .pointbox .point-list {
            padding-right: 37%;
        }
        .picosure2 .imgarea {
            right: var(--space-20);
        }
    }
    @media all and (max-width: 640px) {
        .liftera2 .pointbox .point-list {
            margin-bottom: var(--space-10);
            padding: var(--space-25) var(--space-20);
            text-align: center;
            background: rgb(242,238,232);
        }
        .liftera2 .pointbox .point-list:nth-of-type(1),
        .picosure2 .pointbox .point-list:nth-of-type(2) {
            padding-right: var(--space-20);
        }
        .liftera2 .pointbox .point-list .labeling-point {
            margin: 0 0 var(--space-10) 0;
        }
        .liftera2 .imgarea {
            display: block;
            position: relative;
            right: auto;
            width: 100%;
            bottom: auto;
            text-align: center;
            margin-top: var(--space-20);
        }
        .liftera2 .imgarea img {
            max-width: 45%;
        }
        .picosure2 .imgarea img {
            max-width: 60%;
        }
    }

/* thermage */
.thermage3 .gridbox-half .gridbox-list {
    background-color: var(--bg-basic);
    padding: var(--space-45) var(--space-40);
}
.thermage3 .gridbox-half .gridbox-list1 .grid-top {
    padding-left: var(--space-40);
    padding-right: var(--space-40);
}
.thermage3 .gridbox-half .gridbox-list .grid-btm {
    padding-top: var(--space-40);
    border-top: var(--border);
}
.thermage3 .gridbox-half .gridbox-list .grid-btm .imgarea {
    text-align: center;
    margin-bottom: var(--space-5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.thermage3 .gridbox-half .gridbox-list .grid-btm .imgarea img {
    width: auto;
}
.thermage3 .gridbox-half .gridbox-list2 .grid-btm .flexbox {
    display: flex;
    justify-content: center;
}
.thermage3 .gridbox-half .gridbox-list2 .grid-btm .flexbox .flex-list {
    margin: 0 var(--space-40);
}
.thermage3 .gridbox-half .gridbox-list1 {
    /* padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
    /* thermage 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .thermage3 .gridbox-half .gridbox-list {
            padding: var(--space-30) var(--space-25);
        }
        .thermage3 .gridbox-half .gridbox-list1 .grid-top {
            padding-left: var(--space-25);
            padding-right: var(--space-25);
        }
        .thermage3 .gridbox-half .gridbox-list .grid-btm .imgarea img {
            height: 130px;
        }
        .thermage3 .gridbox-half .gridbox-list2 .grid-btm .flexbox .flex-list {
            margin: 0 var(--space-10);
        }
        .thermage3 .gridbox-half .gridbox-list .point-wrap .point-textarea .text-basic {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .thermage3 .gridbox-half .gridbox-list {
            padding: var(--space-30) var(--space-20);
        }
        .thermage3 .gridbox-half .gridbox-list1 .grid-top {
            padding-left: var(--space-20);
            padding-right: var(--space-20);
        }
        .thermage3 .gridbox-half .gridbox-list .grid-btm .imgarea img {
            height: 100px;
        }
        .thermage3 .gridbox-half .gridbox-list .grid-btm {
            padding-top: var(--space-20);
        }
        .thermage3 .gridbox-half .gridbox-list .point-wrap .point-textarea .text-basic {
            white-space: pre-line;
        }
    }
    @media all and (max-width: 640px) {
        .thermage3 .gridbox-half .gridbox-list {
            padding: var(--space-25) var(--space-20);
        }
        .thermage3 .gridbox-half .gridbox-list .grid-btm .imgarea {
            height: auto;
        }
        .thermage3 .gridbox-half .gridbox-list .grid-btm .imgarea img{
            height: 90px;
        }
        .thermage3 .gridbox-half .gridbox-list .grid-btm {
            padding-top: var(--space-20);
        }
        .thermage3 .gridbox-half .gridbox-list2 .grid-btm .flexbox .flex-list {
            margin: 0 var(--space-10);
        }
        .thermage3 .gridbox-half .gridbox-list .point-wrap .point-textarea .text-basic {
            white-space: normal;
            
        }
    }

/* Eye Thermage */
.eye-thermage2 .gridbox-half .gridbox-list {
    background-color: var(--bg-light);
}
.eye-thermage2 .gridbox-half .gridbox-list.gridbox-list1 .grid-btm {
    border-top: 0;
    padding-top: 0
}
.eye-thermage2 .gridbox-half .gridbox-list.gridbox-list1 .grid-btm img {
    width: 100%;
    height: auto;
}
.thermage3 .gridbox-half .gridbox-list.gridbox-list1 .grid-btm .imgarea {
    margin-bottom: 0
}

/* Potenza */
.potenza3 .gridbox-step .grid-list {
    background-color: var(--bg-grid);
}

/* BOTOX */
.gridbox-icon .grid-list .grid-top {
    padding-top: var(--space-14);
}
.botox2 .gridbox-icon .grid-list .grid-top .grid-icon {
    height: 104px;
    align-items: center;
}
.botox2 .gridbox-icon .grid-list .grid-top .grid-icon img {
    height: 100%;
}
    /* BOTOX 미디어쿼리 */
    @media all and (max-width: 1919px) {
        .botox3 .gridbox-half .gridbox-list .point-textarea .text-basic {
            white-space: normal;
        }
    }
    @media all and (max-width: 1200px) {
        .botox2 .gridbox-icon .grid-list .grid-top .grid-icon {
            height: 75px;
        }
    }
    @media all and (max-width: 1000px) {
        .botox2 .gridbox-icon .grid-list .grid-top .grid-icon {
            height: 70px;
            align-items: center;
        }
    }
    @media all and (max-width: 640px) {
        .botox2 .gridbox-icon .grid-list .grid-top .grid-icon {
            height: 75px;
            align-items: center;
        }
    }

/* Fillers */
.fillers2 .gridbox {
    background-color: var(--bg-light);
    padding: var(--space-45) var(--space-50)
}
.fillers2 .gridbox .grid-top {
    display: flex;
    border-bottom: var(--border);
}
.fillers2 .gridbox .grid-top .grid-list {
    width: 50%;
}
.fillers2 .gridbox .grid-top .grid-list:first-of-type {
    border-right: var(--border);
}
.fillers2 .gridbox .grid-btm {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.fillers2 .gridbox .grid-btm .imgarea {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 var(--space-14)
}
/* .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(2) {
    padding-right: var(--space-15);
} */
/* .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(3) {
    padding-left: var(--space-15);
} */
.fillers3 .gridbox .flexbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 var(--space-10);
}
.fillers3 .gridbox .grid-list .flexbox .flex-list {
    position: relative;
}
.fillers3 .gridbox .grid-list .flexbox .flex-list .labeling-point {
    width: 73px;
    border-radius: 0;
    position: absolute;
}
.fillers3 .gridbox .grid-list .flexbox .flex-list.before .labeling-point {
    background-color: var(--color-text);
}
.fillers3 .gridbox .grid-list .text-basic {
    display: block;
    margin-top: var(--space-20);
}
.juvelook5 .gridbox .flexbox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: var(--space-10) 0;
}
.juvelook5 .text-basic {
    text-align: center;
    margin-top: var(--space-15);
}
    /* Fillers 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .fillers2 .gridbox {
            padding: var(--space-30) var(--space-30)
        }
        .fillers2 .gridbox .grid-top .grid-list:first-of-type {
            padding-right: var(--space-20);
        }
        .fillers2 .gridbox .grid-top .grid-list:last-of-type {
            padding-left: var(--space-20);
        }
        .fillers2 .gridbox .text-basic {
            white-space: normal;
        }
        .fillers3 .gridbox .flexbox {
            grid-gap: 0 var(--space-5);
        }
        .fillers3 .gridbox .grid-list .text-basic {
            margin-top: var(--space-15);
        }
        .juvelook5 .gridbox .flexbox {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-5) 0;
        }
    }
    @media all and (max-width: 1000px) {
        .fillers2 .gridbox {
            padding: var(--space-30) var(--space-20)
        }
        .fillers2 .gridbox .grid-top {
            flex-direction: column;
        }
        .fillers2 .gridbox .grid-top .grid-list {
            width: 100%;
        }
        .fillers2 .gridbox .grid-top .grid-list:last-of-type {
            padding-left: 0
        }
        .fillers2 .gridbox .grid-top .grid-list:first-of-type {
            padding-right: 0;
            border-right: 0;
            border-bottom: var(--border);
            padding-bottom: var(--space-25);
        }
        .fillers2 .gridbox .grid-btm .imgarea {
            margin: 0 var(--space-5)
        }
        /* .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(2) {
            padding-right: var(--space-5);
        }
        .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(3) {
            padding-left: var(--space-5);
        } */
        .fillers3 .gridbox-pd {
            grid-template-columns: repeat(2, 1fr);
        }
        .fillers3 .gridbox-pd .grid-list {
            flex-direction: column;
        }
        .fillers3 .gridbox .grid-list .flexbox .flex-list .labeling-point {
            width: 65px;
        }
        .fillers3 .gridbox .grid-list .text-basic {
            margin-top: var(--space-10);
        }
        .fillers3 .gridbox-pd .grid-list {
            padding: var(--space-15)
        }
        .juvelook5 .gridbox-pd {
            grid-template-columns: repeat(3, 1fr);
        }
        .juvelook5 .gridbox .flexbox {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-5) 0;
        }
    }
    @media all and (max-width: 640px) {
        .fillers2 .gridbox {
            padding: var(--space-25) var(--space-20);
            grid-gap: 0;
        }
        .fillers2 .gridbox .grid-top .grid-list:first-of-type {
            border-right: 0;
            border-bottom: var(--border);
            padding-bottom: var(--space-25);
        }
        .fillers2 .gridbox .grid-btm {
            flex-wrap: wrap;
        }
        .fillers2 .gridbox .grid-btm .imgarea {
            width: 50%;
            margin: 0;
            align-items: flex-end;
            padding: 0 var(--space-5)
        }
        .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(-n+2) {
            margin-bottom: var(--space-10);
        }
        /* .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(2) {
            padding-right: var(--space-5)
        }
        .fillers2 .gridbox .grid-btm .imgarea:nth-of-type(3) {
            padding-left: var(--space-5)
        } */
        .fillers3 .gridbox-pd {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-10);
        }
        .fillers3 .gridbox .flexbox {
            grid-gap: 0 var(--space-5);
        }
        .fillers3 .gridbox .grid-list .text-basic {
            margin-top: var(--space-10);
        }
        .fillers3 .gridbox .grid-list .flexbox .flex-list .labeling-point {
            width: 60px;
        }
        .juvelook5 .gridbox-pd {
            grid-template-columns: repeat(1, 1fr);
        }
        .juvelook5 .gridbox .flexbox {
            grid-gap: var(--space-5) 0;
        }
        .juvelook5 .text-basic {
            margin-top: var(--space-15);
            font-size: var(--font-15);
        }
    }

/* Rejuran */
.rejuran4 .gridbox-half .gridbox-list,
.re2o2-3 .gridbox-half .grid-list {
    padding: var(--space-45) var(--space-80)
}
.rejuran4 .gridbox-half .gridbox-list,
.re2o2-2 .gridbox-half .grid-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rejuran4 .gridbox-half .gridbox-list .grid-top .point-title {
    margin-bottom: var(--space-20);
}
.rejuran4 .gridbox-half .gridbox-list .grid-btm {
    border-top: 0;
    padding-top: var(--space-60);
}
.rejuran4 .gridbox-half .gridbox-list:first-of-type .grid-btm .imgarea {
    border-bottom: 1px solid var(--color-text);
}
.rejuran4 .gridbox-half .gridbox-list:first-of-type .treatment-small-font {
    font-weight: var(--fw-normal);
}
.rejuran5 .gridbox .grid-list {
    padding: 0;
    background-color: var(--bg-basic);
    position: relative;
}
.rejuran5 .gridbox .grid-list .labeling {
    position: absolute;
    background-color: var(--color-text);
}
.rejuran5 .gridbox .text-basic {
    white-space: normal;
}
    /* Rejuran 미디어쿼리 */
    @media all and (max-width: 1919px) {
        .rejuran4 .gridbox-half .gridbox-list,
        .re2o2-3 .gridbox-half .grid-list {
            padding: var(--space-45) var(--space-60)
        }
    }
    @media all and (max-width: 1200px) {
        .rejuran4 .gridbox-half .gridbox-list,
        .re2o2-3 .gridbox-half .grid-list {
            padding: var(--space-35) var(--space-30)
        }
        .rejuran4 .gridbox-half .gridbox-list .grid-btm {
            padding-top: var(--space-40);
        }
        .rejuran4 .gridbox-half .gridbox-list .grid-btm .imgarea img {
            height: 280px;
        }
    }
    @media all and (max-width: 1000px) {
        .rejuran4 .gridbox-half .gridbox-list,
        .re2o2-3 .gridbox-half .grid-list {
            padding: var(--space-25) var(--space-20)
        }
        .rejuran4 .gridbox-half .gridbox-list .grid-btm {
            padding-top: var(--space-30);
        }
    }
    @media all and (max-width: 640px) {
        .rejuran4 .gridbox-half .gridbox-list .grid-btm .imgarea img {
            height: 180px;
        }
        .rejuran4 .gridbox-half .gridbox-list .grid-top .point-title {
            margin-bottom: var(--space-15);
        }
        .rejuran4 .gridbox-half .gridbox-list .grid-btm {
            padding-top: var(--space-25);
        }
    }

/* Re2o */
.re2o .re2o1 .sub-title {
    display: flex;
    justify-content: center;
    align-items: center
}
.re2o .re2o1 .sub-title img {
    width: auto;
    height: 100%;
    margin-top: -5px;
}
.re2o2-1 .gridbox .text-basic {
    white-space: normal;
}
.re2o2-2 .gridbox-half .grid-list {
    background-color: var(--color-brown-f5f);
}
.re2o2-2 .gridbox-half .grid-list .grid-top {
    padding: var(--space-40) 0
}
.re2o2-2 .gridbox-half .grid-list .grid-top .grid-image img {
    width: 70%;
    max-width: 492px;
}
.re2o2-2 .gridbox-half .grid-list .grid-btm {
    background-color: var(--color-brown-e1d);
    text-align: center;
}
.re2o2-3 .gridbox-half .grid-list {
    background-color: var(--color-brown-f5f);
}
.re2o2-3 .gridbox-half .grid-list .grid-top .grid-title {
    color: var(--color-basic);
    margin-bottom: 0;
}
.re2o2-3 .gridbox-half .grid-list .grid-btm .grid-image img {
    max-width: 498px;
}
    /* re2o 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .re2o .re2o1 .sub-title img {
            width: 75px;
            height: auto;
        }
        .re2o3 .grid3 {
            grid-template-columns: repeat(1, 1fr);
        }
    }
    @media all and (max-width: 640px) {
        .re2o2-2 .gridbox-half .grid-list .grid-top {
            padding: var(--space-25) 0;
        }
        .re2o .re2o1 .sub-title img {
            width: 67px;
            height: auto;
        }
        .re2o2-2 .gridbox-half .grid-list .grid-top .grid-image img {
            width: 85%;
        }
        .re2o3 .grid3 {
            grid-template-columns: repeat(1, 1fr);
        }
}

/* Mirajet */
.mirajet1.treatment-main .treatment-text .important,
.theglass1.treatment-main .treatment-text .important {
    font-weight: var(--fw-bold);
    color: #694337
}
.mirajet1.treatment-main .sub-titlearea span {
    color: var(--color-brown-aba);
    font-size: var(--font-16);
    text-transform: capitalize;
}
.mirajet3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.mirajet3 video {
    width: 80%;
    max-width: 900px;
    margin: 0 auto
}
.mirajet3 .text-basic {
    margin-top: var(--space-20);
    text-align: center;
}
    /* Mirajet 미디어쿼리 */
    @media all and (max-width: 640px) {
        .mirajet3 video {
            width: 100%;
        }
    }

/* Acne */
.acne2 .gridbox-icon .grid-list .grid-top {
    padding-top: var(--space-15);
    text-align: center;
}
.acne2 .gridbox-step .grid-list .grid-btm {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.acne2 .gridbox-step .grid-list .grid-btm .text-basic strong {
    font-weight: var(--fw-bold);
}
.acne2 .gridbox-step .grid-list .grid-img {
    display: block;
    text-align: center;
}
.acne2 .gridbox-step .grid-list .grid-img img {
    margin: 0 auto;
    width: 70%;
    max-width: 200px;
}
.acne2 .gridbox-step .grid-list:nth-child(3):after {
    display: block;
}
.acne2 .gridbox-step .grid-list:nth-child(4):after {
    display: none;
}
.acne2 .section-textarea .text-point {
    color: var(--color-primary);
}
    /* Acne 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .acne2 .gridbox-icon .grid-list .grid-top {
            padding-top: var(--space-10);
        }
    }
    @media all and (max-width: 1000px) {
        .acne2 .gridbox-icon .grid-list .grid-top {
            padding-top: var(--space-5);
        }
        .acne2 .gridbox-step .grid-list .grid-img img {
            max-width: 130px;
        }
    }
    @media all and (max-width: 640px) {
        .acne2 .gridbox-step .grid-list .grid-img img {
            max-width: 130px;
        }
    }

/* Premium Gold PTT */
.goldptt2 .gridbox-step .grid-list {
    background-color: var(--bg-basic);
}
.goldptt2 .gridbox-step .grid-list:last-of-type::after {
    display: none;
}

/* Plicelist */
.pricelist .box {
    display: grid;
    grid-gap: 0;
    background-color: var(--bg-basic);
}
.pricelist .box.box-flex4 {
    grid-template-columns: repeat(4, 1fr);
}
.pricelist .box.box-flex3 {
    grid-template-columns: repeat(3, 1fr);
}
.pricelist .box.box-flex2 {
    grid-template-columns: repeat(2, 1fr);
}
.pricelist .box {
    border: var(--border);
    border-width: 1px 0 0 1px;
}
.pricelist .box .item {
    padding: var(--space-40) var(--space-40) var(--space-50);
    border-right: var(--border);
    border-bottom: var(--border);
}
.pricelist .box .item .item-name {
    text-align: center;
    border-bottom: 1px solid var(--color-text);
    margin-bottom: var(--space-10);
    padding-bottom: var(--space-15);
}
.pricelist .box .item table th,
.pricelist .box .item table td {
    font-size: var(--font-16);
    padding: var(--space-12) 0;
    border-bottom: 1px dashed #E2D6C8;
    vertical-align: top;
}
.pricelist .box .item table tr:last-of-type th,
.pricelist .box .item table tr:last-of-type td {
    border-bottom: 0;
    padding-bottom: 0
}
.pricelist .box .item table th {
    text-align: left;
    padding-right: var(--space-10);
}
.pricelist .box .item table td {
    text-align: right;
    white-space: nowrap;
}
.pricelist .box .item small {
    font-size: var(--font-14);
    font-weight: var(--fw-light);
    color: var(--color-text);
}
.pricelist .gridwrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 var(--space-40);
}
    /* Plicelist 미디어쿼리*/
    @media all and (max-width: 1919px) {
        .pricelist .gridwrap .box-flex2 {
            grid-template-columns: repeat(1, 1fr);
        }
        .pricelist .box.box-flex4 {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media all and (max-width: 1200px) {
        .pricelist .box .item {
            padding: var(--space-30) var(--space-30) var(--space-40);
        }
        .pricelist .box .item .item-name {
            margin-bottom: var(--space-5);
        }
        .pricelist .box.box-flex3,
        .pricelist .box.box-flex4,
        .pricelist .gridwrap .box-flex2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .pricelist .gridwrap {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-100) 0;
        }
    }
    @media all and (max-width: 1000px) {
        .pricelist .box .item {
            padding: var(--space-25) var(--space-20) var(--space-30);
        }
        .pricelist .box .item .item-name {
            padding-bottom: var(--space-12);
        }
        .pricelist .box .item .item-name .text-title20 {
            font-size: var(--font-18);
        }
        .pricelist .box .item small {
            font-size: var(--font-13);
        }
        .pricelist .box .item table th,
        .pricelist .box .item table td {
            font-size: var(--font-15);
            padding: var(--space-10) 0;
        }
        .pricelist .box .item table th {
            padding-right: var(--space-10);
        }
        .pricelist .gridwrap {
            grid-gap: var(--space-90) 0;
        }
    }
    @media all and (max-width: 640px) {
        .pricelist .box .item {
            padding: var(--space-20) var(--space-20) var(--space-25);
        }
        .pricelist .box.box-flex3,
        .pricelist .box.box-flex4,
        .pricelist .gridwrap .box-flex2 {
            grid-template-columns: repeat(1, 1fr);
        }
        .pricelist .box .item .item-name {
            padding-bottom: var(--space-5);
            margin-bottom: var(--space-5);
        }
        .pricelist .box .item .item-name .text-title20 {
            font-size: var(--font-17);
        }
        .pricelist .gridwrap {
            grid-gap: var(--space-60) 0;
        }
    }

/* 예약하기 */
.appointment1 .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.appointment-step {
    flex: 1 1 33%;
    margin-right: var(--space-70);
    background-color: var(--color-brown-f1e);
}
.appointment-step:last-of-type {
    margin-right: 0;
}
.step-title-area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    background-color: var(--color-brown-857);
}
.step-title-area .step-num {
    width: 25px;
    height: 25px;
    line-height: 28px;
    border-radius: 50%;
    background-color: var(--color-brown-f1d);
    text-align: center;
    color: var(--color-brown-857);
    font-size: var(--font-20);
    font-family: var(--fm-op);
}
.step-title-area .step-title {
    margin-left: var(--space-10);
    color: var(--color-brown-f1d);
    font-size: var(--font-20);
    font-family: var(--fm-op);
    text-transform: uppercase;
    line-height: 1;
}
.step-contents {
    padding: var(--space-35) var(--space-30);
}
.step-section-title {
    display: block;
    margin-bottom: var(--space-15);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
}
.step-section-title span {
    color: var(--color-brown-ab6);
}
.step-section {
    margin-bottom: var(--space-25);
    padding-bottom: var(--space-25);
    border-bottom: 1px solid rgba(133, 126, 120, 0.3);
}
.step-section:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.select-button label {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: var(--space-8);
    text-align: center;
}
.select-button label:last-of-type {
    margin-bottom: 0;
}
.select-button label input {
    position: absolute;
    left: -9999px;
}

.select-button label .label-button {
    width: 100%;
    padding: var(--space-8) var(--space-30);
    background-color: var(--color-brown-e1d);
}
.select-button label .label-button strong {
    color: var(--color-basic);
    font-size: var(--font-15);
}
.select-button label .label-button p {
    color: var(--color-basic);
    font-size: var(--font-13);
}
.select-button label input:checked + .label-button {
    background-color: var(--color-brown-e8d);
}
.select-button label input:checked + .label-button strong,
.appointment-step1 .select-button label input:checked + .label-button strong {
    color: var(--color-brown-563);
    font-weight: var(--fw-semibold);
}
.select-button label input:checked + .label-button p {
    color: var(--color-brown-563);
    font-weight: var(--fw-semibold);
}

.calendar-top {
    margin-bottom: var(--space-20);
}
.calendar-top .cal-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.calendar-top .cal-date span {
    color: var(--color-brown-563);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
}
.calen-table {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}
.calen-table th,
.calen-table td {
    width: 14.3%;
    min-width: 14.3%;
    max-width: 14.3%;
}
.calen-table th {
    height: 30px;
    background-color: var(--color-brown-ece);
    color: var(--color-basic);
    font-size: var(--font-14);
}
.calen-table td {
    height: 40px;
    text-align: center;
}
.calen-table td .dayinner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.calen-table td .dayinner button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}
.calen-table td .dayinner button span {
    color: var(--color-dark);
    font-size: var(--font-15);
    font-weight: var(--fw-medium);
}
.calen-table td .dayinner.current button {
    background-color: var(--color-primary);
}
.calen-table td .dayinner.current button span {
    color: var(--color-brown-f1e);
    font-weight: var(--fw-bold);
}
.calen-table td .dayinner.disabled button span, .calen-table td .dayinner.disabled span {
    color: var(--color-gray-b9b)
}
.time-select .time-common {
    display: flex;
    width: 100%;
    margin-bottom: var(--space-10);
}
.time-select .time-common:last-of-type {
    margin-bottom: 0;
}
.time-select .time-common .time-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18.7%;
    max-width: 86px;
    margin-right: var(--space-10);
    background-color: var(--color-brown-ece);
}
.time-select .time-common .time-title span {
    font-size: var(--font-15);
}
.time-select .time-common .time-list {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-8);
}
.time-select .time-common .time-list label {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.time-select .time-common .time-list label.disabled {
    cursor: default;
}
.time-select .time-common .time-list label input {
    position: absolute;
    left: -99999px;
}
.time-select .time-common .time-list label .label-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    background-color: var(--color-brown-e1d);
}
.time-select .time-common .time-list label.disabled .label-button {
    background-color: transparent;
}
.time-select .time-common .time-list label .label-button span {
    font-size: var(--font-15);
}
.time-select .time-common .time-list label.disabled .label-button span {
    color: var(--color-gray-b9b);
}
.time-select .time-common .time-list label input:checked + .label-button {
    background-color: var(--color-primary);
}
.time-select .time-common .time-list label.disabled input:checked + .label-button {
    background-color: transparent
}
.time-select .time-common .time-list label input:checked + .label-button span {
    color: var(--color-brown-f1e);
}
.time-select .time-common .time-list label.disabled input:checked + .label-button span {
    color: var(--color-gray-b9b);
}
.time-select .pm-time .time-title {
    align-items: flex-start;
}
.time-select .pm-time .time-title span {
    padding-top: var(--space-8);
}
.person-select {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--space-8);
}
.person-select label {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.person-select label input {
    position: absolute;
    left: -99999px;
}
.person-select label .label-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    background-color: var(--color-brown-e1d);
}
.person-select label.disabled .label-button {
    background-color: transparent;
}
.person-select label .label-button span {
    font-size: var(--font-15);
}
.person-select label.disabled .label-button span {
    color: var(--color-gray-b9b);
}
.person-select label input:checked + .label-button {
    background-color: var(--color-primary);
}
.person-select label.disabled input:checked + .label-button {
    background-color: transparent;
}
.person-select label input:checked + .label-button span {
    color: var(--color-brown-f1e);
}
.person-select label.disabled input:checked + .label-button span {
    color: var(--color-gray-b9b);
}
.appointment-step1 .step-section4 p {
    position: relative;
    margin-top: var(--space-15);
    padding-left: var(--space-20);
    font-size: var(--font-16);
}
.appointment-step1 .step-section4 p::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
    font-size: var(--font-16)
}

.threatment-list .list {
    margin-bottom: var(--space-8);
    padding: var(--space-15);
    background-color: var(--color-brown-ece);
}
.threatment-list .list:last-of-type {
    margin-bottom: 0;
}
.threatment-list .list p {
    position: relative;
    padding-left: var(--space-15);
    font-size: var(--font-16);
}
.threatment-list .list p span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font-16);
}
/* 문의내용 체크박스 */
.check-list .list-item {
    display: flex;
    align-items: center;
    margin: 0 var(--space-15);
    padding: var(--space-10) 0;
    border-bottom: 1px solid var(--color-brown-e6d);
}
.check-list .list-item:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}
.check-list input {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: var(--color-brown-f2e);
    border: 1px solid var(--color-brown-aba);
}
.check-list label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: var(--font-15);
}
.check-list .checkbox {
    position: relative;
    margin: 2px var(--space-8) 0 0;
    cursor: pointer;
}
.check-list .checkbox:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 2px;
    z-index: 1;
    width: 8px;
    height: 8px;
    border: 2px solid var(--color-brown-f1e);
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
.check-list .checkbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: transparent;
    cursor: pointer;
}
.check-list .checkbox:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.check-list .checkbox span {
    font-size: var(--font-15);
}
.check-list .checkbox:checked {
    background: var(--color-primary);
    border: 0;
}
.check-list .checkbox:checked + span {
    color: var(--color-primary);
}

/* 예약하기 - 인풋 */
.appointment-step3 .step-section1 .step-section-title {
    margin-bottom: var(--space-25);
    padding-bottom: var(--space-15);
    border-bottom: 1px solid rgba(133, 126, 120, 0.3);
}
.appointment-step1 .select-button label .label-button p {
    margin-top: 2px;
}
.appointment-step1 .step-section1 .select-button label .label-button strong {
    font-weight: var(--fw-bold);
    color: var(--color-deep);
}
.input-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-15) var(--space-8);
}
.input-list .input-box.w100 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.input-list .box-wrap {
    display: flex;   
}
.input-list .input-title {
    display: block;
    margin-bottom: var(--space-10);
    font-size: var(--font-15);
    font-weight: var(--fw-medium);
}
.input-list .input-title span {
    color: var(--color-brown-ab6);
}
.input-list .input-style {
    width: 100%;
    min-width: 0;
    height: 35px;
    padding: 0 var(--space-15);
    background-color: var(--color-brown-e1d);
    font-size: var(--font-14);
}
.input-list .input-style::placeholder {
    color: var(--color-brown-aba);
    font-size: var(--font-14);
}
.input-list .select-style {
    flex-basis: 82px;
    flex-shrink: 0;
    min-width: 0;
    height: 35px;
    margin-right: 1px;
    padding: 0 var(--space-10);
    background: var(--color-brown-e1d) url("/public/images/select-arrow.svg") no-repeat center right 10px / 8px auto;
    font-size: var(--font-13);
}
.appointment-step3 .step-section2 .check-list .list-item {
    flex-wrap: wrap;
    margin: 0 0 var(--space-8) 0;
    padding: var(--space-15);
    background-color: var(--color-brown-ece);
    border-bottom: 0;
}
.appointment-step3 .step-section2 .check-list .list-item:last-of-type {
    margin-bottom: 0;
}
.appointment-step3 .step-section2 .check-list .list-item.checked {
    background-color: var(--color-brown-e8d);
}
.appointment-step3 .step-section2 .check-list .list-item label {
    width: 100%;
    font-weight: var(--fw-bold);
}
.appointment-step3 .step-section2 .check-list .list-item label em {
    color: var(--color-brown-ab6);
}
.appointment-step3 .step-section2 .check-list .list-item p {
    margin-top: var(--space-5);
    padding-left: var(--space-25);
    font-size: var(--font-15);
}
.appointment-step3 .step-section3 .check-list label {
    align-items: flex-start;
}
.appointment-step3 .step-section3 .list-item {
    margin: 0 0 var(--space-8) 0;
    padding: var(--space-15);
    background-color: var(--color-brown-ece);
    border-bottom: 0;
}
.appointment-step3 .step-section3 .list-item:last-of-type {
    margin-bottom: 0;
}

.appointment-step3 .step-section3 .list-item.checked {
    background-color: var(--color-brown-e8d);
}
.appointment-step3 .step-section3 .list-item span::before {
    content: "*";
    display: inline-block;
    margin-right: var(--space-5);
    color: var(--color-brown-ab6);
    font-size: var(--font-15);
}
.appointment-step3 .step-section4 .check-list label {
    align-items: flex-start;
}
.appointment-step3 .step-section4 .list-item {
    margin: 0;
    padding: var(--space-15);
    background-color: var(--color-brown-ebe);
    border-bottom: 0;
}
.appointment-step3 .step-section4 .list-item.checkbox {
    background-color: var(--color-brown-e8d);
}
.appointment-step3 .step-section4 .btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: var(--space-25);
}
.appointment-step3 .step-section4 .btn-area button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: var(--color-brown-563);
}
.appointment-step3 .step-section4 .btn-area button:hover {
    background-color: var(--color-primary);
}
.appointment-step3 .step-section4 .btn-area button span {
    color: var(--color-white);
    font-size: var(--font-18);
    font-weight: var(--fw-semibold);
}
    @media all and (max-width: 1919px) {
        .appointment-step {
            margin-right: var(--space-20);
        }
        .step-contents {
            padding: var(--space-30) var(--space-20);
        }
    }
    @media all and (max-width: 1200px) {
        .appointment1 .content {
            flex-wrap: wrap;
        }
        .appointment-step {
            flex: 1 1 100%;
            margin-right: 0;
            margin-bottom: var(--space-70);
        }
        .appointment-step:last-of-type {
            margin-bottom: 0;
        }
        .appointment-step1 .select-button label .label-button p br {
            display: none;
        }
    }
    @media all and (max-width: 640px) {
        .appointment-step {
            margin-bottom: var(--space-60);
        }
        .step-title-area .step-num {
            width: 20px;
            height: 20px;
            line-height: 23px;
            font-size: var(--font-18);
        }
        .step-title-area .step-title {
            font-size: var(--font-18);
        }
        .step-contents {
            padding: var(--space-30) var(--space-20);
        }
        .step-section-title {
            margin-bottom: var(--space-10);
        }
        .step-section {
            margin-bottom: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .threatment-list .list {
            padding: var(--space-10);
        }
        .input-list .input-box {
            grid-column-start: 1;
            grid-column-end: 3;        
        }
        .appointment-step3 .step-section4 .btn-area {
            margin-top: var(--space-20);
        }
        .appointment-step3 .step-section4 .btn-area button {
            height: 45px;
        }
        .appointment-step3 .step-section4 .btn-area button span {
            font-size: var(--font-16);
        }
        .select-button label .label-button {
            padding: var(--space-8) var(--space-20);
        }
    }


/* 예약 완료 */
.appointment-complete .reservation-number {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: var(--space-30);
}
.appointment-complete .reservation-number span {
    color: var(--color-brown-aba);
    font-size: var(--font-18);
}
.appointment-complete .reservation-number strong {
    color: var(--color-brown-ab6);
    font-size: var(--font-23);
    font-weight: var(--fw-bold);
}
.appointment-complete .info-list {
    max-width: 800px;
    margin: 0 auto;
}
.appointment-complete .info-list .list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-10);
    padding: var(--space-30);
    background-color: var(--color-brown-f1e);
}
.appointment-complete .info-list .list:last-of-type {
    margin-bottom: 0;
}
.appointment-complete .info-list .list-title {
    display: flex;
    align-items: center;
    flex-basis: 230px;
    flex-shrink: 0;
    
}
.appointment-complete .info-list .list-title img {
    width: auto;
    margin-right: var(--space-10);
}
.appointment-complete .info-list .list-title span {
    color: var(--color-brown-563);
    font-size: var(--font-16);
    font-weight: var(--fw-semibold);
}
.appointment-complete .info-list .list-content {
    flex: 1 1 auto;
    padding-left: var(--space-30);
    border-left: 1px solid var(--color-brown-d0c);
}
.appointment-complete .info-list .list-content p {
    font-size: var(--font-16);
    font-weight: var(--fw-semibold);
}
.appointment-complete .info-list .list-content li::before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: var(--color-brown-ab6);
}
.appointment-complete .info-list .list-content .treatment-info li {
    position: relative;
    margin-bottom: var(--space-10);
    padding-left: var(--space-13);
    font-size: var(--font-16);
    font-weight: var(--fw-semibold);
}
.appointment-complete .info-list .list-content .treatment-info li:last-of-type {
    margin-bottom: 0;
}
.appointment-complete .info-list .list-content .customer-info li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: var(--space-10);
    padding-bottom: var(--space-10);
    border-bottom: 1px solid var(--color-brown-e6d);
    padding-left: var(--space-13);
}
.appointment-complete .info-list .list-content .customer-info li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.appointment-complete .info-list .list-content .customer-info li span {
    flex-basis: 130px;
    flex-shrink: 0;
    font-size: var(--font-15);
}
.appointment-complete .info-list .list-content .customer-info li strong {
    flex: 1 1 auto;
    font-size: var(--font-15);
    font-weight: var(--fw-semibold);    
}
.appointment-complete .info-list .list:last-child {
    background-color: var(--color-brown-e8d);
}
.appointment-complete .info-list .list:last-child .list-title {
    flex: 1 1 100%;
    align-items: flex-start;
}
.appointment-complete .btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--space-40);
}
.appointment-complete .btn-area .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    padding: 0 var(--space-20);
    background-color: var(--color-brown-857);
}
.appointment-complete .btn-area .btn:hover {
    background-color: var(--color-primary);
}
.appointment-complete .btn-area .btn span {
    color: var(--color-white);
    font-size: var(--font-13);
    text-transform: uppercase;
}
    /* Appointment 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .appointment-complete .reservation-number {
            margin-bottom: var(--space-25);
        }
        .appointment-complete .reservation-number span {
            color: var(--color-brown-aba);
            font-size: var(--font-16);
        }
        .appointment-complete .reservation-number strong {
            font-size: var(--font-20);
        }
        .appointment-complete .info-list .list {
            flex-direction: column;
        }
        .appointment-complete .info-list .list-title {
            display: flex;
            align-items: center;
            flex-basis: auto;
            margin-bottom: var(--space-20);
        }
        .appointment-complete .info-list .list-title span {
            font-size: var(--font-15);
        }
        .appointment-complete .info-list .list-content {
            width: 100%;
            padding-left: 0;
            border-left: 0;
        }
        .appointment-complete .info-list .list-content p {
            font-size: var(--font-15);
        }
        .appointment-complete .info-list .list-content .treatment-info li {
            font-size: var(--font-15);
        }
        .appointment-complete .info-list .list-content .treatment-info li:last-of-type {
            margin-bottom: 0;
        }
        .appointment-complete .info-list .list-content .customer-info li span {
            flex-basis: 130px;
            flex-shrink: 0;
            font-size: var(--font-14);
        }
        .appointment-complete .info-list .list-content .customer-info li strong {
            font-size: var(--font-14);
        }
        .appointment-complete .btn-area {
            margin-top: var(--space-30);
        }
        .appointment-complete .btn-area .btn span {
            font-size: var(--font-12);
        }
    }
    @media all and (max-width: 640px) {
        .appointment-complete .reservation-number {
            margin-bottom: var(--space-20);
        }
        .appointment-complete .reservation-number span {
            font-size: var(--font-15);
        }
        .appointment-complete .reservation-number strong {
            font-size: var(--font-18);
        }
        .appointment-complete .info-list .list {
            padding: var(--space-20)
        }
        .appointment-complete .info-list .list-content .customer-info li span {
            flex-basis: 100px;
        }
        .appointment-complete .btn-area {
            margin-top: var(--space-20);
        }
    }

/* Seminar & Press */
.press .press-wrap .post {
    padding: var(--space-100) 0
}
.press .press-wrap .post:first-of-type {
    padding-top: 0
}
.press .press-wrap .post .layout {
    display: flex;
    justify-content: space-between;
}
.press .press-wrap .post.post-bg {
    background-color: var(--color-brown-f1e);
}
.press .press-wrap .post.post-bg .layout {
    flex-direction: row-reverse
}
.press .press-wrap .post .layout .post-img,
.press .press-wrap .post .layout .post-content {
    width: 47%;
}
.press .press-wrap .post .post-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.press .press-wrap .post .post-content * {
    font-family: inherit !important;
}
.press .press-wrap .post .post-category {
    width: 94px;
    height: 39px;
    font-size: var(--font-16);
    margin-bottom: var(--space-25);
    color: #634324;
    background-color: var(--color-brown-ebe);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--fw-medium);
}
.press .press-wrap .post .post-title {
    text-align: left;
    font-weight: var(--fw-bold);
}
.press .press-wrap .post .post-titlesub {
    margin-top: var(--space-30);
}
.press .press-wrap .post .post-titlesub a:hover {
    color: var(--color-primary);
}
.press .press-wrap .post .post-date {
    font-size: var(--font-15);
    margin-top: var(--space-50);
    color: #B1B0B0;
    display: block;
}
.press-swiper .swiper-bottom{
    bottom: 20px;
}
    /* Seminar & Press 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .press .press-wrap .post .post-title {
            font-size: var(--font-25);
        }
        .press .press-wrap .post .post-category {
            width: 85px;
            height: 33px;
            font-size: var(--font-15);
        }
    }
    @media all and (max-width: 1000px) {
        .press .press-wrap .post {
            padding: var(--space-80) var(--space-100)
        }
        .press .press-wrap .post .layout,
        .press .press-wrap .post.post-bg .layout {
            justify-content: center;
            flex-direction: column-reverse;
        }
        .press .press-wrap .post .layout .post-img,
        .press .press-wrap .post .layout .post-content {
            width: 100%;
        }
        .press .press-wrap .post .post-content {
            align-items: center;
            margin-bottom: var(--space-30);
        }
        .press .press-wrap .post .post-category {
            width: 80px;
            height: 30px;
            font-size: var(--font-15);
            margin-bottom: var(--space-15);
        }
        .press .press-wrap .post .post-titlesub {
            margin-top: var(--space-20);
            font-size: var(--font-16);
        }
        .press .press-wrap .post .post-date {
            font-size: var(--font-14);
            margin-top: var(--space-20);
        }
    }
    @media all and (max-width: 640px) {
        .press .press-wrap .post {
            padding: var(--space-50) 0
        }
        .press .press-wrap .post .post-content {
            align-items: center;
            margin-bottom: var(--space-20);
        }
        .press .press-wrap .post .post-category {
            font-size: var(--font-14);
        }
        .press .press-wrap .post .post-title {
            text-align: center;
            font-size: var(--font-20);
        }
        .press .press-wrap .post .post-titlesub {
            margin-top: var(--space-20);
            font-size: var(--font-16);
        }
        .press .press-wrap .post .post-date {
            font-size: var(--font-13);
            margin-top: var(--space-15);
        }
    }