@charset "utf-8";
/* 모티바 가슴 성형 */

/* 모티바 가슴 성형 시작 */
/* 모티바 가슴 성형 공통 속성 중 색상 및 이미지만 바뀌는 영역 시작 */
.C-visual .counseling_form .btn_request {
    background-color: var(--C-f958c2);
}
.C-title .c_f958c2 {
    color: var(--C-f958c2);
}
.C-idYoutube .btn_youtube_page {
    background-color: var(--C-f958c2);
}
.C-BeforeAfter .swiper-pagination-bullet-active {
    background-color: var(--C-f958c2);
}

.all_inclusive img {max-width: 100%;}

.all_inclusive .container_wrapper {max-width: 960px; margin: 0 auto;text-align: center;}
.all_inclusive .natural_fancy_info .text {
    display: flex;
    width: 514px;
    height: 109px;
    margin: 0 auto;
    position: relative;
    padding-left: 38px;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}
.all_inclusive .natural_fancy_info .text span {
    font-size: 26px;
    color: #737380;
    line-height: 1.2;
    letter-spacing: -0.5px;
    position: relative;
    z-index: 3;
}
.all_inclusive .natural_fancy_info .text strong {
    display: block;
    font-size: 48px;
    color: #e747b0;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -1px;
    position: relative;
    z-index: 2;
}
.all_inclusive .natural_fancy_info .text .info_img {
    width: 176px;
    right: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.all_inclusive .natural_fancy_info .text::before {
    content: "[";
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 68px;
    color: #ffc7ee;
    font-weight: 900;
}
.all_inclusive .natural_fancy_info .text::after {
    content: "]";
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 68px;
    color: #ffc7ee;
    font-weight: 900;
}
.wb_img {
    display: block;
}
.mb_img {
    display: none;
}

/****** 0630 추가 ******/
.section01 {margin-bottom: 120px; line-height: 1;}
.section01 ul {display: flex; flex-wrap: nowrap; column-gap: 60px;margin-top: 58px;}
.section01 li span {display: block;font-size: 25px;letter-spacing: -0.5px; padding-top: 30px; color: #111113; font-weight: 500;}
.section01 li strong {display: block;font-size: 25px;letter-spacing: -0.5px; padding-top: 6px; color: #b0217d;font-weight: 900;}

.section02 {margin-bottom: 98px; line-height: 1;}
.section02 h2 {font-size: 48px; letter-spacing: -2px; padding-bottom: 80px; color: #f958c2; font-weight: 900;}
.section02 ul {display: flex; flex-wrap: nowrap; column-gap: 30px;}
.section02 li .text i {display: block; font-size: 48px; letter-spacing: -1.5px; padding: 23px 0 16px; color: #b0217d; font-weight: 800;}
.section02 li .text strong {display: block; color: #b0217d; font-size: 25px; letter-spacing: -0.5px; padding-bottom: 17px; font-weight: 800; line-height: 1.2;}
.section02 li .text p {font-size: 20px; letter-spacing: -1px; color: #000; line-height: 1.2;}

.section03 {margin-bottom: 125px; line-height: 1;}
.section03 .title_area h3 {font-size: 35px; letter-spacing: -0.5px; line-height: 1.2; padding-bottom: 20px; color: #000; font-weight: 900;}
.section03 .title_area h3 strong {color: #e747b0;}
.section03 .title_area p {color: #474747; font-size: 24px; letter-spacing: -1px;}
.section03 ul {margin-top: 80px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 66px; row-gap: 60px;}
.section03 .care_text {display: block; color: #b0217d; font-size: 25px; letter-spacing: -0.5px; padding-top: 30px; font-weight: 800;}

@media (max-width: 720px) {
    .all_inclusive .container_wrapper {
        max-width: 100%;
        padding: 0 4.17vw;
    }
    .all_inclusive .natural_fancy_info .text {
        width: 71.39vw;
        height: 15.14vw;
        margin: -1.39vw auto 0;
        padding-left: 5.28vw;
    }
    .all_inclusive .natural_fancy_info .text span {
        font-size: 3.61vw;
        letter-spacing: -0.07vw;
    }

    .all_inclusive .natural_fancy_info .text strong {
        font-size: 6.67vw;
        letter-spacing: -0.14vw;
    }
    .all_inclusive .natural_fancy_info .text::before,
    .all_inclusive .natural_fancy_info .text::after {
        font-size: 9.44vw;
        bottom: 1.39vw;
    }

    .all_inclusive .natural_fancy_info .text .info_img {
        width: 24.44vw;
        right: 4.86vw;
    }


    .wb_img {
        display: none;
    }
    .mb_img {
        display: block;
    }


    /****** 0630 추가 ******/
    .section01 {margin-bottom: 13.33vw;}
    .section01 ul {flex-direction: column; column-gap: 0; row-gap: 5.56vw; margin-top: 4.17vw;}
    .section01 li span {font-size: 3.47vw;letter-spacing: -0.07vw; padding-top: 6.25vw;}
    .section01 li strong {font-size: 3.47vw;letter-spacing: -0.07vw; padding-top: 0.83vw;}

    .section02 {margin-bottom: 12.5vw;}
    .section02 h2 {font-size: 6.67vw; letter-spacing: -0.28vw; padding-bottom: 5.42vw;}
    .section02 ul {flex-direction: column; column-gap: 0; row-gap: 5.56vw;}
    .section02 li .text i {font-size: 4.7vw; letter-spacing: -1.5px; padding: 5vw 0 2vw;}
    .section02 li .text strong {font-size: 3.47vw; letter-spacing: -0.07vw; padding-bottom: 1.94vw; line-height: 1;}
    .section02 li .text p {font-size: 2.78vw; letter-spacing: -0.14vw; line-height: 1;}

    .section03 {margin-bottom: 12.5vw;}
    .section03 .title_area h3 {font-size: 3.47vw; letter-spacing: -0.07vw; padding-bottom: 2.08vw;}
    .section03 .title_area p {font-size: 2.78vw; letter-spacing: -0.14vw;}
    .section03 ul {margin-top: 5.69vw; column-gap: 4.17vw; row-gap: 5.56vw;}
    .section03 .care_text {font-size: 2.78vw; letter-spacing: -0.07vw; padding-top: 4.17vw;}

}
/* 모티바 가슴 성형 끝 */
