@charset "utf-8";
/* 20221128 수영메디컬 CSS */

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/* 공통부분 */

.model-button-prev, .model-button-next, .main-swiper-right, .main-swiper-left { cursor: pointer; }

p {
    margin: 0;
}

p, b, li, a, em, h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans KR";
}

ul,
li {
    list-style: none !important;
}

i {
    font-style: normal;
}

a,
a:hover {
    text-decoration: none;
}

@font-face {
    font-family: 'Marcellus';
    src: url('https://forestclinic.co.kr/css/font/Marcellus-Regular_1.woff') format('woff');
}

@media screen and (max-width: 1500px) {
    html {
        font-size: 12px;
    }
}

@media screen and (max-width: 1700px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width: 1300px) {
    html {
        font-size: 10px;
    }
}

html, body {
    overflow-x: hidden;
}

em {
    font-style: normal;
}

b {
    font-weight: 700;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],
input[type=password],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
    -webkit-box-shadow: 0 0 5px #9ed4ff;
    -moz-box-shadow: 0 0 5px #9ed4ff;
    box-shadow: 0 0 5px #9ed4ff;
    border: 1px solid #558ab7 !important;
}

.placeholdersjs {
    color: #aaa !important;
}

@keyframes slideup {
    0% {
        transform: translateY(710px);
        opacity: 0;
        transition-delay: 0s;
    }

    70% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }

}

/* 공통 */
.atag-sub {
    cursor: pointer;
}

video {width:100%;}

.suga-dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.model-req-swiper .swiper-slide {
    height: auto !important;
}

.main-swiper-1003 .main-video-background:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}

html, body {
    -ms-overflow-style: none;
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
}

/* PC */
.main-slider-cont .swiper-slide {
    overflow:hidden;
}

@media screen and (min-width: 1300px) {



    /* 20221206 */
    .model-top-subj {
        display: none;
    }

    html, body {
        font-size: 16px;
    }

    .main-section-06 .promise-flex-wrap .promise-top img {
        width: 100%;
        padding: 0 3.5em;
    }

    .suga-bottom {
        overflow-y: scroll;
        background-color: #fff;
        margin-top: -10px;
        height: 60vh;
    }

    .suga-table {
        padding: 60px;
    }

    .suga-pc-top img {
        width: 100%;
    }

    .suga-pop {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 9999;
    }

    .suga-wrap {
        position: relative;
        width: 33%;
        margin: 0 auto;
        height: 70vh;
    }

    .suga-wrap .suga-bottom img {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    /* 스와이퍼 */
    .main-slider-wrap {
        height: 100%;
        width: 100vw;
    }

    .main-slider-txt {
        position: absolute;
        top: 35%;
        transform: translateX(-50%);
        left: 50%;
        width: auto;
    }

    .swiper-slide .main-slider-txt {
        opacity: 0;
    }

    .swiper-slide-active .main-slider-txt {
        opacity: 1;
    }

    .main-slider-txt p {
        text-align: center;
        color: #fff;
        display: block;
        line-height: 1.4;
    }

    .main-swiper-1001 .main-slider-txt .slider-txt-top {
        font-size: 1.25em;
        letter-spacing: 3px;
        font-weight: 100;
        padding-bottom: 2.5em;
    }

    .main-swiper-1001 .main-slider-txt .slider-txt-bot {
        font-size: 3.375em;
        font-weight: 200;
        letter-spacing: -0.5px;
    }

    .main-swiper-1002 .main-slider-txt .slider-txt-top {
        font-size: 1.25em;
        letter-spacing: 3px;
        font-weight: 100;
        padding-bottom: 2.5em;
    }

    .main-swiper-1002 .main-slider-txt .slider-txt-bot {
        font-size: 3.375em;
        font-weight: 200;
        letter-spacing: -0.5px;

    }

    .main-swiper-1003 .main-slider-txt .slider-txt-top {
        font-size: 1.25em;
        letter-spacing: 3px;
        font-weight: 100;

    }

    .main-swiper-1003 .main-slider-txt .slider-txt-bot {
        font-size: 3.375em;
        font-weight: 200;
        letter-spacing: -0.5px;
        padding-top: 1.15em;
    }

    .main-swiper-1001 .main-video-background:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
    }

    .main-section-01 {
        height: 50vw;
        max-height: 60em;
        overflow: hidden;
    }

    .mo-regi {
        display: none;
    }

    .main-slider-cont .swiper-slide .main-video-background {
        z-index: 0;
        transition: transform 3.5s linear;
        -webkit-transition: transform 3.5s linear;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

    .main-video-background {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .main-swiper-1001 {
        background: url("/images/main/main-slide-1.jpg") 50% 50%/cover no-repeat;
    }

    .main-swiper-1002 {
        background: url("/images/main/main-slide-2.jpg") 50% 50%/cover  no-repeat;
    }

    .main-swiper-1003 {
        background: url("/images/main/main-slide-3.jpg") 50% 50%/cover  no-repeat;
    }

    .swiper-slide {
        height: 100%;
        width: 100%;
    }

    .main-section-02 {
        padding-top: 10em;
    }

    .main-section-wrap {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .repre-content {
        display: flex;
        height: 43.75em;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .repre-content .repre-detail-wrap {
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        border-left: 1px solid #fff;
        z-index: 1;
    }

    .main-slider-cont {
        position: relative;
        width: 100%;
        height: 100%;
    }


    .repre-content {
        background-color: #c9c9c9;
    }

    .repre-detail {
        text-align: center;
    }

    .repre-detail em {
        font-size: 1em;
        color: #F17D3C;
        margin-bottom: -0.4em;
        display: block;
        padding-bottom: 0.5em;
    }

    .repre-detail p {
        font-size: 2.25em;
        font-weight: 600;
        color: #fff;
    }

    .repre-title-left {
        font-size: 3em;
        font-weight: 600;
    }

    .repre-detail-over {
        display: none;
        transition: 1s;
    }

    .repre-detail-wrap.test .repre-detail-over {
        display: block;
    }

    .repre-detail-over .repre-over-move img {
        display: block;
        margin: 0 auto;
        padding-top: 1.8em;
    }

    .repre-detail-over .repre-over-txt p {
        display: block;
        text-align: center;
        padding-top: 1.5em;
        font-size: 1.25em;
        line-height: 1.6;
        color: #fff;
    }

    .repre-bg {
        position: absolute;
        height: 43.75em;
        width: 100%;
        top: 0;
        transform: translateY(43.75em);
        background-image: url("https://forestclinic.co.kr/dev/main-surg-01.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: -1;
    }

    .repre-bg.active {
        animation: slideup 1s ease-in forwards;
        z-index: 0;
    }

    .repre-content:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .repre-bg.bg01 {
        background-image: url("/images/main/repre-1.png");
    }

    .repre-bg.bg02 {
        background-image: url("/images/main/repre-2.png");
    }

    .repre-bg.bg03 {
        background-image: url("/images/main/repre-3.png");
    }

    .repre-bg.bg04 {
        background-image: url("/images/main/repre-4.png");
    }

    .repre-bg.bg05 {
        background-image: url("/images/main/repre-5.png");
    }

    .repre-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 8em;
    }

    .repre-title-mid {
        font-size: 1.6em;
        letter-spacing: 0.4em;
        padding-right: 5em;
        line-height: 2;
        color: #1d1d1d;
    }

    .repre-title-right-block {
        display: flex;
        align-items: center;
    }


    .down-poly-arrow {
        position: relative;
        width: 4.375em;
        height: 4.05375em;
        background: url("/images/main/arrow-box.png") 50% 50%/88% no-repeat;
        padding: 5px;
    }

    .down-poly-arrow .down-poly-block {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .down-poly-arrow p {
        text-align: center;
        font-size: 1.25em;
        color: #000;
        font-weight: 400;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        animation: horizontald 1.5s ease-in-out infinite;
    }

    @keyframes horizontald {
        0% {
            margin-top: -40px;
        }

        50% {
            margin-top: 0px;
            animation-play-state: paused, running;
        }

        100% {
            margin-top: 40px;
        }
    }

    /* header */

    .header-inner-top-btn {
        display: none;
        justify-content: space-around;
        margin: 0 15em;
        height: 100%;
        align-items: center;
    }

    .downhead .header-inner-top-btn {
        display: flex;
    }

    .header-inner-top-btn a {
        color: #1d1d1d;
        font-size: 1.25em;
        font-weight: 500;
        margin: 0;
    }

    .header-inner.downhead {
        box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
        background-color: #fff;
    }

    .header-inner.downhead p,
    .header-inner.downhead .header-inner-right p {
        color: #000;
        margin: 0;
    }

    .header-inner.downhead .header-inner-right .header-login:after {
        color: #000;
    }

    .forest-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }

    .header-inner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 30px 80px 20px;
        display: flex;
        justify-content: space-between;
    }

    .header-inner .header-inner-left {
        width: 15%;
        display: flex;
        align-items: center;
    }

    .header-inner .header-inner-left img {
        margin-left: 0;
    }

    .header-inner .header-inner-logo {
        width: 100%;
    }

    .header-inner .header-inner-right {
        display: flex;
        width: 40%;
        align-items: center;
        justify-content: flex-end;
    }

    .header-inner .header-inner-right .header-login:after {
        content: "|";
        display: inline-block;
        position: absolute;
        left: calc(100% - 16px);
        top: 0;
        color: #fff;
        font-size: 1em;
    }

    .header-inner .header-inner-right p {
        color: #fff;
        font-size: 1em;
        font-weight: 200;
    }

    .header-login {
        padding-right: 30px;
        position: relative;
    }

    .forest-hamberger {
        position: fixed;
        top: 30px;
        right: calc(50% - 1.5rem);
        width: 60px;
        height: 55px;
        z-index: 30;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ham-btn.downhead {
        background-image: url("https://forestclinic.co.kr/images/header/menu_b.png");
    }

    .ham-btn {
        background-image: url("https://forestclinic.co.kr/images/header/menu_btn.png");
    }

    .ham-btn.ham-open {
        background-image: url("https://forestclinic.co.kr/images/header/menu_close.png");
    }

    .main-section-01 {
        position: relative;
    }

    .pagi-top {
        display: flex;
        padding-bottom: 1em;
    }

    .main-swiper-pagi {
        position: absolute;
        bottom: 6em;
        z-index: 8;
        display: block;
        text-align: center;
        width: 25em;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .main-pagi-scroll {
        background-color: #8C8784;
        border-radius: 5px;
        height: 3px;
        z-index: 50;
    }

    .main-fraction {
        color: #fff;
    }

    .pagi-progress {
        height: 3px;
        background: #fff;
        border-radius: 5px;
    }

    .main-fraction {
        text-align: left;
        font-size: 1.2em;
        letter-spacing: 0.5em;
        color: #8c8784;
    }

    .swiper-arrow {
        display: flex;
        width: 50%;
        justify-content: flex-end;
    }

    .main-swiper-left {
        padding-right: 1em;
    }

    /*gnb*/

    .forest-gnb {
        height: 60em;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        display: none;
        background-color: #1d1d1d;
        opacity: 0;
    }

    .forest-gnb .gnb-wrap {
        width: 100%;
        height: 60em;
        display: flex;
        justify-content: center;
        align-items: center;
    }



    .gnb-inner {
        width: 90%;
        max-width: 1604px;
        margin-top: 100px;
    }

    .gnb-flex {
        display: flex;
    }

    .gnb-menu-list {
        width: 60%;
        border-right: 1px solid #3d3d3d;
        padding-right: 100px;
        padding-bottom: 80px;
    }

    .gnb-menu-list .gnb-menu-depth1 {
        position: relative;
        border-bottom: 1px solid #3d3d3d;
        padding: 1.8rem 0;
    }

    .gnb-menu-depth1-inner {
        opacity: 0;
        visibility: hidden;
        transform: translate(0px, 10px);
        transition: 0.5s;
    }

    .gnb-open .gnb-menu-depth1-inner {
        opacity: 1;
        visibility: inherit;
        transform: translate(0px, 0px);
    }

    .gnb-menu-depth2 {
        position: absolute;
        bottom: 0.5rem;
        left: 30%;
        width: 75%;
        display: flex;
        flex-wrap: wrap;
        color: #8c8784;
    }

    .gnb-menu-depth2 li {
        margin-right: 1rem;
        font-size: 1.25em;
        font-weight: 300;
        letter-spacing: -0.5px;
    }

    .gnb-menu-depth1:hover p {
        color: #fff;
    }

    .gnb-menu-depth2 li:hover {
        color: #fff;
    }

    .gnb-depth1-cont p {
        font-size: 2.5em;
        font-weight: 500;
        letter-spacing: -0.5px;
        color: #8c8784;
    }

    .poly-arrow {
        position: relative;
        width: 4.375em;
        height: 4.05375em;
        background: url("https://forestclinic.co.kr/images/main/poly.png") 50% 50%/88% no-repeat;
        padding: 5px;
    }

    .poly-arrow .poly-block {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .poly-arrow p {
        text-align: center;
        font-size: 1.25em;
        color: #fff;
        font-weight: 400;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        animation: horizontal 1.5s ease-in-out infinite;
    }

    @keyframes horizontal {
        0% {
            margin-left: -40px;
        }

        50% {
            margin-left: 0px;
        }

        100% {
            margin-left: 40px;
        }
    }

    .gnb-slider-title {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .slider-title-left b {
        color: #fff;
        display: block;
        font-size: 1.5em;
    }

    .slider-title-left p {
        color: #666;
        font-size: 1em;
    }


    .gnb-slider-wrap {
        padding-left: 6.25em;
        width: 40%;
        padding-top: 1.5em;
    }

    .gnb-slider {
        height: auto;
        overflow: hidden;
        width: 35.85em;
    }

    .gnb-slider img {
        width: 100%;
    }

    .gnb-slider .swiper-wrapper {
        padding-top: 1.7em;
        height: 41.146em;
    }

    /*원장소개*/

    .main-section-03 {
        max-width: 85%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20em;
        padding-bottom: 10em;
    }

    .main-order.main-order-2 {
        width: 28%;
    }

    .doctor-yeard-name span:nth-child(1) {
        font-size: 1.5em;
        color: #EA7635;
        font-weight: 600;
    }

    .doctor-yeard-name p {
        font-size: 1.875em;
        color: #1d1d1d;
        padding-bottom: 0.5em;
        position: relative;
    }


    .doctor-year-cont p {
        font-size: 1.25em;
        color: #666;
        line-height: 1.8em;
        padding-left: 15px;
        white-space: pre;
        position: relative;
    }

    .doctor-year-cont p:before {
        content: '';
        position: absolute;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #666;
        top: 44%;
        border-radius: 100%;
    }

    .doctor-year-txt p {
        font-size: 1.25em;
        color: #666;
        line-height: 1.5;
        position: relative;
    }


    .main-section-03 .section-03-wrap {
        display: flex;
        justify-content: space-between;
    }

    .main-order .order-1-top p {
        font-size: 1.25em;
        color: #b4b4b4;
        letter-spacing: 0.1em;
    }

    .main-order .order-1-middle p {
        font-size: 3em;
        color: #1d1d1d;
        font-weight: 600;
    }

    .main-order .order-1-bottom p {
        font-size: 1.25em;
        color: #b4b4b4;
        letter-spacing: 0.2em;
    }

    .main-order .order-1-bottom p span {
        color: #F17D3C;
        font-weight: 700;
    }

    .main-order.main-order-1 {
        order: 1;
        padding-top: 4.75em;
        width: 40%;
    }

    .main-order.main-order-3 {
        order: 2;
        padding-top: 8.25em;
    }

    .main-order.main-order-1 p {
        text-align: center;
    }

    .main-order.main-order-1 .order-1-arrow {
        padding-top: 5.26em;
    }

    .main-order.main-order-1 .order-1-middle {
        padding-top: 3.125em;
    }

    .main-order.main-order-1 .order-1-bottom {
        padding-top: 3.125em;
    }

    .order-1-arrow .down-poly-arrow {
        margin: 0 auto;
    }

    .main-order.main-order-2 img {
        padding-bottom: 1.875em;
    }


    .main-order.main-order-3 img {
        padding-bottom: 1.875em;
    }



    .main-order.main-order-3 p span {
        color: #095946;
        font-weight: 500;
    }

    .main-order.main-order-3 .view-arrow {
        padding-top: 2.5em;
    }

    .main-order.main-order-3 .view-arrow p {
        font-size: 1.5em;
        color: #1d1d1d;
        font-weight: 400;
    }

    .main-order.main-order-3 .view-arrow p:after {
        content: "";
        display: inline-block;
        background: url("https://forestclinic.co.kr/images/main/half-arrow-right.png") 50% 50%/100% no-repeat;
        width: 2.5em;
        height: 0.6875em;
        margin-left: 15px;
    }

    .main-order .order-img img {
        width: 28.125em;
    }

    .order-1-wrap {
        transition-delay: 0.3s;
    }

    .order-3-wrap {
        transition-delay: 0.6s;
    }

    /*원장의이야기*/
    .main-section-04 {
        margin-right: auto;
        margin-left: auto;

    }

    .cap-story {
        width: 100%;
        height: 22.8125em;
        position: relative;
        background: url("/images/main/storys.png") 50% 50%/100% no-repeat;
    }

    .cap-story .cap-story-wrap {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .section-06-title p:nth-child(1) {
        font-size: 1.25em;
        color: #b4b4b4;
        letter-spacing: 0.1em;
        padding-bottom: 1em;
        font-weight: 300;
    }

    .cap-story .cap-story-top p {
        font-size: 1.125em;
        color: #C4C0DD;
        text-align: center;
        display: block;
        font-weight: 200;
        letter-spacing: 0.2em;
        padding-bottom: 1em;
    }

    .cap-story .cap-story-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cap-story .cap-story-bottom p {
        font-size: 2.5em;
        color: #fff;
        padding-right: 0.7em;
        font-weight: 300;
    }

    .cap-story .cap-story-bottom img {
        width: 4.375em;
    }

    /* 
  .cap-story:hover .cap-story-top p {
    color: #ccc;
  }

  .cap-story:hover .cap-story-bottom p {
    color: #fff;
  } */

    /* dpmodule */

    .dp_module {
        transition: all 1s;
    }

    .dp_module.ready {
        transform: translateY(200px);
        opacity: 0;
    }

    .dp_module.on {
        transform: translateY(0);
        opacity: 1;
    }

    .main-section-05 {
        padding-top: 10em;
        margin-right: 0;
        padding-left: 7.5%;
        padding-bottom: 10em;
        background-color: #F3F0ED;
    }

    .slide-hover-block {
        position: relative;
        overflow: hidden;
    }

    .forest-event-wrap .swiper-wrapper .slide-img-wrap {
        position: relative;
        overflow: hidden;
    }

    .forest-event-wrap .swiper-wrapper .slide-under-txt p {
        font-size: 1.125em;
        text-align: center;
        padding-top: 1em;
        color: #4D4136;
    }


    .forest-event-wrap.event-active .swiper-wrapper .slide-img-wrap img {
        width: 100%;
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
    }

    .forest-event-wrap .swiper-wrapper .slide-img-wrap {
        transform: scale(1);
        -webkit-transform: scale(1);
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
    }

    .forest-event-wrap .swiper-wrapper .slide-img-wrap:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #4D4136;
        transition: height 1s ease;
        -webkit-transition: height 1s ease;
    }

    .forest-event-wrap.event-active .swiper-wrapper .slide-img-wrap:after {
        height: 0;
    }

    .forest-event-wrap.event-active .swiper-wrapper .swiper-slide:nth-child(2) .slide-img-wrap:after {
        transition-delay: 0.15s;
    }

    .forest-event-wrap.event-active .swiper-wrapper .swiper-slide:nth-child(3) .slide-img-wrap:after {
        transition-delay: 0.3s;
    }

    .forest-event-wrap.event-active .swiper-wrapper .swiper-slide:nth-child(4) .slide-img-wrap:after {
        transition-delay: 0.45s;
    }

    .forest-event-wrap.event-active .swiper-wrapper .swiper-slide:nth-child(5) .slide-img-wrap:after {
        transition-delay: 0.6s;
    }

    .forest-event-wrap.event-active .swiper-wrapper .swiper-slide:nth-child(6) .slide-img-wrap:after {
        transition-delay: 0.75s;
    }

    .forest-event-wrap .slide-hov-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
    }

    .forest-event-wrap .slide-hov-wrap img {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
        transition: 1s ease;
        -webkit-transition: 1s ease;
    }

    .forest-event-wrap .swiper-slide:hover .slide-img-wrap img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: 1s ease;
        -webkit-transition: 1s ease;
    }

    .forest-event-wrap .swiper-slide:hover .slide-hov-wrap {
        width: 100%;
        height: 100%;
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        /* background-color: rgba(0, 0, 0, 0.6);
        background-image: url("/image/index/w-view.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20%; */
    }

    .forest-event-wrap .swiper-slide img {
        width: 100%;
    }

    .event-flex-wrap {
        display: flex;
        justify-content: center;
    }

    .event-swiper {
        overflow: hidden;
        width: 100%;
    }

    .event-flex-right {
        width: 30%;
    }

    .event-scroller {
        margin-top: 6.25em;
        height: 5px;
        background-color: #fff;
    }

    .forest-event-wrap .swiper-scrollbar-drag {
        background: #F17D3C !important;
    }

    .event-flex-right-top p {
        font-size: 3em;
        color: #1d1d1d;
        font-weight: 400;
        line-height: 1.3;
    }

    .section-title.section-06-title {
        font-weight: 300;
    }


    .event-flex-right-bot p {
        font-size: 1.25em;
        color: #b4b4b4;
        padding-top: 1.3em;
    }

    .event-flex-right-nav {
        display: flex;
        padding-top: 5em;
    }

    .event-button-prev {
        display: block;
        width: 4.3em;
        height: 4.3em;
        background: url("/images/main/arrow-left.png") 50% 50%/100% no-repeat;
    }

    .event-button-next {
        display: block;
        width: 4.3em;
        height: 4.3em;
        margin-left: 10px;
        background: url("/images/main/arrow-right.png") 50% 50%/100% no-repeat;
    }

    .event-button-prev:hover {
        background: url("/images/main/hover-left.png") 50% 50%/100% no-repeat;
    }

    .event-button-next:hover {
        background: url("/images/main/hover-right.png") 50% 50%/100% no-repeat;
    }

    .main-section-06 {
        margin-right: auto;
        margin-left: auto;
        padding-top: 10em;
        padding-bottom: 10em;
        position: relative;
    }

    .main-section-06-bg {
        max-width: 85%;
        display: block;
        margin: 0 auto;
        position:relative;
        z-index:1;
    }

    .main-section-06:after {
        content: '';
        width: 100%;
        position: absolute;
        border-bottom: 3px dotted #312B56;
        top: 55%;
        z-index: 0;
    }

    .main-section-06:before {

        content: '';
        background: url("/images/main/bg.jpg");
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        bottom: 0;
    }

    .section-title p {
        font-size: 3em;
        color: #1d1d1d;
        text-align: center;
        font-weight: 600;
    }

    .promise-flex-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 5.625em;
    }

    .promise-wrap:nth-child(2) {
        transition-delay: 0.15s;
    }

    .promise-wrap:nth-child(3) {
        transition-delay: 0.3s;
    }

    .promise-wrap:nth-child(4) {
        transition-delay: 0.45s;
    }

    .promise-bot p {
        font-size: 1.5em;
        color: #1d1d1d;
        text-align: center;
        padding-top: 2em;
        font-weight: 400;
    }

    /*병원이야기*/
    .main-section-07 {
        margin-right: auto;
        margin-left: auto;
        padding-top: 10em;
    }

    .sur-story {
        width: 100%;
        height: 22.8125em;
        position: relative;
        background: url("https://forestclinic.co.kr/images/main/gray-banner.png") 50% 50%/100% no-repeat;
    }

    .sur-story .sur-story-wrap {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .sur-story .sur-story-top p {
        font-size: 1.125em;
        color: #857B76;
        text-align: center;
        display: block;
        font-weight: 200;
        letter-spacing: 0.2em;
    }

    .sur-story .sur-story-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sur-story .sur-story-bottom p {
        font-size: 3em;
        color: #857B76;
        padding-right: 0.7em;
        font-weight: 600;
    }

    .sur-story .sur-story-bottom img {
        width: 4.375em;
        margin-top: 0.5em;
    }

    /* .sur-story:hover .sur-story-top p {
    color: #1d1d1d;
  }

  .sur-story:hover .sur-story-bottom p {
    color: #1d1d1d;
  } */

    /* 모델지원 */
    .main-section-08 {
        padding-top: 10em;
        margin-right: 0;
        margin-left: 7.5%;
    }

    .model-requset-box {
        position: relative;
    }

    .model-request-wrap {
        position: relative;
    }

    .model-req-swiper {
        position: absolute;
        top: 0;
        right: 0;
        width: 55%;
        margin-top: -5.625em;
        overflow: hidden;
        border-bottom-left-radius: 150px;
        isolation: isolate;
    }



    .model-request-left {
        background-color: #312B56;
        width: 80em;
        height: 43.75em;
    }

    .model-button-prev {
        display: block;
        width: 4.3em;
        height: 4.3em;
        background: url("/images/main/arrow-left.png") 50% 50%/100% no-repeat;
    }

    .model-button-next {
        display: block;
        width: 4.3em;
        height: 4.3em;
        margin-left: 10px;
        background: url("/images/main/arrow-right.png") 50% 50%/100% no-repeat;
    }

    .model-button-prev:hover {
        background: url("/images/main/hover-left.png") 50% 50%/100% no-repeat;
    }

    .model-button-next:hover {
        background: url("/images/main/hover-right.png") 50% 50%/100% no-repeat;
    }

    .model-left-top {
        padding-top: 8em;
    }

    .model-left-top p {
        padding-top: 0.5em;
        padding-left: 2.5em;
        font-size: 3em;
        color: #fff;
        font-weight: 300;
    }

    .view-wrap-bullets {
        position: absolute;
        bottom: 10%;
        left: 7.5em;
        display: flex;
        align-items: center;
    }

    .view-wrap-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #fff;
        opacity: 1;
        transition: 1s;
        margin: 0 10px;
    }

    .view-wrap-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;
        border: 2px solid #fff;
        background: none;
    }

    .model-left-upeer p {
        padding-left: 8em;
        padding-top: 8em;
        color: #b4b4b4;
    }

    .model-left-bot {
        font-size: 1.25em;
        color: #bfbfbf;
        font-weight: 200;
        padding-top: 3em;
        padding-left: 6em;
        line-height: 1.7;
    }

    .request-btn .model-btn {
        color: #fff;
        font-size: 1.25em;
        padding: 15px 0 19px 28px;
        border: 1px solid #fff;
        width: 10em;
    }

    .request-btn {
        padding-left: 7.5em;
        padding-top: 9em;
    }

    .request-btn .model-btn:after {
        content: "";
        display: inline-block;
        background: url("https://forestclinic.co.kr/images/main/half-arrow-right-w.png") 50% 50%/100% no-repeat;
        width: 2.5em;
        height: 0.6875em;
        margin-left: 15px;
    }

    .model-btn-wrap {
        padding-bottom: 5em;
        display: flex;
    }


    .main-section-09 {
        max-width: 85%;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20em;
        padding-bottom: 10em;
    }

    .maps-flex-wrap {
        display: flex;
        justify-content: space-between;
    }

    .maps-left {
        width: 45%;
        margin-right: 5em;
    }

    .info-title p {
        font-size: 3em;
        padding-bottom: 0.5em;
        color: #1d1d1d;
        font-weight: 600;
        border-bottom: 1px solid #1d1d1d;
    }

    .maps-sub-table table {
        margin-top: 3em;
    }

    .maps-sub-table tr td span {
        display: block;
    }

    .maps-sub-table tr td {
        padding: 0 1em 2em 1em;
        font-size: 1.25em;
        vertical-align: top;
    }

    .maps-sub-table tr td:nth-child(1) {
        padding-left: 0;
        padding-right: 2.5em;
        border-right: 1px solid #1d1d1d;
        color: #4d4136;
    }

    .maps-sub-table tr td:nth-child(3) {
        padding-left: 2.5em;
    }

    .maps-right {
        width: 50%;
    }

    .sunday {
        padding-left: 8em;
        font-size: 1.1em;
        padding-top: 0.7em;
        color: #8C8784;
    }

    .sunday:nth-child(3) {
        padding-top: 0;
    }

    .under-table {
        padding-top: 5em;
        display: flex;
        justify-content: space-around;
    }

    .forest-footer {
        background: #fff !important;
        border-top: 1px solid #1d1d1d;
        padding-bottom: 6.625em;
        padding-top: 3em;
    }

    .footer-wrap {
        display: flex;
        justify-content: space-between;
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-mo-info {
        display: none;
    }

    .move-top {
        padding: 1.7em 1em;
        border: 1px solid #1d1d1d;
    }

    /*포레스트성형외과*/
    .side-forest-page .other-part-2 .part-2-wrap {
        padding: 140px 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .side-forest-page .other-part-2 .part-2-wrap .part-2-left p {
        font-size: 40px;
        color: #1d1d1d;
    }

    .side-forest-page .other-part-2 .part-2-wrap .part-2-left p:nth-child(2) {
        padding-left: 30px;
    }

    .side-forest-page .other-part-2 .part-2-wrap .part-2-left p:nth-child(3) {
        padding-left: 15px;
    }

    .side-forest-page .other-part-2 .part-2-wrap .part-2-left p:nth-child(3) span {
        color: #0a5946;
    }


    /*사이드공통*/
    .other-top-wrap {
        position: relative;
    }

    .other-part-1 .other-top-wrap img {
        width: 100%;
    }

    .other-part-1 .other-top-wrap .other-top-txt {
        position: absolute;
        top: 42%;
        left: 19%;
    }

    .other-part-1 .other-top-wrap .other-top-txt .other-top-txt-1 p {
        font-weight: 500;
        font-size: 16px;
        color: #22896e;
    }

    .other-part-1 .other-top-wrap .other-top-txt .other-top-txt-2 p {
        font-weight: 500;
        font-size: 74px;
        color: #fff;
        padding-top: 30px;
        line-height: 1;
    }

    .other-part-1 .other-top-wrap .other-top-txt .other-top-txt-3 p {
        font-weight: 200;
        font-size: 18px;
        color: #fff;
        padding-top: 30px;
    }

    .part-4-1-mo {
        display: none;
    }

    .table-rows:after {
        content: '';
        display: table;
        clear: both;
    }

    .part-4-right-wrap,
    .part-4-right-first {
        float: right;
        width: 45%;

    }

    .part-4-right-wrap {
        padding-bottom: 15em;
    }

    .part-4-left-wrap {
        float: left;
        width: 45%;
        padding-bottom: 15em;
    }

    .other-part-4 {
        max-width: 65%;
        margin: 0 auto;
    }

    .part-4-right-first .part-4-part-box {
        padding-bottom: 8.75em;
    }

    .part-4-right-first .part-4-part-box .part-4-box-title p {
        font-weight: bold;
        font-size: 2.5em;
        text-align: right;
    }

    .part-4-right-first .part-4-part-box .part-4-box-title p:nth-child(1) {
        padding-right: 1em;
    }

    .part-4-part-wrap .t4-box-text-top p {
        padding-top: 2em;
        padding-bottom: 1em;
        font-size: 2.25em;
        font-weight: 400;
        color: #1d1d1d;
    }

    .part-4-part-wrap .t4-mid-line p {
        font-size: 1.25em;
        color: #22896e;
        font-weight: bold;
    }

    .part-4-part-wrap .t4-box-text-rig p {
        font-size: 1.125em;
        color: #8c8784;
    }

    .part-4-part-wrap .t4-mid-line {
        width: 20em;
        height: 2px;
        background-color: #22896e;
        margin-right: 2em;
    }

    .part-4-part-wrap .t4-box-text-mid {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        vertical-align: middle;
        padding-bottom: 2em;
    }

    .part-4-part-wrap .t4-box-text-rig p span {
        display: block;
    }

    .part-4-1-pc .part-4-top-flex {
        padding-top: 2em;
        padding-bottom: 8em;
        display: flex;
        justify-content: space-between;
    }

    .part-4-1-pc .part-4-top-left p {
        font-size: 2.5em;
        font-weight: 400;
        color: #0a5946;
    }

    .part-4-1-pc .part-4-top-left p span {
        color: #8c8784;
    }

    .part-4-1-pc .part-4-top-right p {
        font-size: 1.5em;
        color: #8c8784;
        letter-spacing: 2px;
    }

    .staff-03-bot p span {
        display: block;
    }

    .other-part-3 {
        padding-bottom: 8em;
    }

    .other-part-3 .other-part-3-wrap {
        padding: 140px 0;
        background-image: url('https://forestclinic.co.kr/images/forest/forest-02.jpg');
        /* background-image: url('http://forestclinic.co.kr/images/forest/testz.jpg'); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .other-part-3 .part-3-txt-wrap {
        text-align: right;
        max-width: 65%;
        margin: 0 auto;
    }

    .other-part-3 .part-3-txt-wrap p {
        font-size: 2.5em;
        color: #fff;
        padding-bottom: 0.2em;
        font-weight: 400;
    }

    .other-part-3 .part-3-txt-wrap p:nth-child(2) {
        padding-right: 2em;
    }

    .other-part-3 .part-3-txt-wrap p:nth-child(3) {
        padding-bottom: 0;
    }

    .other-part-1-mo {
        display: none
    }


    .side-staff-page .part-2-wrap {
        padding: 140px 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .side-staff-page .part-2-left p {
        font-size: 40px;
        color: #1d1d1d;
    }

    .side-staff-page .part-2-left p span {
        color: #0a5946;
    }

    .staff-mo {
        display: none;
    }

    .staff-03 {
        width: 65%;
        margin: 0 auto;
        margin-bottom: 30em;
        position: relative;
    }

    .staff-03 .staff-03-bot {
        position: absolute;
        padding: 5em;
        background-color: #0a5946;
        width: 60%;
        top: 72%;
        right: 0;
    }

    .staff-03 .staff-03-bot p {
        padding-bottom: 3em;
        font-size: 1.125em;
        color: #fff;
        font-weight: 100;
    }

    .staff-03 .staff-03-bot p:nth-child(2),
    .staff-03 .staff-03-bot p:nth-child(4) {
        font-weight: 400;
    }

    .staff-03 .staff-03-bot p:last-child {
        padding-bottom: 0;
    }

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

    .side-under-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .side-under-move {
        max-width: 65%;
        margin: 0 auto;
        padding: 8em 0;
    }

    .side-under-move .side-under-cont {
        width: 20%;
    }

    .infomation-01,
    .infomation-02 {
        max-width: 65%;
        margin: 0 auto;
        padding-top: 8em;
    }

    .infomation-01-title p,
    .infomation-02-title p {
        font-size: 2.25em;
        color: #1d1d1d;
        font-weight: 400;
        padding-bottom: 1.5em;
    }

    .infomation-01-flex {
        display: flex;
        justify-content: space-between;
    }

    .infomation-01-flexible {
        width: 23.5%;
        padding: 1em;
        vertical-align: middle;
        position: relatvie;
        display: flex;
        flex-direction: column;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        border-radius: 5px;
        border-top: 2px solid #095946;
    }

    .info-01-top p {
        padding: 2em;
        text-align: center;
        font-size: 1.75em;
        color: #1d1d1d;
        font-weight: 400;
    }

    .info-01-mid img {
        width: 40% !important;
        display: block;
        margin: 0 auto;
    }

    .info-01-bot {
        text-align: center;
        padding: 1em 0 2em 0;
        margin: auto;
    }

    .info-01-bot p {
        font-size: 1.125em;
        color: #8c8784;
    }

    .infomation-02-title {
        display: flex;
        justify-content: space-between;
    }

    .infomation-02-title p {
        width: 100%;
    }

    .infomation-02-cont {
        padding: 3em 5em;
        border-top: 1px solid #8c8784;
        border-bottom: 1px solid #8c8784;
    }

    .term-wrap .term-all-checked #fregister_chkall {
        padding-top: 0;
    }

    .infomation-02-cont .info-02-flex {
        display: flex;
    }

    .infomation-02-cont .info-02-flex .info-02-left,
    .infomation-02-cont .info-02-flex .info-02-right {
        width: 100%;
    }

    .info-02-left-time p {
        font-size: 1.5em;
    }

    .info-02-left-time p:nth-child(1) {
        width: 25%;
        color: #22896e;
    }

    .info-02-left-time p:nth-child(2) {
        width: 60%;
        padding-left: 2em;
        color: #1d1d1d;
    }

    .info-02-left-time {
        width: 100%;
        display: flex;
        text-align: justify;
        height: 3em;
    }

    .info-02-left-time p:after {
        content: '';
        width: 100%;
        display: inline-block;
    }

    .left-tile-last {
        text-align: left;
        color: #8c8784 !important;
    }

    .info-02-right {
        border-left: 1px solid #8c8784;
    }

    .info-02-right-flex {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        padding-top: 5em;
        padding-left: 4em;
    }

    .info-02-right-flex img {
        width: 20% !important;
    }

    .info-02-right-flex p {
        font-size: 3.375em;
        padding-left: 0.5em;
        font-weight: 200;
        color: #1d1d1d;
    }

    .info-02-right-flex p span {
        font-weight: 400;
    }

    /*임시*/
    a:hover {
        text-decoration: none;
    }

    .imsi-select-box {
        padding: 100px 17% 0 17%;
        margin: 0 auto;
    }

    .imsi-flex-box {
        display: flex;
        justify-content: space-between;
        padding-bottom: 30px;
        border-bottom: 1px solid #8C8784;
    }

    .imsi-btn a {
        font-weight: 200;
        color: #8C8784;
        font-size: 16px;
        padding: 10px 10px;
        border-radius: 40px;
    }

    .imsi-btn a span {
        font-weight: 500;
    }

    .imsi-btn.btn-clickon a {
        color: #0A5946;
        background-color: #CCE2DC;
    }

    /*로그인*/
    .login-section {
        padding-top: 15em;
        max-width: 35%;
        margin: 0 auto;
    }

    .login-section .login-section-title .login-title-top p {
        letter-spacing: 2px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        color: #22896E;
        padding-bottom: 1.5em;
    }

    .login-section .login-section-title .login-title-bot p {
        text-align: center;
        font-size: 18px;
        color: #8c8784;
    }

    .login-section-title {
        padding-bottom: 3.375em;
    }

    .login-section-form input[type=text],
    .login-section-form input[type=password] {
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        color: #1d1d1d;
        padding: 1.625em 1.625em 1.625em 1em;
    }

    .login-section-form input[type=text]::placeholder,
    .login-section-form input[type=password]::placeholder {
        color: #CCC;
    }

    .login-section-form button {
        width: 100%;
        background-color: #0A5946;
        border: none;
        padding: 1.5em;
        color: #fff;
        font-size: 1.25em;
        font-weight: bold;
    }

    .login_if_auto {
        padding-bottom: 3em;
    }

    .login_if_lpl {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 2em;
    }

    .login_if_lpl a {
        font-size: 1.125em;
        color: #8c8784;
        letter-spacing: 2px;
    }

    .login_if_lpl a:link {
        color: #8c8784;
    }

    .login_if_lpl .new-regi-edit {
        padding-right: 30px;
        position: relative;
    }

    .login_if_lpl .new-regi-edit:after {
        content: "|";
        display: inline-block;
        position: absolute;
        left: calc(100% - 16px);
        top: 0;
        color: #8c8784;
        font-size: 0.9em;
    }

    .login-sns h3 {
        display: none !important;
    }

    #mb_login .login-sns .sns-wrap {
        width: 45%;
        margin: 0 auto;
        padding-top: 4em;
        padding-bottom: 8em;
    }

    .login-sns .sns-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .login-sns .sns-naver,
    .login-sns .sns-kakao {
        text-align: center;
        width: 100%;
        background-color: #f7f7f7;
        padding: 1.5em;
    }

    .login-sns .sns-naver {
        margin-right: 1.625em;
    }

    .login-sns .ico {
        display: none;
    }

    .login-sns .sns-naver .txt,
    .login-sns .sns-kakao .txt {
        border: none;
        color: #8c8784;
        font-size: 1em;
    }

    .login-sns .sns-naver .txt:before,
    .login-sns .sns-kakao .txt:before {
        content: '';
        padding: 20px;
        background-repeat: no-repeat;
        background-position: center;

        margin-right: 0.7em;
    }

    .login-sns .sns-naver .txt:before {
        background-image: url(https://forestclinic.co.kr/images/member/sns-naver.png);
        background-size: 50%;
    }

    .login-sns .sns-kakao .txt:before {
        background-image: url(https://forestclinic.co.kr/images/member/sns-kakao.png);
        background-size: 70%, 60%;
    }


    .mb-login .login-sns {
        width: 100%;
        max-width: 50%;
        margin: 0 auto;
        padding-top: 3.125em;
        padding-bottom: 9em;
    }

    .regi-step .step-img {
        width: 100%;
    }

    .regi-step .mo-step-img {
        display: none !important;
    }

    .forest-regi-section {
        padding-top: 15em;
        max-width: 50%;
        margin: 0 auto;
    }

    .forest-regi-section .login-sns h2 {
        display: none !important;
    }

    .forest-regi-section .login-section-title .login-title-top p {
        letter-spacing: 2px;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
        color: #22896E;
        padding-bottom: 1.5em;
    }

    .forest-regi-section .login-section-title .regi-title-bot p {
        text-align: center;
        color: #1d1d1d;
        font-size: 4.625em;
        font-weight: 300;
    }

    .forest-regi-section .login-section-title .regi-title-under p {
        text-align: center;
        color: #8c8784;
        font-size: 1.125em;
    }

    .forest-regi-section .login-sns {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        padding-top: 3.125em;
        padding-bottom: 5em;
    }

    .forest-regi-section .regi-step {
        margin: 0 auto;
        padding-bottom: 4.375em;
    }

    .forest-regi-section .regi-step .pc-step-img {
        width: 80%;
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 2.5em;
    }

    .forest-regi-section .regi-step-bot p {
        font-size: 1em;
        text-align: center;
        color: #8c8784;
    }

    .forest-regi-section .regi-step-bot p span {
        display: block;
    }

    .forest-regi-section .term-wrap {
        max-width: 80%;
        margin: 0 auto;
        border: 1px solid #8C8784;
        margin-bottom: 3em;
    }

    .forest-regi-section .term-all-checked input {
        width: 5%;
        vertical-align: middle;
    }

    .forest-regi-section .term-all-checked label {
        vertical-align: middle;
        color: #fff;
        font-size: 1.125em;
    }

    .forest-regi-section .term-box .term-all-checked {
        text-align: center;
        background-color: #0A5946;
        padding: 1.2em;
    }

    .forest-regi-section .term-box .term-all-bottom {
        padding: 3em;
    }

    .forest-regi-section .term-box .term-all-bottom div {
        justify-content: space-between;
        vertical-align: middle;
        align-items: center;
        padding-bottom: 1em;
    }

    .forest-regi-section .term-box .term-all-bottom div:last-child {
        padding-bottom: 0;
    }

    .forest-regi-section .term-box .term-all-bottom div input {
        vertical-align: middle;
        width: 5%;
    }

    .forest-regi-section .term-box .term-all-bottom label {
        vertical-align: middle;
        color: #8c8784;
        font-size: 1.125em;
        width: 80%;
    }

    .forest-regi-section .term-box .term-all-bottom p {
        vertical-align: middle;
        display: inline-block;
        float: right;
        font-size: 1em;
        color: #8c8784;
        border: 1px solid #8c8784;
        padding: 5px 15px;
    }

    .forest-regi-section .term-under p {
        font-size: 1.125em;
        color: #8c8784;
        text-align: center;
    }

    .forest-regi-section .term-under p span {
        display: block;
    }

    .forest-regi-section .btn_confirm {
        text-align: center;
        padding: 5em 0 8em 0;
    }

    .forest-regi-section .btn_confirm button {
        font-size: 1.25em;
        color: #8c8784;
        border: 1px solid #1d1d1d;
        background-color: #fff;
        text-align: center;
        padding: 1.25em 3.75em;
    }

    .term-dim {
        display: none;
        position: absolute;
        width: 100%;
        height: 200%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 98;
    }

    .term-overview {
        display: none;
        position: absolute;
        width: 50%;
        top: 50%;
        left: 50%;
        background-color: #fff;
        z-index: 99;
        padding: 7em 8em;
    }

    .term-overview .overview-wrap {
        position: relative;
    }

    .term-overview .overview-title p {
        text-align: center;
        font-size: 2em;
        padding-bottom: 1.5em;
        border-bottom: 1px solid #8c8784;
        color: #8c8784;
    }

    .term-overview .overview-content {
        padding: 2em;
        border: 1px solid #8c8784;
        overflow: scroll;
        height: 33em;
    }

    .term-overview .overview-content p {
        font-size: 1em;
        color: #8c8784;
        font-weight: 200;
    }

    .term-overview .terms-close {
        color: #fff;
        background-color: #0a5946;
        font-size: 1.125em;
        width: 6em;
        padding: 0.5em 2em;
        text-align: center;
        margin: 0 auto;
        margin-top: 1.8em;
    }

    .btn_confirm .btn_close {
        display: none;
    }

    .forest-register-form .forms-flexible {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        vertical-align: middle;
        padding-bottom: 3.5em;
    }

    .forest-register-form .forms-flexible .forms-input input {
        width: 100%;
        padding: 1.7em 1em;
        border: none;
        background-color: #eee;
    }

    .forest-register-form .forms-flexible .forms-flexible-wrap {
        width: 48%;
    }

    .forest-register-form .forms-flexible .forms-input input::placeholder {
        color: #CCCCCC;
    }

    .forest-register-form .forms-flexible .forms-name p {
        font-size: 1em;
        color: #1d1d1d;
        padding-bottom: 0.5em;
    }

    .forest-regiform-section .regi-title-bot p {
        line-height: 1;
        padding-bottom: 0.3em;
    }

    .forest-regiform-section .regi-title-under p {
        padding-bottom: 2.5em;
    }

    .btn_confirm {
        text-align: center;
        margin: 0 auto;
        padding: 3em 0 9em 0;
    }

    .btn_confirm button {
        color: #8c8784;
        padding: 1em 4em;
        border: 1px solid #8c8784;
        background-color: #fff;
        font-size: 1.25em;
    }

    .btn_confirm button:hover {
        color: #fff;
        border: 1px solid #0a5946;
        background-color: #0a5946;
    }

    .regi-com {
        text-align: center;
        padding-bottom: 4.375em;
    }

    .regi-com .regi-com-wrap {
        padding: 3em;
        background-color: #eee;
    }

    .regi-com .regi-com-wrap .regi-com-top {
        padding-bottom: 1.5em;
    }

    .regi-com .regi-com-wrap .regi-com-bottom p {
        font-size: 1.5em;
    }

    .btn_confirm_reg {
        text-align: center;
        display: block;
        margin-top: 4em;
        padding-bottom: 8em;
    }

    .btn_confirm_reg a {
        font-size: 1.25em;
        padding: 1em 4em;
        border: 1px solid #8c8784;
        color: #8c8784;
    }

    .tour-button-prev {
        display: block;
        width: 4.3em;
        height: 4.06em;
        background: url("https://forestclinic.co.kr/images/main/navi-b-left.png") 50% 50%/100% no-repeat;
    }

    .tour-button-next {
        display: block;
        width: 4.3em;
        height: 4.06em;
        background: url("https://forestclinic.co.kr/images/main/navi-b-right.png") 50% 50%/100% no-repeat;
    }

    .tour-button-prev:hover {
        background: url("https://forestclinic.co.kr/images/main/navi-g-left.png") 50% 50%/100% no-repeat;
    }

    .tour-button-next:hover {
        background: url("https://forestclinic.co.kr/images/main/navi-g-right.png") 50% 50%/100% no-repeat;
    }

    .tour-scroller {
        max-width: 65%;
        margin: 0 auto;
        height: 2px;
        background-color: #ccc;
        margin-top: 3em;
    }

    .tour-scroller .swiper-scrollbar-drag {
        background-color: #F17D3C;
    }

    .tour-01-wrap {
        position: relative;
    }

    .tour-01-wrapper {
        padding-top: 8em;
        padding-bottom: 8em;
        max-width: 65%;
        margin: 0 auto;
    }

    .tour-btn-wrap {
        display: flex;
        right: 17%;
        top: 10%;
        position: absolute;
    }

    .tour-01-subtitle p {
        letter-spacing: 2px;
        font-size: 1em;
        color: #8c8784;
    }

    .tour-01-title p {
        font-size: 2.5em;
        color: #1d1d1d;
        padding-bottom: 1.5em;
    }

    .come-01 {
        max-width: 65%;
        margin: 0 auto;
        padding-top: 8em;
        position: relative;
        padding-bottom: 8em;
    }

    .come-01 .maps-come {
        width: 100%;
        height: 45.625em;
    }

    .come-01 .come-info {
        position: absolute;
        width: 65%;
        background-color: #fff;
        border: 1px solid #ccc;
        z-index: 101;
        right: 0;
        top: 55%;
    }

    .come-01 .come-info-wrap {
        padding: 5em;
    }

    .come-01 .come-info-wrap img {
        width: 3%;
        max-width: 22px;
    }

    .come-01 .come-wrap-top .come-wrap-cont {
        display: flex;
        vertical-align: middle;
        align-items: center;
    }

    .come-01 .come-wrap-top .come-wrap-cont p {
        font-size: 1.125em;
        font-weight: 400;
        color: #8c8784;
        padding-left: 0.7em;
    }

    .come-01 .come-wrap-cont-2 {
        display: flex;
        display: flex;
        vertical-align: middle;
        align-items: center;
    }

    .come-01 .come-wrap-cont-2 p:nth-child(2) {
        color: #1d1d1d;
        font-weight: 400;
        padding-left: 0.7em;
    }

    .come-01 .come-wrap-cont-2 p:nth-child(3) {
        color: #8c8784;
        font-weight: 200;
        padding-left: 1em;
    }

    .come-01 .come-info-wrap .come-wrap-title p {
        font-size: 1.75em;
        color: #1d1d1d;
        font-weight: 400;
    }

    .come-01 .come-wrap-title {
        padding-bottom: 1.5em;
    }

    .come-01 .come-wrap-top {
        padding-bottom: 2em;
        border-bottom: 1px solid #ccc;
    }

    .come-01 .come-wrap-bot {
        padding-top: 2em;
    }

    .defalt-start {
        padding-top: 8em;
    }

    .deflat-non-color {
        max-width: 65%;
        margin: 0 auto;
    }

    .deflat-on-color {
        background-color: #f7f7f7;
    }

    .defalt-start .third-title p {
        text-align: center;
        font-size: 2.5em;
        font-weight: 400;
        color: #1d1d1d;
    }

    .defalt-start .third-title p:nth-child(2) {
        font-weight: bold;
        color: #095946
    }

    .defalt-start .third-title {
        padding-bottom: 4em;
    }

    .laser-4-block {
        padding: 2em;
        border: 1px solid #ccc;
        border-radius: 200px;
    }

    .laser-4-cont {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
    }

    .laser-4-block .laser-cont-sq {
        width: 15em;
        text-align: center;
        position: relative;
        height: 15em;
        border-radius: 100%;
    }

    .laser-4-block .laser-cont-sq:nth-child(1),
    .laser-4-block .laser-cont-sq:nth-child(3) {
        background-color: #f7f7f7;
    }

    .laser-4-block .laser-cont-sq:nth-child(2),
    .laser-4-block .laser-cont-sq:nth-child(4) {
        background-color: #095946;
    }


    .laser-4-block .laser-cont-sq p {
        color: #8c8784;
        position: absolute;
        width: 100%;
        top: 50%;
        font-size: 1.5em;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    .laser-4-block .laser-cont-sq:nth-child(2) p,
    .laser-4-block .laser-cont-sq:nth-child(4) p {
        color: #fff;
    }

    .laser-4-block-under p {
        text-align: center;
        font-size: 1.125em;
        color: #8c8784;
        padding: 2em 0 5em 0;
    }

    .laser-4-block-under p span {
        display: block;
    }

    .laser-step-wrap .laser-step-title img {
        width: 5% !important;
    }

    .laser-step-wrap .laser-step-block img {
        width: 60% !important;
        margin: auto;
    }

    .laser-step-wrap .laser-step-block {
        padding: 2em;
        border: 1px solid #ccc;
        border-radius: 80px;
    }

    .laser-step-wrap .laser-step-cont {
        display: flex;
        justify-content: space-around;
    }

    .quick-opend-btn.quick-kakao {
        bottom: 260px;
    }

    .quick-opend-btn.quick-come {
        bottom: 200px;
    }

    .quick-opend-btn.quick-blog {
        bottom: 320px;
    }

    .quick-opend-btn.quick-tel {
        bottom: 140px;
    }


    .laser-step-wrap .laser-cont-sq {
        display: flex;
        flex-direction: column;
        vertical-align: middle;
        text-align: center;
        padding: 3em 2em;
        background-color: #f7f7f7;
        width: 18%;
        border-radius: 100px;
    }

    .laser-step-wrap .laser-cont-sq:nth-child(2),
    .laser-step-wrap .laser-cont-sq:nth-child(4) {
        background-color: #EEE;
    }

    .laser-step-wrap .laser-cont-sq p {
        font-size: 1.5em;
        font-weight: bold;
        padding-top: 1em;
        color: #1d1d1d;
    }

    .laser-step-title {
        text-align: center;
        padding-bottom: 2em;
    }

    .laser-step-title p {
        font-size: 2.5em;
        color: #1d1d1d;
    }

    .laser-step-wrap {
        padding-bottom: 8em;
    }

    .laser-warning-title {
        text-align: center;
        padding-bottom: 4em;
    }

    .laser-warning-title p {
        font-size: 2.5em;
        color: #1d1d1d;
    }

    .laser-warning-title img {
        width: 5% !important;
    }

    .laser-warning {
        padding: 8em 0;
    }

    .laser-warning-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .laser-warning-block .laser-warning-cont {
        width: 48%;
        padding: 1em 2em;
        border: 1px solid #8c8784;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 1em;
        background-color: #fff;
        height: 8em;
        align-items: center;
        vertical-align: middle;
    }

    .laser-warning-block .laser-warning-cont img {
        width: 5%;
    }

    .laser-warning-block .laser-warning-cont p {
        color: #8c8784;
        font-size: 1.125em;
        padding-left: 0.7em;
    }

    .filler-warning .laser-warning-cont:last-child {
        width: 100%;
    }

    .filler-warning .laser-warning-cont:last-child img {
        width: 2.2% !important;
    }

    .laser-warning-cont p span {
        display: block;
    }

    /*수술*/
    .deflat-half-color {
        padding-bottom: 8em;
        background: linear-gradient(#ffff 45%, #f7f7f7 0%);
    }

    .eyesur-top-wrap {
        display: flex;
        position: relative;
        padding-top: 4em;
        justify-content: flex-start;
        align-items: end;
    }

    .eyesur-top-right {
        padding-left: 8em;
    }

    .eyesur-top-right p:nth-child(1) {
        font-size: 2.25em;
        color: #8c8784;
        padding-bottom: 1em;
        font-weight: 500;
    }

    .eyesur-top-right p:nth-child(2) {
        font-size: 2.25em;
        color: #0A5946;
        font-weight: 500;
    }

    .eyesur-top-right-arrow {
        position: absolute;
        top: 15%;
        right: 5%;
    }

    .underbar-text-wrap {
        padding-top: 8em;
        display: flex;
        justify-content: flex-start;
        vertical-align: baseline;
        align-items: flex-start;
    }

    .underbar-text-wrap p:nth-child(1) {
        font-size: 2.25em;
        font-weight: bold;
        color: #1d1d1d;
        border-bottom: 1px solid #1d1d1d;
    }

    .underbar-text-wrap p:nth-child(1) span {
        color: #0A5946;
        border-bottom: 1px solid #0a5946;
    }

    .underbar-text-wrap p:nth-child(2) {
        padding-left: 6em;
        font-size: 1.25em;
        color: #8c8784;
    }

    .underbar-text-wrap p:nth-child(2) span {
        display: block;
    }

    .underbar-6-wrap {
        padding: 6em 0 8em;
    }

    .userbar-flex-wrap {
        display: flex;
        justify-content: space-between;
    }

    .underbar-6-flexible {
        position: relative;
        width: 14em;
        height: 9em;
    }

    .underbar-6-flexible:nth-child(even) {
        background-color: #0c372D;
    }

    .underbar-6-flexible:nth-child(odd) {
        background-color: #0a5946;
    }

    .underbar-6-flexible:before {
        content: "";
        position: absolute;
        top: -44px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 7em solid transparent;
        border-right: 7em solid transparent;

    }

    .underbar-6-flexible:nth-child(even):before {
        border-bottom: 45px solid #0C372D;
    }

    .underbar-6-flexible:nth-child(odd):before {
        border-bottom: 45px solid #0A5946;
    }

    .underbar-6-flexible:nth-child(even):after {
        border-top: 45px solid #0C372D;
    }

    .underbar-6-flexible:nth-child(odd):after {
        border-top: 45px solid #0A5946;
    }

    .underbar-6-flexible:after {
        content: "";
        position: absolute;
        bottom: -44px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 7em solid transparent;
        border-right: 7em solid transparent;

    }

    .flexible-6-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .underbar-6-flexible p:nth-child(1) {
        font-size: 1.125em;
        color: #fff;
        text-align: center;
    }

    .underbar-6-flexible p:nth-child(2) {
        font-size: 1.75em;
        color: #fff;
        padding-top: 1em;
        font-weight: bold;
        text-align: center;
    }

    .middle-under-bar {
        padding-bottom: 8em;
    }

    .sur-move-wrap {
        padding-top: 6em;
    }

    .sur-select-box {
        border-bottom: 1px solid #8c8784;
    }

    .sur-move-wrap-stick {
        padding-left: 17%;
        padding-right: 17%;
    }

    .sur-move-wrap-stick.sur-fixed {
        top: 6em;
        left: 0;
        position: fixed;
        width: 100%;
        background-color: #fff;
        padding-top: 2em;
        z-index: 2;
    }

    .sur-select-cho {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2em;
        vertical-align: middle;
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .sur-select-cho a {
        text-align: center;
        font-size: 1.25em;
        border-radius: 30px;
        color: #8c8784;
        font-weight: 400;
        flex-basis: content;
    }

    .sur-select-cho a span {
        font-weight: 100;
    }

    .sur-select-cho a.sur-active {
        background-color: #cce2dc;
        font-weight: bold;
        color: #0A5946;
        padding: 10px 25px;
    }

    .pick-bg-none {
        padding: 6em 0;
        max-width: 65%;
        margin: 0 auto;
        position: relative;
    }

    .sur-flex-wrap {
        display: flex;
    }

    .sur-flex-wrap .sur-flex-left {
        width: 50%;
    }

    .sur-flex-left-top {
        padding-bottom: 6.25em;
        border-bottom: 1px solid #110844;
    }

    .sur-flex-left-top p:nth-child(1) {
        font-size: 1.25em;
        color: #b4b4b4;
        padding-bottom: 0.5em;
    }

    .sur-flex-left-top p:nth-child(2) {
        font-size: 2.25em;
        font-weight: bold;
        color: #1d1d1d;
    }

    .ws-other-section {
        padding-top: 6em;
    }

    .sur-flex-left-mid {
        padding: 1em 0 1.5em 0;
        border-bottom: 1px solid #22896E;
    }

    .sur-left-flexis {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 1.5em 0;
        border-bottom: 1px dotted #c8c8c8;
    }

    .sur-left-flexis:last-child {
        border: none;
    }

    .sur-left-flexis p:nth-child(1) {
        width: 20%;
        color: #110844;
        font-size: 1.5em;
        font-weight: 400;
    }

    .sur-left-flexis p:nth-child(2) {

        color: #1d1d1d;
        font-size: 1.5em;
        font-weight: 700;
    }

    .sur-left-flexis:last-child p:nth-child(2) {
        color: #EA7635;
    }


    .plus-box-wrap {
        padding-top: 2em;
    }

    .plus-box-wrap .plus-box-txt {
        padding: 1.5em;
        background-color: #CCE2DC;
        border: 1px solid #CCCCCC;
    }

    .plus-box-wrap .plus-box-txt p {
        color: #0A5946;
    }

    .sur-flex-left-mid p span {
        padding-right: 1em;
        font-weight: bold;
        color: #22896E;
    }

    .sur-flex-left-bot {
        padding-top: 2em;
    }

    .sur-flex-left-bot p {
        color: #8c8784;
        font-weight: 100;
        font-size: 1.125em;
    }

    .sur-flex-right {
        width: 50%;
    }

    .sur-flex-right img {
        width: 88% !important;
        display: block;
    }

    .right-img-content .sur-flex-right img {
        margin-left: auto;
    }

    .left-img-content .sur-flex-right img {
        margin-right: auto;
    }

    .pick-bg-wrap {
        position: relative;
    }

    .userbar-flex-wrap .laser-4-cont .laser-cont-sq {
        width: 13em;
        text-align: center;
        position: relative;
        height: 13em;
        border-radius: 100%;
    }

    .laser-4-cont .laser-cont-sq:nth-child(1) {
        transition-delay: 0.15s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(2) {
        transition-delay: 0.3s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(3) {
        transition-delay: 0.45s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(4) {
        transition-delay: 0.6s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(5) {
        transition-delay: 0.75s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(1) {
        transition-delay: 0.15s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(2) {
        transition-delay: 0.3s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(3) {
        transition-delay: 0.45s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(4) {
        transition-delay: 0.6s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(5) {
        transition-delay: 0.75s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(1) {
        transition-delay: 0.15s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(2) {
        transition-delay: 0.3s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(3) {
        transition-delay: 0.45s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(4) {
        transition-delay: 0.6s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(5) {
        transition-delay: 0.75s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(1) {
        transition-delay: 0.15s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(2) {
        transition-delay: 0.3s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(3) {
        transition-delay: 0.45s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(4) {
        transition-delay: 0.6s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(5) {
        transition-delay: 0.75s;
    }



    .userbar-flex-wrap .laser-4-cont .laser-cont-sq:nth-child(odd) {
        background-color: #095946;
    }

    .userbar-flex-wrap .laser-4-cont .laser-cont-sq:nth-child(even) {
        background-color: #0C372D;
    }

    .userbar-flex-wrap .laser-4-cont {
        width: 100%;
    }

    .userbar-flex-wrap .laser-4-cont .laser-cont-sq p {
        color: #fff;
        position: absolute;
        width: 100%;
        top: 50%;
        font-size: 1.5em;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq {
        width: 13em;
        text-align: center;
        position: relative;
        height: 13em;
        border-radius: 100%;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(odd) {
        background-color: #D9D0D0;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(even) {
        background-color: #3D3D3D;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(odd) p {
        color: #1d1d1d;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(even) p {
        color: #fff;
    }

    .userbar-flex-wrap2 .laser-4-cont {
        width: 100%;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq p {
        position: absolute;
        width: 100%;
        top: 50%;
        font-size: 1.5em;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .gal-section {
        max-width: 65%;
        margin: 0 auto;
        padding-top: 8em;
    }

    .gall_row {
        padding: 8em 0;
        margin: 0;
    }

    .pg_wrap {
        padding-top: 4em;
    }

    .pg_wrap {
        text-align: center;
    }

    .pg_wrap .pg {
        width: 100%;
    }

    .pg_wrap .pg a {
        font-size: 1em;
        padding: 0.5em 1em;
        color: #8c8784;
    }

    .pg_wrap .pg .pg_current {
        background-color: #0a5946;
        padding: 0.5em 1em;
        margin: 0.5em;
        border-radius: 100%;
        color: #fff;
        font-weight: normal;
    }

    #bo_gall .side-under-cont img {
        width: 100%;
    }

    #bo_gall .bo_tit {
        color: #1d1d1d !important;
        text-decoration: none;
        font-size: 1.25em;
    }

    #bo_gall .gall_img {
        border-bottom: none !important;
    }

    .gall_text_href {
        margin-top: 2.5em !important;
        padding-top: 1em !important;
        border-top: 1px solid #ccc !important;
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .maps-sub-table tr:nth-child(3) span {
        background-image: url('/images/main/park.png');
        background-repeat: no-repeat;
        background-size: 1.2em;
        background-position: left -11px;
        padding-left: 1.5em;
        padding-bottom: 0.5em;
    }




    /* 소셜 */
    .social_register {
        padding-top: 12em;
        max-width: 40%;
        margin: 0 auto;
    }

    .so-regi-first {
        color: #fff;
        font-size: 1.125em;
        background: #0A5946;
        text-align: center;
        padding: 0.5em 0;
    }

    #fregister_term h2 {
        font-size: 1.25em;
        color: #1d1d1d;
        padding-top: 1.5em;
    }

    #fregister_private h2 {
        font-size: 1.25em;
        color: #1d1d1d;
        padding-top: 1.5em;
    }

    #register_form h2 {
        font-size: 1.25em;
        color: #1d1d1d;
        padding-top: 1.5em;
    }

    #fregister_term .fregistar_agree {
        padding: 0;
    }

    #fregister_term .fregistar_agree .agree-inner-wrap {
        padding: 0.5em 1em;
        border-bottom: 1px solid #ccc;
    }

    #fregister_term .fregistar_agree .agree-inner-wrap .agree-inner-top {
        font-size: 1.25em;
        color: #8c8784;
    }

    #fregister_term .fregistar_agree .agree-inner-wrap .agree-inner-top p {
        padding: 1em 2em;
        color: #8c8784;
        font-size: 1.125em;
        font-weight: 100;
    }

    #fregister_private h2 {
        font-size: 1.25em;
        color: #1d1d1d;
        padding-top: 1.5em;
    }

    #fregister_private table {
        width: 100%;
        border-collapse: collapse;
    }

    #fregister_private table td,
    #fregister_private table th {
        border: 1px solid #ccc;
        font-size: 1em;
        width: 33%;
        padding: 1em 0;
        text-align: center;
        color: #8c8784;
    }

    #fregister_private table th {
        background-color: #f7f7f7;
    }

    #fregister_private table td:last-child {
        text-align: left;
        padding-left: 1em;
    }

    #fregister_chkall {
        padding-top: 1em;
        font-size: 1.25em;
        color: #1d1d1d;
    }

    #register_form h2 {
        font-size: 1.25em;
        color: #1d1d1d;
        padding-top: 1.5em;
    }

    #register_form ul {
        margin: 0;
        padding: 1em 0 0 0;
    }

    #register_form ul .freg-flex {
        display: flex;
        display: flex;
        width: 100%;
        vertical-align: middle;
        align-items: center;
    }

    #register_form ul .freg-flex label {
        width: 20%;
    }

    #register_form ul .freg-flex.fir-freg-flex {
        margin-bottom: 1em;
    }

    #register_form ul .freg-flex input[type="text"] {
        width: 100%;
        padding: 1em;
        background-color: #f7f7f7;
        border: 0;
    }

    .quick-block {
        z-index: 21;
        position: fixed;
        bottom: 50px;
        right: 50px;
        width: 70px;
        height: 70px;
        z-index: 4
    }

    .quick-top-block {
        z-index: 21;
        position: fixed;
        bottom: 50px;
        right: 140px;
        width: 70px;
        height: 70px;
        z-index: 4
    }

    .quick-opend-btn {
        color: #fff;
        position: fixed;
        right: 3%;
        z-index: 10;
        transition: all 0.7s ease 0s;
        opacity: 1;
        padding: 0.8em 1em;
        width: 11em;
        background-color: #F17D3C;
        border-radius: 30px;
        bottom: 3%;
    }

    .footer-info p span {
        font-weight: bold;
    }

    .quick-opend-btn p {
        background-repeat: no-repeat;
        background-position: 90% 50%;
        text-align: center;
        padding-right: 2.5em;
        background-size: 1.3em;
    }

    .quick-opend-btn.quick-kakao p {
        background-image: url("/images/main/talk.png");
    }

    .quick-opend-btn.quick-come p {
        background-image: url("/images/main/phone.png");
    }

    .quick-opend-btn.quick-tel p {
        background-image: url("/images/main/blog.png");
    }


    .model-ajax-wrap {
        padding-top: 8em;
        max-width: 65%;
        margin: 0 auto;
    }

    .model-flex-box {
        display: flex;
        padding-bottom: 3em;
    }

    .model-input-box p {
        font-size: 1em;
        color: #1d1d1d;
        font-weight: 500;
        padding-bottom: 1em;
    }

    .model-input-box p span {
        font-weight: 100;
        padding-left: 1em;
    }

    .model-input-box {
        width: 100%;
    }

    .model-flex-box .model-input-box {
        margin-right: 1em;
    }

    .model-flex-box .model-input-box:last-child {
        margin-right: 0;
    }

    .model-flex-box .model-input-box input {
        width: 100%;
        padding: 1em;
        font-size: 1em;
        color: #1d1d1d;
        border: 1px solid #1d1d1d;
    }

    .model-flex-box .model-input-box select {
        width: 100%;
        font-size: 1em;
        color: #1d1d1d;
        padding: 0.5em;
        border: 1px solid #1d1d1d;
    }

    .model-input-box .select-flex {
        display: flex;
    }

    .model-input-box .select-flex select {
        margin-right: 1em;
    }

    .model-input-box .select-flex select:last-child {
        margin-right: 0;
    }

    .checkbox-wrapper {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        vertical-align: middle;
    }

    .check-wrap-box {
        width: 30%;
    }

    .check-wrap-box input[type="checkbox"] {
        width: 1em;
        margin-right: 1em;
    }

    .check-wrap-box label {
        font-size: 1em;
        color: #1d1d1d;
    }

    .model-input-chkbox p {
        font-size: 1em;
        color: #1d1d1d;
        font-weight: 500;
        padding-bottom: 1em;
    }

    .sub-box {
        padding-top: 2em;
    }

    .big-box {
        padding-top: 2em;
    }

    .model-input-box.sub-box input, .model-input-box.big-box input {
        width: 100%;
        padding: 1em;
        font-size: 1em;
        color: #1d1d1d;
        border: 1px solid #1d1d1d;
    }

    .model-input-box.big-box input {
        height: 10em;
    }

    #subts {
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 6em;
        font-size: 1.125em;
        padding: 1em 3em;
        color: #095946;
        background-color: #fff;
        border: 1px solid #095946;
    }

    #bo_w {
        padding-top: 6em;
        max-width: 65%;
        margin: 0 auto;
    }

    .cke_sc .btn_cke_sc {
        display: none;
    }

    #bo_w .bo_w_flie .lb_icon {
        position: relative !important;
    }

    #bo_w .bo_w_flie .file_wr {
        height: auto !important;
        padding: 0.5em !important;
    }

    #wr_subject {
        width: 100%;
        padding: 1em;
        border: 1px solid #ccc;
    }

    #bo_w input[type="file"] {
        font-size: 1em;
        color: #ccc;
    }

    #bo_w button.btn_submit {
        padding: 1em 2em;
        color: #095946;
        border: 1px solid #095946;
    }

    #bo_w .btn_confirm a.btn_cancel {
        padding: 1em 2em;
        color: #8c8784;
    }

    .footer-pc-info {
        display: flex;
        padding-bottom: 0.5em;
    }

    .footer-pc-info p {
        font-weight: bold;
        padding-right: 1em;
    }

    .suga-top {
        display: none;
    }

    .suga-closed-btn {
        position: absolute;
        top: 2.5%;
        right: 2%;
    }


}



/* 모바일검색용 */
/* MO */

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

    .suga-pc-top {
        display: none;
    }

    .bg-module-01 .repre-detail p:after {
        content: '01';
        position: absolute;
        font-size: 12px;
        color: #F17D3C;
        padding-left: 2px;
        padding-top: 2px;
        top: 30px;
        left: 20px;
    }

    .bg-module-03 .repre-detail p:after {
        content: '03';
        position: absolute;
        font-size: 12px;
        color: #F17D3C;
        padding-left: 2px;
        padding-top: 2px;
        top: 30px;
        left: 20px;
    }

    .bg-module-02 .repre-detail p:before {
        content: '02';
        position: absolute;
        font-size: 12px;
        color: #F17D3C;
        top: 30px;
        right: 20px;
    }

    .bg-module-04 .repre-detail p:before {
        content: '04';
        position: absolute;
        font-size: 12px;
        color: #F17D3C;
        top: 30px;
        right: 20px;
    }

    .bg-module-05 .repre-detail p:after {
        content: '05';
        position: absolute;
        font-size: 12px;
        color: #F17D3C;
        padding-left: 2px;
        padding-top: 2px;
        top: 30px;
        left: 20px;
    }


    .main-section-06 .promise-flex-wrap .promise-top img {
        width: 100%;
        padding: 0 20px;
    }


    .mo-info-text span {
        color: #1d1d1d;
        font-weight: bold;
    }

    .suga-wrap {
        position: relative;
    }

    .suga-closed-btn {
        position: absolute;
        top: -10px;
        right: 10px;
    }

    .suga-pop {
        padding-top: 30px;
        width: 100%;
        height: 85vh;
        transform: translateY(100%);
        position: fixed;
        bottom: 0;
        z-index: 9999;
        transition: 1.5s;
        overflow: hidden;
        border-top-left-radius: 30px;
        background-color: #f7f7f7;
    }

    .suga-top-txt p {
        padding: 0 20px;
        font-size: 12px;
        color: #8C8784;
        padding-bottom: 1em;
    }

    .suga-top-title {
        text-align: center;
        font-size: 2.5em;
        font-weight: 700;
        padding-bottom: 1em;
    }


    .suga-bottom img {
        width: 100%;
    }

    .suga-bottom {
        padding: 0 20px;
        overflow-y: scroll;
        height: 60vh;
    }

    .suga-pop.suga-slide-up {
        transform: translate(0);
    }

    .header-inner-top-btn {
        display: none !important;
    }

    .hd_pops {
        width: 95%;
    }

    .hd_pops .hd_pops_con {
        width: 100% !important;
    }

    ..hd_pops .hd_pops_footer {
        width: 100%;
    }

    /* dpmodule */

    .dp_module {
        transition: all 1s;
    }

    .dp_module.ready {
        transform: translateY(200px);
        opacity: 0;
    }

    b {
        font-weight: 700;
    }

    .main-section-02 {
        padding-top: 70px;
    }

    .repre-title-left p {
        font-size: 28px;
        line-height: 1.2;
        padding-bottom: 10px;
        color: #1d1d1d;
        font-weight: 700;
    }

    .repre-title {
        padding-left: 20px;
        padding-bottom: 40px;
    }

    .repre-title-mid {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .repre-title-right {
        display: none;
    }


    .repre-content .repre-detail-wrap .repre-detail em {
        display: none;
    }

    .repre-content .repre-detail-wrap .repre-detail p {
        padding: 60px 20px 10px 20px;
        font-size: 24px;
        color: #fff;
        z-index: 2;
        font-weight: 700;
    }

    .repre-content .repre-detail-over .repre-over-txt {
        padding: 0 20px 40px 20px;
        line-height: 1.2;
        font-size: 12px;
        color: #fff;
        z-index: 2;
    }

    .repre-over-move {
        display: none;
    }

    .repre-bg {
        display: none;
    }



    .repre-detail-wrap {
        background-position: 50% 50%;
        background-size: cover;
        overflow: hidden;
        position: relative;
    }

    .repre-detail-wrap:nth-child(even) {
        text-align: right;
    }

    .bg-module-01 {
        background-image: linear-gradient(rgba(9, 5, 34, 0.35), rgba(9, 5, 34, 0.35)), url("/images/main/mo-re-01.png");
    }

    .bg-module-02 {
        background-image: linear-gradient(rgba(9, 5, 34, 0.20), rgba(9, 5, 34, 0.20)), url("/images/main/mo-re-02.png");
    }

    .bg-module-03 {
        background-image: linear-gradient(rgba(9, 5, 34, 0.35), rgba(9, 5, 34, 0.35)), url("/images/main/mo-re-03.png");
    }

    .bg-module-04 {
        background-image: linear-gradient(rgba(9, 5, 34, 0.20), rgba(9, 5, 34, 0.20)), url("/images/main/mo-re-04.png");
    }

    .bg-module-05 {
        background-image: linear-gradient(rgba(9, 5, 34, 0.35), rgba(9, 5, 34, 0.35)), url("/images/main/mo-re-05.png");
    }

    .main-section-03 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .order-1-wrap {
        text-align: center;
    }

    .order-1-top p {
        font-size: 12px;
        color: #b4b4b4;
        padding-bottom: 10px;
        letter-spacing: 2px;
    }

    .order-1-middle p {
        font-size: 28px;
        color: #1d1d1d;
        line-height: 1.2;
        padding-bottom: 40px;
        font-weight: 700;
    }

    .order-1-middle p span {
        color: #095946;
    }

    .order-1-bottom p {
        font-size: 12px;
        color: #8c8784;
        padding-bottom: 25px;
        font-weight: 500;
    }

    .order-1-bottom p span {
        color: #F17D3C;
    }

    .order-1-arrow {
        display: none;
    }



    .main-section-03 img {
        width: 100%;
    }

    .main-order-2 {
        padding-left: 20px;
        padding-right: 60px;
    }

    .order-2-wrap {
        padding-bottom: 40px;
    }

    .order-2-wrap p {
        padding: 10px 0 30px 0;
        font-size: 16px;
        color: #8c8784;
        font-weight: 500;
        line-height: 1.5;
    }



    .order-2-wrap span:nth-child(2) {
        color: #095946;
        font-weight: 900;
    }

    .main-order-3 {
        padding-right: 20px;
        padding-left: 60px;
    }

    .order-3-name p {
        text-align: right;
        padding: 10px 0 0 0;
        font-size: 16px;
        color: #8c8784;
        line-height: 1.5;
        font-weight: 500;
    }

    .order-3-name p span {
        color: #095946;
        font-weight: 900;
    }

    .view-arrow p {
        font-weight: bold;
        text-align: right;
    }

    .main-order.main-order-3 .view-arrow p:after {
        content: "";
        display: inline-block;
        background: url("https://forestclinic.co.kr/images/main/half-arrow-right.png") 50% 50%/100% no-repeat;
        width: 22px;
        height: 9.3px;
        margin-left: 5px;
    }


    .cap-story {
        width: 100%;
        height: 180px;
        position: relative;
        background: url("/images/main/storys-m.png") 50% 50%/100% no-repeat;
    }

    .cap-story .cap-story-wrap {
        display: block;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
    }

    .section-title p span {
        display: block;
    }

    .cap-story .cap-story-top p {
        font-size: 10px;
        color: #C4C0DD;
        text-align: center;
        display: block;
        font-weight: 200;
        letter-spacing: 0.2em;
    }

    .cap-story-top {
        padding-bottom: 20px;
    }

    .cap-story .cap-story-bottom p {
        font-size: 17px;
        color: #fff;
        line-height: 1.5;
        font-weight: 200;
        text-align: center;
    }


    .cap-story .cap-story-bottom img {
        width: 55px;
        display: block;
        padding-top: 20px;
    }

    .main-section-05 {
        padding-top: 70px;
        padding-left: 20px;
        padding-bottom: 70px;
        background-color: #F3F0ED;
    }

    .event-flex-right-top p {
        font-size: 28px;
        line-height: 1.2;
        color: #1d1d1d;
        padding-bottom: 20px;
    }

    .event-flex-right-bot p {
        font-size: 12px;
        color: #1d1d1d;
        padding-bottom: 40px;
    }

    .slide-hov-wrap {
        display: none;
    }

    .event-swiper img {
        width: 100%;
    }

    .event-scroller {
        height: 3px;
        margin-top: 10px;
        margin-right: 20px;
        background-color: #fff;
    }

    .swiper-scrollbar-drag {
        background: #F17D3C !important;
    }

    .main-section-06 {
        padding-top: 70px;
        /* padding-left: 20px;
        padding-right: 20px; */
        padding-bottom: 70px;
        background-image:url("/images/main/fix-bg.jpg");
        background-repeat:no-repeat;
        background-size:cover;
    }

    .main-section-06 img {
        width: 100%;
    }

    .promise-flex-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .promise-wrap {
        width: 50%;
        padding-bottom: 30px;
    }

    .promise-bot p {
        text-align: center;
        font-size: 14px;
        color: #4D4136;
        padding-top: 10px;
    }

    .main-section-06 .section-title {
        padding-left: 20px;

    }



    .main-section-06 .section-title span {
        display: block;
    }

    .main-section-07 {
        padding-top: 40px;
    }

    .sur-story {
        width: 100%;
        height: 340px;
        position: relative;
        background: url("https://forestclinic.co.kr/images/main/gray-mo-banner.png") 50% 50%/100% no-repeat;
    }

    .sur-story .sur-story-wrap {
        display: block;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
    }

    .sur-story .sur-story-top p {
        font-size: 12px;
        color: #857B76;
        text-align: left;
        display: block;
        font-weight: 200;
        letter-spacing: 0.2em;
    }

    .sur-story-top {
        padding-bottom: 20px;
    }

    .sur-story .sur-story-bottom p span {
        display: block;
    }

    .sur-story .sur-story-bottom p {
        font-size: 28px;
        color: #857B76;
        line-height: 1.2;
        font-weight: bold;

    }

    .sur-story .sur-story-bottom p b {
        display: block;
    }

    .sur-story .sur-story-bottom img {
        width: 55px;
        display: block;
        padding-top: 20px;
    }

    .sur-story-wrap {
        padding-left: 20px;
    }

    .main-section-08 .model-btn-wrap {
        display: none;
    }

    .main-section-08 .model-req-swiper img {
        width: 100%;
    }

    .main-section-08 .model-request-box {
        position: relative;
    }

    .main-section-08 .model-req-swiper {
        margin-left: 20px;
        overflow: hidden;
        border-bottom-left-radius: 50px;
        isolation: isolate;
    }

    .main-section-08 .model-request-left {
        z-index: 3;
        padding: 60px 0 60px 20px;
        background-color: #312B56;
    }



    .model-left-upeer p {
        font-size: 12px;
        color: #b4b4b4;
        padding-bottom: 20px;
        font-weight: 300;
        letter-spacing: 3px;
    }

    .main-section-08 .model-request-left .model-left-top p {
        font-size: 28px;
        color: #fff;
        line-height: 1;
        font-weight: 300;
    }

    .main-section-08 .model-request-left .model-left-top p b {
        color: #fff;
        padding-top: 10px;
        display: block;
    }

    .main-section-08 .model-request-left .model-left-bot p {
        font-size: 12px;
        color: #b4b4b4;
        padding-top: 40px;
        font-weight: 100;
    }

    .request-btn .model-btn {
        color: #fff;
        font-size: 12px;
        padding: 8px;
        border: 1px solid #fff;
        width: 150px;
    }

    .request-btn {
        padding-top: 20px;
    }

    .request-btn .model-btn:after {
        content: "";
        display: inline-block;
        background: url("https://forestclinic.co.kr/images/main/half-arrow-right-w.png") 50% 50%/100% no-repeat;
        width: 20px;
        height: 6px;
        margin-left: 5px;
    }

    .main-section-09 {
        padding-top: 70px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 70px;
    }

    .maps-sub-table tr td:nth-child(1) {
        width: 20%;
    }

    .maps-sub-table tr td {
        font-size: 14px;
        color: #1d1d1d;
        vertical-align: top;
        padding: 5px 5px;
        line-height: 1.8;
    }

    .maps-sub-table tr td span {
        display: block;
    }

    .maps-sub-table tr td:nth-child(1) {
        padding-left: 0;
        color: #1d1d1d;
        padding-right: 17px;
    }

    .maps-right {
        margin-top: 30px;
        height: 360px;
    }

    .sunday {
        padding-left: 70px;
    }

    .under-table {
        display: none;
    }

    .maps-right img {
        width: 100%;
    }

    .forest-footer {
        background: none !important;
    }

    .forest-footer .footer-wrap {
        position: relative;
        padding: 40px 20px;
        border-top: 1px solid #1d1d1d;
    }

    .forest-footer .footer-wrap .footer-logo img {
        width: 45%;
    }

    .footer-wrap .footer-info {
        display: none;
    }

    .footer-mo-info {
        padding-top: 30px;
    }

    .mo-info-text {
        font-size: 12px;
        font-weight: 100;
        line-height: 1.8;
        color: #1d1d1d;
    }

    .mo-info-text p {
        color: #1d1d1d;
    }

    .footer-mo-info .info-page {
        display: flex;
        justify-content: left;
        padding-bottom: 10px;
    }

    .footer-mo-info .info-page div {
        margin-right: 10px;
    }

    .footer-mo-info .info-page div p {
        font-size: 12px;
        color: #1d1d1d;
    }

    .move-top {
        position: absolute;
        padding: 9px 6px;
        font-size: 10px;
        top: 45px;
        right: 32.5px;
        border: 1px solid #1d1d1d;
    }

    .info-title p {
        font-size: 28px;
        color: #1d1d1d;
        padding-bottom: 30px;
        font-weight: 700;
    }

    .gnb-slider-wrap {
        display: none;
    }

    /*모바일메인슬라이드*/
    .main-slider-wrap {
        height: 640px;
    }

    .main-slider-cont .swiper-slide {
        position: relative;
    }

    .main-slider-txt {
        position: absolute;
        top: 170px;
        left: 20px;
    }

    .main-slider-txt .slider-txt-top {
        font-weight: 200;
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
    }

    .main-slider-txt .slider-txt-bot {
        font-weight: 200;
        color: #fff;
        font-size: 36px;
        line-height: 1.3;
    }

    .main-slider-txt .slider-txt-bot span {
        display: block;
    }

    .main-swiper-1001 .slider-txt-top {
        padding-bottom: 20px;
    }

    .main-swiper-1002 .slider-txt-top {
        padding-bottom: 20px;
    }

    .main-swiper-1002 .slider-txt-top span {
        display: block;
    }

    .main-swiper-1003 .slider-txt-top {
        padding-bottom: 20px;
    }

    .main-swiper-1003 .slider-txt-top span {
        display: block;
    }

    .main-swiper-1001 {
        background: url("/images/main/m-slide-1.jpg") 50% 50%/cover no-repeat;
    }

    .main-swiper-1002 {
        background: url("/images/main/m-slide-2.jpg") 50% 50%/cover no-repeat;
    }

    .main-swiper-1003 {
        background: url("/images/main/m-slide-3.jpg") 50% 50%/cover no-repeat;
    }

    .main-swiper-1001 .main-video-background:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
    }

    .main-swiper-pagi {
        position: absolute;
        bottom: 50px;
        z-index: 8;
        width: 210px;
        left: 20px;
    }

    .pagi-top {
        display: flex;
        justify-content: space-between;
    }

    .main-fraction {
        width: 50%;
        color: #a9a9a9;
    }

    .main-fraction span {
        font-size: 14px;
    }

    .swiper-arrow {
        display: flex;
        justify-content: right;
        width: 50%;
        align-items: center;
        text-align: right;
    }

    .main-swiper-arrow img {
        width: 65%
    }

    .pagi-bot {
        margin-top: 15px;
    }

    .main-pagi-scroll {
        height: 1px;
        background-color: #8C8784;
    }

    .pagi-progress {
        height: 1px;
        background-color: #fff;
    }

    .forest-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 105;
    }

    .forest-header .header-inner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        display: flex;
        justify-content: space-between;
    }

    .header-inner-left img {
        max-width: 150px;
    }

    .forest-header .header-inner-right {
        display: none;
    }

    .forest-gnb {
        width: 100%;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 104;
        display: none;
        background-color: #1d1d1d;
        opacity: 0;
    }

    .forest-hamberger {
        position: fixed;
        top: 26px;
        right: 20px;
        width: 40px;
        height: 22px;
        z-index: 106;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: right;
    }

    .ham-btn {
        background-image: url("https://forestclinic.co.kr/images/header/mo-ham-w.png");
    }

    .header-inner.downhead {
        background-color: #fff;
        box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
    }

    .ham-btn.downhead {
        background-image: url("https://forestclinic.co.kr/images/header/mo-ham-b.png");
    }

    .ham-open {
        background-image: url("https://forestclinic.co.kr/images/header/mo-ham-x.png");
    }

    .ham-open.downhead {
        background-image: url("https://forestclinic.co.kr/images/header/mo-ham-x.png");
    }

    .mo-regi .mo-login-btn:after {
        content: "|";
        display: inline-block;
        position: absolute;
        left: calc(100% - 75px);
        top: 1px;
        color: #8C8784;
        font-size: 10px;
    }

    .mo-regi p {
        color: #8C8784;
        font-size: 14px;
        font-weight: 200;
    }

    .gnb-wrap {
        padding: 100px 20px 0 20px;
    }

    .gnb-depth1-cont {
        position: relative;
        padding-bottom: 15px;
        border-bottom: 1px solid #3d3d3d;
    }

    .gnb-depth1-cont p {
        font-size: 28px;
        color: #fff;
        font-weight: 500;
    }

    .gnb-menu-depth2 {
        display: none;
        padding-top: 20px;
    }

    .gnb-menu-depth2 li {
        font-size: 14px;
        color: #fff;
        font-weight: 100;
        padding-bottom: 4px;
    }

    .gnb-menu-depth2 li:nth-last-child(1) {
        padding-bottom: 0;
    }

    .gnb-depth1-cont.not-opens p {
        color: #8c8784;
    }

    .gnb-menu-depth1 {
        padding-bottom: 30px;
    }

    .gnb-menu-depth1:nth-last-child(1) {
        padding-bottom: 0;
    }

    .main-section-01 {
        position: relative;
    }

    .gnb-depth1-cont:after {
        content: '';
        width: 15px;
        height: 16px;
        position: absolute;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("https://forestclinic.co.kr/images/header/mo-gnb-bot.png");
        right: 5px;
        top: 40%;
        transform: translateY(-50%);
    }

    .gnb-depth1-cont.not-opens:after {
        background-image: url("https://forestclinic.co.kr/images/header/mo-gnb-bot.png");
    }

    .gnb-depth1-cont.yes-opens:after {
        background-image: url("https://forestclinic.co.kr/images/header/mo-gnb-top.png");
    }

    /*로그인*/
    .login-section {
        padding-top: 150px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .login-section-title {
        text-align: center;
    }

    .login-section-title .login-title-top p {
        letter-spacing: 2px;
        font-size: 12px;
        color: #22896E;
        font-weight: bold;
    }

    .login-section-title .login-title-top {
        padding-bottom: 15px;
    }

    .login-section-title .login-title-bot {
        padding-bottom: 30px;
    }

    .login-section-title .login-title-bot p {
        font-size: 14px;
        color: #8c8784;
    }

    .login-section-title .login-title-bot span {
        display: block;
    }

    .login-section input[type=text],
    .login-section input[type=password] {
        border: 1px solid #ccc;
        width: 100%;
        padding: 30px 15px;
        font-size: 18px;
        color: #1d1d1d;
    }

    .login_if_auto {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .login_if_auto label {
        color: #8c8784;
    }

    .login-section-form input[type=text]::placeholder,
    .login-section-form input[type=password]::placeholder {
        color: #CCC;
    }

    .login-section-form input[type=text] {
        margin-bottom: 10px;
    }

    .login-section button {
        color: #fff;
        background-color: #0A5946;
        text-align: center;
        width: 100%;
        padding: 20px;
        font-size: 20px;
        font-weight: bold;
    }

    .login_if_lpl {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .login_if_lpl a {
        font-size: 14px;
        color: #8c8784;
        letter-spacing: 2px;
    }

    .login_if_lpl a:link {
        color: #8c8784;
    }

    .login_if_lpl .new-regi-edit {
        padding-right: 15px;
        position: relative;
    }

    .login_if_lpl .new-regi-edit:after {
        content: "|";
        display: inline-block;
        position: absolute;
        left: calc(100% - 8px);
        top: 0;
        color: #8c8784;
        font-size: 12px;
    }

    .login-sns h3 {
        display: none !important;
    }

    .login-sns .sns-wrap {
        padding: 0 30px;
        padding-bottom: 70px;
    }

    .login-sns .sns-naver,
    .login-sns .sns-kakao {
        text-align: center;
        width: 100%;
        background-color: #f7f7f7;
        padding: 20px;
        display: block;
    }

    .login-sns .ico {
        display: none;
    }

    .login-sns .sns-naver {
        margin-bottom: 10px;
    }

    .login-sns .sns-naver .txt,
    .login-sns .sns-kakao .txt {
        border: none;
        color: #8c8784;
        font-size: 20px;
    }

    .login-sns .sns-naver .txt:before,
    .login-sns .sns-kakao .txt:before {
        content: '';
        padding: 20px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .login-sns .sns-naver .txt:before {
        background-image: url(https://forestclinic.co.kr/images/member/sns-naver.png);
        background-size: 50%;
    }

    .login-sns .sns-kakao .txt:before {
        background-image: url(https://forestclinic.co.kr/images/member/sns-kakao.png);
        background-size: 70%, 60%;
    }

    .regi-step .step-img {
        width: 100%;
    }

    .regi-step .pc-step-img {
        display: none;
    }

    .forest-regi-section {
        padding-top: 150px;
        padding-left: 30px;
        padding-right: 30px;
    }



    .term-dim {
        display: none;
        position: absolute;
        width: 100%;
        height: 200%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 98;
    }

    .term-overview {
        display: none;
        position: absolute;
        width: 320px;
        height: 340px;
        top: 50%;
        left: 50%;
        background-color: #fff;
        z-index: 99;
        padding: 30px;
    }

    .term-overview .overview-wrap {
        position: relative;
    }

    .term-overview .overview-title p {
        display: none;
    }

    .term-overview .overview-content {
        padding: 15px;
        border: 1px solid #8c8784;
        overflow: scroll;
        height: 240px;
    }

    .term-overview .overview-content p {
        font-size: 12px;
        color: #8c8784;
        font-weight: 200;
    }

    .term-overview .terms-close {
        color: #fff;
        background-color: #0a5946;
        font-size: 12px;
        padding: 5px 15px;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        width: 30%;
    }

    #sns_register h2 {
        display: none !important;
    }

    .regi-title-bot p {
        font-size: 42px;
        text-align: center;
        color: #1d1d1d;
        padding-top: 15px;
    }

    .regi-title-under p {
        color: #8c8784;
        padding-top: 20px;
    }


    .forest-regi-section .login-sns .sns-wrap {
        padding: 70px 0;
    }

    .forest-regi-section .login-sns .sns-naver,
    .login-sns .sns-kakao {
        width: 100%;
        display: block;
    }

    .forest-regi-section .regi-step-bot {
        padding-top: 15px;
    }

    .forest-regi-section .regi-step-bot p {
        color: #8c8784;
        font-size: 12px;
        padding-bottom: 30px;
    }

    .forest-regi-section .term-wrap {
        margin: 0 auto;
        border: 1px solid #8C8784;
        margin-bottom: 20px;
    }

    .forest-regi-section .term-all-checked input {
        width: 5%;
        vertical-align: middle;
    }

    .forest-regi-section .term-all-checked label {
        vertical-align: middle;
        color: #fff;
        font-size: 12px;
    }

    .forest-regi-section .term-box .term-all-checked {
        text-align: center;
        background-color: #0A5946;
        padding: 10px;
    }

    .forest-regi-section .term-box .term-all-bottom {
        padding: 20px;
    }

    .forest-regi-section .term-box .term-all-bottom div {
        justify-content: space-between;
        vertical-align: middle;
        align-items: center;
        padding-bottom: 15px;
    }

    .forest-regi-section .term-box .term-all-bottom div:last-child {
        padding-bottom: 0;
    }

    .forest-regi-section .term-box .term-all-bottom div input {
        vertical-align: middle;
        width: 5%;
    }

    .forest-regi-section .term-box .term-all-bottom label {
        vertical-align: middle;
        color: #8c8784;
        font-size: 12px;
        width: 80%;
        padding-left: 5px;
    }

    .forest-regi-section .term-box .term-all-bottom p {
        vertical-align: middle;
        display: inline-block;
        float: right;
        font-size: 12px;
        color: #8c8784;
        border: 1px solid #8c8784;
        padding: 2px 5px;
    }

    .forest-regi-section .term-under p {
        padding-bottom: 50px;
        font-size: 12px;
        color: #8c8784;
    }

    .forest-regi-section .btn_confirm {
        padding-bottom: 70px;
    }

    .forest-regi-section .btn_confirm button {
        margin: 0 auto;
        display: block;
        width: 150px;
        padding: 8px;
        background-color: #fff;
        color: #8c8784;
        border: 1px solid #8c8784;
    }

    .btn_confirm .btn_close {
        display: none;
    }

    .regi-com-section .forest-register-form {
        padding-top: 30px;
    }

    .regi-com-section .regi-com {
        padding-top: 40px;
        text-align: center;
    }

    .regi-com-section .regi-com .regi-com-wrap {
        padding: 40px;
        background-color: #eee;
    }

    .regi-com-section .regi-com .regi-com-top {
        padding-bottom: 15px;
    }

    .regi-com-section .regi-com .regi-com-bottom p {
        font-size: 14px;
        color: #8c8784;
    }

    .regi-com-section .regi-com .regi-com-bottom p span {
        display: block;
    }

    .btn_confirm_reg {
        padding: 50px 0 90px 0;
        text-align: center;
    }

    .btn_confirm_reg a {
        color: #8c8784;
        padding: 10px 50px;
        border: 1px solid #8c8784;
    }

    .part-4-1-pc {
        display: none;
    }

    .other-part-1-pc {
        display: none;
    }

    .other-top-wrap {
        position: relative;
    }

    .other-part-1-mo {
        padding-top: 70px;
    }

    .other-part-1 .other-top-wrap img {
        width: 100%;
    }

    .other-part-1 .other-top-wrap .other-top-txt {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .other-part-1 .other-top-wrap .other-top-txt .other-top-txt-1 p {
        font-weight: 500;
        font-size: 12px;
        color: #22896e;
    }

    .other-part-1 .other-top-wrap .other-top-txt .other-top-txt-2 p {
        font-weight: 500;
        font-size: 42px;
        color: #fff;
        padding-top: 30px;
        line-height: 1;
    }

    .other-part-1 .other-top-wrap .other-top-txt .other-top-txt-3 p {
        font-weight: 200;
        font-size: 12px;
        color: #fff;
        padding-top: 10px;
    }


    .down-poly-arrow {
        position: relative;
        width: 4.375em;
        height: 4.05375em;
        background: url("/images/main/arrow-box.png") 50% 50%/88% no-repeat;
        padding: 5px;
        margin: 0 auto;
    }

    .down-poly-arrow .down-poly-block {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .down-poly-arrow p {
        text-align: center;
        font-size: 1.25em;
        color: #000;
        font-weight: 400;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        animation: horizontald 1.5s ease-in-out infinite;
    }

    @keyframes horizontald {
        0% {
            margin-top: -40px;
        }

        50% {
            margin-top: 0px;
        }

        100% {
            margin-top: 40px;
        }
    }

    .other-part-2 {
        padding-top: 60px;
        text-align: center;
        padding-bottom: 60px;
    }

    .part-2-left p {
        font-size: 28px;
        line-height: 1;
        color: #1d1d1d;
        font-weight: 400;
        padding-bottom: 30px;
    }

    .part-2-left p span {
        display: block;
    }

    .other-part-3 {
        background-image: url('https://forestclinic.co.kr/images/forest/forest-02-m.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .other-part-3-wrap {
        padding: 60px 0;
    }

    .part-3-txt-wrap p {
        font-size: 28px;
        font-weight: 400;
        color: #fff;
        padding: 20px 60px;
        line-height: 1.2;
    }

    .part-3-txt-wrap p span {
        display: block;
    }

    .part-3-txt-wrap p:nth-child(2) {
        text-align: right;
    }

    .part-4-top-flex {
        padding: 70px 0 30px 0;
        text-align: center;
    }

    .part-4-top-flex .part-4-top-right {
        padding-bottom: 20px;
    }

    .part-4-top-flex .part-4-top-right p {
        font-size: 12px;
        color: #8c8784;
    }

    .part-4-top-flex .part-4-top-left p {
        font-size: 28px;
        line-height: 1.3;
        color: #0a5946;
        font-weight: 400;
    }

    .part-4-top-flex .part-4-top-left p span {
        color: #8c8784;
    }

    .part-4-box-title {
        padding: 60px 0;
        text-align: center;
    }

    .part-4-box-title p {
        font-size: 28px;
        font-weight: 400;
        line-height: 1.1;
    }

    .part-4-part-wrap .t4-mid-line {
        width: 200px;
        height: 2px;
        background-color: #22896e;
        margin-right: 2em;
    }

    .part-4-part-wrap .t4-box-text-mid {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        vertical-align: middle;
        padding-bottom: 20px;
    }

    .part-4-left-wrap {
        width: 85%;
        margin-right: auto;
    }

    .part-4-right-wrap {
        width: 85%;
        margin-left: auto;
    }

    .part-4-left-wrap .part-4-box-text {
        padding-left: 20px;
        padding-bottom: 60px;
    }

    .part-4-right-wrap .part-4-box-text {
        padding-bottom: 60px;
    }

    .t4-box-text-top p {
        font-size: 28px;
        padding: 30px 0 20px 0;
        line-height: 1.1;
        font-weight: 400;
        color: #1d1d1d;
    }

    .t4-box-text-rig {
        width: 80%;
    }

    .t4-box-text-rig p {
        color: #8c8784;
    }


    .staff-pc {
        display: none;
    }

    .staff-03-bot {
        padding: 60px 20px;
        background-color: #095946;
    }

    .staff-03-bot p {
        font-size: 14px;
        color: #fff;
        font-weight: 100;
        color: #fff;
        padding-bottom: 20px;
    }

    .staff-03-bot p:nth-child(2),
    .staff-03-bot p:nth-child(4) {
        font-weight: 400;
    }

    .staff-03-bot p:last-child {
        padding-bottom: 0;
    }

    .staff-04-docter-block .docter-block-title {
        font-size: 16px;
        color: #8c8784;
        padding-bottom: 15px;
    }

    .staff-04-docter-block .docter-block-cont {
        font-size: 14px;
        color: #1d1d1d;
        line-height: 1.5;
    }

    .staff-04-name p {
        font-size: 28px;
        color: #1d1d1d;
    }

    .staff-04-name p span {
        font-weight: bold;
    }

    .staff-04-doctor {
        padding: 0 20px;
    }

    .staff-04-name {
        padding: 40px 0;
    }

    .staff-04-docter-block {
        padding-bottom: 40px;
    }

    .pc-view {
        display: none !important;
    }

    .side-under-flex-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .staff-04-docter-block:last-child {
        padding-bottom: 0;
    }

    .side-under-flex.mo-view {
        padding: 60px 20px;
    }

    .side-under-cont.atag-sub {
        width: 40%;
    }

    .infomation-01 {
        padding: 80px 40px
    }

    .infomation-02 {
        padding: 0 40px;
    }

    .infomation-01-title p,
    .infomation-02-title p {
        text-align: center;
        font-size: 28px;
        color: #1d1d1d;
        font-weight: 500;
        padding-bottom: 40px;
    }

    .infomation-01-flexible {
        width: 100%;
        padding: 30px;
        vertical-align: middle;
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        border-radius: 5px;
        border-top: 2px solid #095946;
        margin-bottom: 30px;
    }

    .info-01-top p {
        padding: 20px;
        text-align: center;
        font-size: 20px;
        color: #1d1d1d;
        font-weight: 400;
    }

    .info-01-mid img {
        width: 40% !important;
        display: block;
        margin: 0 auto;
    }

    .info-01-bot {
        text-align: center;
        padding: 10px 0 20px 0;
        margin: auto;
    }

    .info-01-bot p {
        font-size: 14px;
        color: #8c8784;
    }

    .infomation-02-title p {
        width: 100%;
    }

    .infomation-02-cont {
        border-top: 1px solid #8c8784;
        padding-top: 40px;
    }

    .infomation-02-cont .info-02-flex {
        display: flex;
    }

    .infomation-02-cont .info-02-flex .info-02-left,
    .infomation-02-cont .info-02-flex .info-02-right {
        width: 100%;
    }

    .info-02-left-time p {
        font-size: 20px;
    }

    .info-02-left-time {
        padding-bottom: 10px;
    }

    .info-02-left-time:last-child {
        padding-bottom: 0;
    }

    .info-02-left-time:last-child p:last-child {
        color: #8c8784;
    }

    .info-02-left-time p:nth-child(1) {
        width: 35%;
        margin: 0 auto;
        color: #22896e;
        margin: 0 auto;
    }

    .info-02-left-time p:nth-child(2) {
        width: 65%;
        margin: 0 auto;
        color: #1d1d1d;
    }

    .info-02-left-time {
        width: 100%;
        text-align: justify;
    }

    .left-tile-last {
        text-align: center;
    }

    .info-02-left-time p:after {
        content: '';
        width: 100%;
        display: inline-block;
    }

    .mo-view.info-02-tel {
        padding-top: 60px;
    }

    .info-02-tel-box {
        padding: 40px 0;
        border-top: 1px solid #8c8784;
        border-bottom: 1px solid #8c8784;
    }

    .mo-view.info-02-tel img {
        width: 20% !important;
        display: block;
        margin: 0 auto;
    }

    .info-02-tel-box p {
        font-size: 42px;
        padding: 20px;
        text-align: center;
        font-weight: 200;
        color: #1d1d1d;
    }

    .info-02-tel-box p span {
        font-weight: 400;
    }

    .tour-01-wrap {
        padding: 80px 20px;
    }

    .tour-01-subtitle p {
        font-size: 12px;
        color: #8c8784;
        letter-spacing: 2px;
    }

    .tour-01-title p {
        font-size: 20px;
        color: #1d1d1d;
        padding-bottom: 40px;
    }

    .tour-scroller {
        max-width: 100%;
        margin: 0 auto;
        height: 2px;
        background-color: #ccc;
        margin-top: 3em;
    }

    .tour-scroller .swiper-scrollbar-drag {
        background-color: #8c8784;
    }

    .come-info {
        padding: 80px 20px 0 20px;
    }

    .come-01 .maps-come {
        width: 100%;
        height: 460px;
    }

    .come-01 .come-wrap-title p {
        font-size: 28px;
        color: #1d1d1d;
        text-align: center;
        padding-bottom: 40px;
    }

    .come-wrap-cont {
        border-top: 1px solid #ccc;
        padding-top: 40px;
    }

    .come-wrap-cont img {
        width: 6% !important;
        display: block;
        margin: 0 auto;
    }

    .come-wrap-top .come-wrap-cont p {
        padding-top: 20px;
        font-size: 20px;
        color: #8c8784;
        text-align: center;
    }

    .come-wrap-top .come-wrap-cont p span {
        display: block;
    }

    .come-wrap-bot {
        padding-top: 80px;
    }

    .come-wrap-cont-2 {
        padding-bottom: 40px;
    }

    .come-wrap-cont-2 p:nth-child(2) {
        padding-top: 20px;
        text-align: center;
        font-weight: 400;
        color: #1d1d1d;
        font-size: 20px;
    }

    .come-wrap-cont-2 p:nth-child(3) {
        padding-top: 20px;
        text-align: center;
        font-weight: 200;
        color: #8c8784;
        font-size: 16px;
    }

    .come-wrap-cont-2:nth-child(2) {
        border-bottom: 1px solid #ccc;
    }

    .deflat-non-color {
        padding: 80px 20px 0 20px;
    }

    .third-title {
        padding-bottom: 60px;
    }

    .third-title p {
        font-size: 28px;
        color: #1d1d1d;
        font-weight: 400;
        text-align: center;
        line-height: 1;
    }

    .third-title p span {
        display: block;
    }

    .third-title p:nth-child(2) {
        color: #095946;
        font-weight: bold;
        padding-top: 15px;
    }

    .laser-4-wrap {
        padding-bottom: 80px;
    }

    .laser-4-block .laser-4-cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .laser-4-cont .laser-cont-sq {
        width: 48%;
        position: relative;
        padding-bottoM: 50%;
        background-color: #f7f7f7;
        border-radius: 100%;
        margin-bottom: 20px;
    }

    .laser-4-cont .laser-cont-sq p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #8c8784;
        font-size: 18px;
        font-weight: bold;
        width: 100%;
    }

    .laser-4-cont .laser-cont-sq:nth-child(2),
    .laser-4-cont .laser-cont-sq:nth-child(4) {
        background-color: #095946;
    }

    .laser-4-cont .laser-cont-sq:nth-child(2) p,
    .laser-4-cont .laser-cont-sq:nth-child(4) p {
        color: #fff;
    }

    .laser-4-block-under p {
        padding-top: 20px;
        text-align: center;
        color: #8C8784;
        font-size: 14px;
    }

    .laser-4-block-under p span {
        display: block;
    }

    .laser-step-title {
        text-align: center;
    }

    .laser-step-title img {
        width: 10% !important;
    }

    .laser-step-title {
        padding-bottom: 40px;
    }

    .laser-step-title p {
        font-size: 28px;
        font-weight: 500;
        color: #1d1d1d;
        padding-top: 20px;
    }

    .laser-step-cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 20px;
    }

    .laser-step-block .laser-cont-sq {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 30px 0;
        background-color: #f7f7f7;
        border-radius: 70px;
    }

    .laser-step-block .laser-cont-sq:nth-child(4),
    .laser-step-block .laser-cont-sq:nth-child(5) {
        margin-bottom: 0;
    }

    .laser-step-block .laser-cont-sq img {
        width: 30% !important;
    }

    .laser-step-block .laser-cont-sq p {
        padding-top: 10px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #1d1d1d;
    }

    .laser-step-wrap {
        padding-bottom: 80px;
    }

    .laser-warning-title {
        padding-bottom: 40px;
        text-align: center;
    }

    .laser-warning-title p {
        font-size: 28px;
        font-weight: 400;
        color: #1d1d1d;
        padding-top: 20px;

    }

    .laser-warning-title img {
        width: 10% !important;
    }

    .deflat-on-color {
        background-color: #f7f7f7;
    }

    .laser-warning-block .laser-warning-cont img {
        width: 4% !important;
    }

    .laser-warning-cont {
        display: flex;
        height: 100%;
        margin-bottom: 10px;
        justify-content: flex-start;
        padding: 20px 10px;
        border: 1px solid #ccc;
        background-color: #fff;
        align-items: center;
    }

    .laser-warning-block .laser-warning-cont p {
        width: 100%;
        padding-left: 5px;
        color: #8c8784;
        font-size: 14px;
    }

    .laser-warning-cont:last-child {
        margin-bottom: 0;
    }

    .laser-start .deflat-on-color {
        padding-bottom: 80px;
    }

    .deflat-half-color .deflat-non-color.padding-del {
        padding: 0 !important;
    }

    .eyesur-top-right {
        padding: 40px 20px;
    }

    .eyesur-top-right p {
        font-size: 28px;
        line-height: 1;
    }

    .eyesur-top-right p:nth-child(1) {
        color: #8c8784;
    }

    .eyesur-top-right p:nth-child(2) {
        color: #0A5946;
        padding-top: 20px;
    }

    .eyesur-top-right-arrow {
        padding: 60px 0 0;
    }

    .userbar-flex-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .underbar-6-flexible {
        width: 100px;
        height: 60px;
        background-color: #ccc;
        margin: 0 5px;
        margin-bottom: 60px;
        position: relative;
    }

    .underbar-text-wrap p:nth-child(1) {
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        color: #1d1d1d;
    }

    .underbar-text-wrap p:nth-child(2) {
        padding-top: 30px;
        font-size: 14px;
        color: #8c8784;
    }

    .underbar-text-wrap p:nth-child(1) span {
        border-bottom: 1px solid #0A5946;
        color: #0a5946;
    }

    .underbar-6-wrap {
        padding: 60px 0 60px;
    }

    .flexible-6-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .underbar-6-flexible:nth-child(even) {
        background-color: #0c372D;
    }

    .underbar-6-flexible:nth-child(odd) {
        background-color: #0a5946;
    }

    .underbar-6-flexible p {
        color: #fff;
    }

    .underbar-6-flexible:before {
        content: "";
        position: absolute;
        top: -24px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;

    }

    .underbar-6-flexible:nth-child(even):before {
        border-bottom: 25px solid #0C372D;
    }

    .underbar-6-flexible:nth-child(odd):before {
        border-bottom: 25px solid #0A5946;
    }

    .underbar-6-flexible:nth-child(even):after {
        border-top: 25px solid #0C372D;
    }

    .underbar-6-flexible:nth-child(odd):after {
        border-top: 25px solid #0A5946;
    }

    .underbar-6-flexible:after {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;

    }

    .sur-select-cho {}

    .sur-select-cho a {
        flex-shrink: 0;
        font-size: 12px;
        padding: 5px 10px;
        color: #8c8784;
    }

    .sur-select-cho a.sur-active {
        font-weight: bold;
        color: #095946;
        background-color: #CCE2DC;
        border-radius: 10px;
    }

    .pick-bg-none {
        padding: 60px 20px 0 20px;
    }

    .sur-flex-left-top {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 10px;
    }

    .sur-flex-left-top p:nth-child(1) {
        font-size: 12px;
        color: #b4b4b4;
        letter-spacing: 1.5px;
        font-weight: 300;
        padding-bottom: 10px;
    }

    .sur-flex-left-top p:nth-child(2) {
        font-size: 24px;
        font-weight: 400;
        text-align: left;
        color: #1d1d1d;
        padding-bottom: 20px;
    }

    .sur-flex-left-pick {
        padding: 20px;
    }

    .sur-flex-left-mid {
        padding: 0 10px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }



    .sur-flex-left-bot {
        padding-top: 20px;
    }

    .sur-flex-left-bot p {
        font-size: 14px;
        color: #8c8784;
        padding-bottom: 20px;
    }

    .plus-box-wrap {
        padding-bottom: 60px;
    }

    .plus-box-txt {
        background-color: #EBEEED;
        border: 1px solid #CCCCCC;
    }

    .plus-box-txt p {
        font-size: 12px;
        color: #8c8784;
        padding: 5px;
    }


    .sur-safe .laser-4-cont {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }

    .sur-safe .laser-cont-sq {
        width: 30%;
        padding-bottom: 30%;
        margin: 0 5px;
        margin-bottom: 20px;
    }

    .sur-safe2 .laser-4-cont {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }

    .sur-safe2 .laser-cont-sq {
        width: 30%;
        padding-bottom: 30%;
        margin: 0 5px;
        margin-bottom: 20px;
    }

    .sur-safe .underbar-6-wrap {
        padding-bottom: 0;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(odd) {
        background-color: #D9D0D0 !important;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(even) {
        background-color: #3D3D3D !important;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(odd) p {
        color: #1d1d1d !important;
    }

    .userbar-flex-wrap2 .laser-4-cont .laser-cont-sq:nth-child(even) p {
        color: #fff !important;
    }

    .laser-start .deflat-on-color:last-child {
        padding-bottom: 0;
    }

    #bo_gall .side-under-cont img {
        width: 100%;
    }

    .pg_wrap {
        text-align: center;
    }

    .pg_wrap .pg {
        width: 100%;
    }

    .pg_wrap .pg a {
        font-size: 1em;
        padding: 0.5em 1em;
        color: #8c8784;
    }

    .pg_wrap .pg .pg_current {
        background-color: #0a5946;
        padding: 0.5em 1em;
        margin: 0.5em;
        border-radius: 100%;
        color: #fff;
        font-weight: normal;
    }

    .maps-sub-table tr:nth-child(3) span {
        padding-left: 25px;
        background-image: url('/images/main/park.png');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: left -11px;
    }

    .sur-move-wrap-stick.sur-fixed {
        position: fixed;
        top: 75px;
        padding: 20px 0 20px 20px !important;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        z-index: 5;
    }

    .sur-move-wrap-stick {
        padding: 60px 0 0 20px;
    }

    .mo-regi-wrap {
        position: absolute;
        display: flex;
        justify-content: flex-start;
        left: 20px;
        bottom: 20px;
    }

    .mo-regi p:nth-child(1) {
        padding-right: 15px;
    }

    .eyesur-top-right {
        background-color: #f7f7f7;
        margin-top: -3px;
    }

    .eyesur-top-right p {
        font-weight: 500;
        text-align: center;
        line-height: 1.3;
    }

    .laser-4-cont .laser-cont-sq:nth-child(1) {
        transition-delay: 0.15s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(2) {
        transition-delay: 0.3s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(3) {
        transition-delay: 0.45s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(4) {
        transition-delay: 0.6s;
    }

    .laser-4-cont .laser-cont-sq:nth-child(5) {
        transition-delay: 0.75s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(1) {
        transition-delay: 0.15s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(2) {
        transition-delay: 0.3s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(3) {
        transition-delay: 0.45s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(4) {
        transition-delay: 0.6s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(5) {
        transition-delay: 0.75s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(1) {
        transition-delay: 0.15s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(2) {
        transition-delay: 0.3s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(3) {
        transition-delay: 0.45s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(4) {
        transition-delay: 0.6s;
    }

    .userbar-flex-wrap .underbar-6-flexible:nth-child(5) {
        transition-delay: 0.75s;
    }



    .laser-step-cont .laser-cont-sq:nth-child(1) {
        transition-delay: 0.15s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(2) {
        transition-delay: 0.3s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(3) {
        transition-delay: 0.45s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(4) {
        transition-delay: 0.6s;
    }

    .laser-step-cont .laser-cont-sq:nth-child(5) {
        transition-delay: 0.75s;
    }

    /* 소셜 */
    .social_register {
        padding: 120px 20px 60px 20px;
    }

    .so-regi-first {
        color: #fff;
        font-size: 14px;
        background: #0A5946;
        text-align: center;
        padding: 10px;
    }

    #fregister_private h2,
    #register_form h2,
    #register_form h2,
    #fregister_private h2,
    #fregister_term h2 {
        font-size: 14px;
        color: #1d1d1d;
        margin: 0;
        padding: 20px 0 30px 0;
    }

    #fregister_term .fregistar_agree {
        padding: 0;
        margin: 0;
    }

    #fregister_term .fregistar_agree .agree-inner-wrap {
        padding: 10px;
        border: 1px solid #8c8784;
        color: #8c8784;
    }

    #fregister_term .fregistar_agree .agree-inner-wrap .agree-inner-top b {
        font-weight: normal;
    }

    #fregister_term .fregistar_agree .agree-inner-wrap .agree-inner-top p {
        padding: 20px;
        font-size: 12px;
        color: #8c8784;
        font-weight: 100;
    }


    #fregister_private table {
        width: 100%;
        border-collapse: collapse;
    }

    #fregister_private table td,
    #fregister_private table th {
        border: 1px solid #ccc;
        font-size: 1em;
        width: 33%;
        padding: 10px 0;
        text-align: center;
        color: #8c8784;
    }

    #fregister_private table th {
        background-color: #f7f7f7;
    }

    #fregister_private table .lastd {
        text-align: left;
        padding-left: 10px;
    }

    #fregister_chkall {
        padding-top: 20px;
        font-size: 14px;
        color: #1d1d1d;
    }


    #register_form ul {
        margin: 0;
        padding: 10px 0 0 0;
    }

    #register_form ul .freg-flex {
        width: 100%;
        vertical-align: middle;
        align-items: center;
    }

    #register_form ul .freg-flex label {
        width: 100%;
        padding-bottom: 10px;
        font-size: 12px;
        color: #8c8784;
    }

    #register_form ul .freg-flex.fir-freg-flex {
        margin-bottom: 20px;
    }

    #register_form ul .freg-flex input[type="text"] {
        width: 100%;
        padding: 10px;
        background-color: #f7f7f7;
        border: 0;
    }

    .btn_confirm {
        padding-top: 40px;
        text-align: center;
    }

    .btn_confirm .btn_submit {
        font-size: 14px;
        color: #fff;
        background: #095946;
        padding: 15px 30px;
        border: 0;
    }


    .quick-opend-btn.quick-kakao {
        bottom: 185px;
    }

    .quick-opend-btn.quick-come {
        bottom: 140px;
    }

    .quick-opend-btn.quick-blog {
        bottom: 230px;
    }


    .quick-opend-btn.quick-tel {
        bottom: 95px;
    }

    .quick-block {
        z-index: 21;
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
        z-index: 4
    }

    .quick-top-block {
        z-index: 21;
        position: fixed;
        bottom: 30px;
        right: 85px;
        width: 50px;
        height: 50px;
        z-index: 4
    }

    .quick-block img {
        width: 100%;
    }

    .quick-opend-btn {
        color: #fff;
        position: fixed;
        right: 30px;
        z-index: 10;
        transition: all 0.7s ease 0s;
        opacity: 1;
        padding: 9px 15px 10px 15px;
        width: 150px;
        background-color: #F17D3C;
        border-radius: 30px;
        bottom: 3%;
    }

    .quick-opend-btn p {
        background-repeat: no-repeat;
        background-position: 95% 50%;
        text-align: center;
        padding-right: 25px;
        background-size: 12px;
        font-size: 15px;
        margin-bottom: 1px;
    }

    .quick-opend-btn.quick-kakao p {
        background-image: url("/images/main/talk.png");
    }

    .quick-opend-btn.quick-come p {
        background-image: url("/images/main/phone.png");
    }

    .quick-opend-btn.quick-tel p {
        background-image: url("/images/main/blog.png");
    }

    .model-form-wrap p {
        font-size: 16px;
        color: #1d1d1d;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .model-form-wrap p span {
        font-weight: 100;
    }

    .model-form-wrap input[type="text"], .model-form-wrap input[type="number"] {
        font-size: 14px;
        padding: 20px 10px;
        width: 100%;
        color: #1d1d1d;
        border: 1px solid #1d1d1d;
    }

    .model-form-wrap select {
        font-size: 14px;
        padding: 15px 10px;
        width: 100%;
        color: #1d1d1d;
        border: 1px solid #1d1d1d;
    }

    .model-ajax-wrap {
        padding: 60px 20px 40px;
    }

    .model-input-chkbox label {
        font-size: 14px;
        color: #1d1d1d;
    }

    .check-wrap-box {
        padding-bottom: 10px;
        display: flex;
        vertical-align: middle;
        align-items: center;
    }

    .check-wrap-box input[type="checkbox"] {
        width: 15px;
    }

    .check-wrap-box label {
        padding-left: 10px;
    }

    .check-wrap-box:last-child {
        padding-bottom: 0;
    }

    .model-input-chkbox {
        padding-bottom: 20px;
    }

    .birth-box select {
        margin-bottom: 5px;
    }

    .birth-box select:last-child {
        margin-bottom: 0;
    }

    .model-input-box {
        padding-bottom: 20px;
    }

    .big-box input {
        height: 160px;
    }

    #subts {
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 16px;
        padding: 10px 30px;
        color: #095946;
        background-color: #fff;
        border: 1px solid #095946;
    }

    .term-wrap .term-all-checked #fregister_chkall {
        padding-top: 0;
    }

    .forest-register-form .forms-name p {
        font-size: 14px;
        color: #1d1d1d;
    }

    .forest-register-form .forms-input input {
        border: none;
        background-color: #eee;
        ;
        width: 100%;
        padding: 20px 10px;
    }

    .forms-flexible-wrap {
        padding-top: 20px;
    }

    .regi-step .mo-step-img {
        padding-top: 40px;
    }

    .forest-register-form .forms-flexible .forms-input input::placeholder {
        color: #CCCCCC;
    }

    .btn_confirm {
        padding-bottom: 70px;
    }

    .doctor-yeard-sub-cont p {
        padding-left: 10px !important;
        white-space: pre;
    }

    .doctor-yeard-name.doctor-yeard-sub p {
        font-size: 20px;
        color: #1d1d1d;
        padding-bottom: 10px;
        position: relative;
        padding-top: 0 !important;
    }

    .doctor-yeard-name.doctor-yeard-sub span {
        padding-top: 20px;
        display: block;
        color: #F17D3C;
        font-size: 14px;
        font-weight: 700;
    }

    .doctor-yeard-name p {
        font-size: 20px;
        color: #1d1d1d;
        padding-bottom: 10px;
        position: relative;
        padding-top: 20px;
        line-height: 1.5;
    }

    .docter-yeard-content p span {
        display: block;
    }

    .docter-yeard-content p {
        font-size: 14px;
        color: #666;
        line-height: 1.5;
        padding-left: 10px;

        display: block;
        font-weight: 300;
        padding: 0;

        position: relative;
    }

    .docter-yeard-content.doctor-year-cont p:before {
        content: '';
        position: absolute;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #666;
        top: 7px;
        border-radius: 100%;
    }

    .forest-event-wrap .swiper-wrapper .slide-under-txt p {
        font-size: 14px;
        padding: 20px 0;
        color: #4D4136;
    }

    .view-wrap-bullets {
        position: absolute;
        bottom: 20px;
        /* left: 7.5em; */
        display: flex;
        align-items: center;
        z-index: 8;
        left: 50%;
        transform: translateX(-50%);
    }

    .model-request-wrap {
        position: relative;
    }

    .view-wrap-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #fff;
        opacity: 1;
        transition: 1s;
        margin: 0 5px;
    }

    .view-wrap-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        background: none;
    }

    .model-top-subj p {
        padding-bottom: 20px;
        color: #b4b4b4;
        letter-spacing: 2px;
        font-weight: 100;
    }

    .ws-other-section {
        padding-bottom: 60px;
    }

    .ws-other-section .pc-view {
        display: none;
    }

    .ws-other-section .sur-flex-left {
        display: flex;
        flex-wrap: wrap;
    }

    .ws-other-section .sur-flex-left .sur-flex-left-top {
        width: 100%;
        order: 2;
    }

    .ws-other-section .sur-flex-left .sur-flex-left-pick {
        width: 100%;
        order: 1;
    }

    .ws-other-section .sur-flex-left .sur-flex-left-pick img {
        width: 100%;
    }

    .ws-other-section .sur-flex-left .sur-flex-left-mid {
        width: 100%;
        order: 3;
    }

    .sur-left-flexis {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 15px 5px;
        border-bottom: 1px dotted #c8c8c8;
    }

    .sur-left-flexis:last-child {
        border: none;
    }

    .sur-left-flexis p:nth-child(1) {
        width: 25%;
        color: #110844;
        font-size: 12px;
        font-weight: 400;
    }

    .sur-left-flexis p:nth-child(2) {

        color: #1d1d1d;
        font-size: 12px;
        font-weight: 700;
    }

    .sur-left-flexis:last-child p:nth-child(2) {
        color: #BC0000;
    }

    .order-1-top, .order-1-middle {
        text-align: left;
        padding-left: 20px;
    }

    .main-section-06 .section-title p:nth-child(1) {
        font-size: 12px;
        color: #b4b4b4;
        letter-spacing: 2px;
        padding-bottom: 10px;
    }

    .main-section-06 .section-title p:nth-child(2) {
        font-size: 28px;
        color: #1d1d1d;
        line-height: 1.2;
        padding-bottom: 40px;

    }

    .main-section-06 .section-title p:nth-child(2) b {
        font-weight: 700;
    }

    .repre-title-left h2 {
        font-size: 12px;
        color: #b4b4b4;
        letter-spacing: 2px;
        font-weight: 300;
        padding-bottom: 20px;
    }

    video {
        width: 100%;
    max-width: 960px;
    height: 640px;
    object-fit: cover;
    }

}


.maps-right div:nth-child(2) {
    z-index: 0 !important;
}

.maps-sub-table table {
    border-collapse: collapse;
}

a {
    color: #1d1d1d;
}

.suga-open {
    cursor: pointer;
}

.quick-top-block img, .quick-block img {
    width: 100%;
}


.model-req-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.header-inner-top-btn a {
    cursor: pointer;
}

.main-section-06 .promise-flex-wrap {}


.suga-dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
  }
  
  .suga-open {
    cursor: pointer;
  }
  
  @media (min-width: 1300px) {
    .suga-bottom {
      overflow: scroll;
      background-color: #fff;
      margin-top: -4.2px;
      height: 60vh;
    }
    .suga-table {
      padding: 60px;
    }
    .suga-pc-top img {
      width: 100%;
    }
    .suga-pop {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: 9999;
    }
    .suga-wrap {
      position: relative;
      width: 50%;
      margin: 0 auto;
      height: 70vh;
    }
    .suga-wrap .suga-bottom img {
      text-align: center;
      width: 100%;
      margin: 0 auto;
      display: block;
    }
    .suga-top {
      display: none;
    }
    .suga-closed-btn {
      position: absolute;
      top: 2.5%;
      right: 2%;
    }

  }
  @media (max-width: 1299px) {
    .suga-pc-top {
      display: none;
    }
    .suga-wrap {
      position: relative;
    }
    .suga-closed-btn {
      position: absolute;
      top: -10px;
      right: 10px;
    }
    .suga-pop {
      padding-top: 30px;
      width: 100%;
      height: 85vh;
      transform: translateY(100%);
      position: fixed;
      bottom: 0;
      z-index: 9999;
      transition: 1.5s;
      overflow: hidden;
      border-top-left-radius: 30px;
      background-color: #fff;
    }
    .suga-top-txt p {
      padding: 0 20px;
      font-size: 12px;
      color: #8C8784;
      padding-bottom: 2rem;
      padding-top: 3rem;
    }
    .suga-top-title {
      text-align: center;
      font-weight: 700;
      padding-bottom: 2rem;
      padding-top: 6rem;
      font-size: 4rem;
      color: #1d1d1d;
    }
    .suga-bottom img {
      width: 100%;
      padding-bottom:20%;
    }
    .suga-bottom {
      padding: 0 20px;
      overflow-y: scroll;
      height: 60vh;
    }
    .suga-pop.suga-slide-up {
      transform: translate(0);
    }

  }