@charset "utf-8";
/* 안면윤곽 */

/* 안면윤곽센터 - center */
/* container */
.center #container {
  background-color: #f3fbfc;
}
.center .center_info {
}
@media (max-width: 1024px) {
  .center .center_info {
    padding-top: 10%;
  }
}
@media (max-width: 720px) {
  .center .center_info {
    padding-top: 5%;
  }
}
.center .C-visual::after {
  display: none;
}
@media (max-width: 720px) {
  .center .C-visual .swiper {
    height: 89%;
  }
}
.center .C-visual .swiper-slide.visual_01 {
  background: var(--C-f3fbfc) url(../images/wb/faceline/center_visual_img.jpg)
    no-repeat center top;
}
.center .C-visual .swiper-slide.visual_02 {
  background: var(--C-f3fbfc) url(../images/wb/faceline/center_visual_img.jpg)
    no-repeat center top;
}
.center .C-visual .swiper-slide.visual_03 {
  background: var(--C-f3fbfc) url(../images/wb/faceline/center_visual_img.jpg)
    no-repeat center top;
}
.center .C-visual .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin-left: -960px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  z-index: 3;
  background: url(../images/wb/faceline/center_visual_dim.png) no-repeat center
    bottom;
  background-size: 100%;
}
@media (max-width: 1920px) {
  .center .C-visual .swiper-slide::after {
    background-size: 100vw;
    margin: 0;
    left: 0;
  }
}
@media (max-width: 1500px) {
  .center .C-visual .swiper-slide::after {
    bottom: -12px;
  }
}
@media (max-width: 720px) {
  .center .C-visual .swiper-slide::after {
    bottom: 20vw;
  }
}
.center .C-visual .swiper .swiper-slide {
  background-size: auto;
}
@media (max-width: 720px) {
  .center .C-visual .swiper .swiper-slide {
    background-size: 145vw;
  }
}
@media (max-width: 1500px) {
  .center .C-visual .img_text {
    left: 50%;
  }
}
@media (max-width: 720px) {
  .center .C-visual .img_text {
    left: 0;
    text-align: center;
  }
}
@media (max-width: 720px) {
  .center .C-visual .img_text img {
    display: inline-block;
    margin-bottom: 1%;
  }
}
.center .C-visual .img_text .img_mb {
  display: none;
}
@media (max-width: 720px) {
  .center .C-visual .img_text img {
    display: none;
  }
  .center .C-visual .img_text .img_mb {
    display: inline-block;
  }
}
.center .C-visual .img_text .item_02 {
  line-height: 1.1;
  background: linear-gradient(to bottom, #008a96, #2f9ea5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.center .counseling_form {
  /* top: 80%; */
  /* bottom: initial; */
}
@media (max-width: 1500px) {
  .center .counseling_form {
    top: 87%;
  }
}
.center .counseling_form .btn_request {
  background-color: var(--C-04cad7);
}
.center .C-visual .swiper-button {
  display: flex;
  width: 720px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 74%;
  margin-left: -360px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1500px) {
  .center .C-visual .swiper-button {
    top: 76%;
  }
}
@media (max-width: 720px) {
  .center .C-visual .swiper-button {
    width: 100%;
    margin-left: 0;
    left: 0;
    top: initial;
    bottom: 0;
  }
}
.center .C-visual .swiper-button-prev {
  width: 9px;
  height: 13px;
  margin: 0;
  margin-right: 15px;
  position: relative;
  left: initial;
  top: initial;
  background: url(../images/wb/faceline/btn_swiper_visual.png) no-repeat left
    top;
}
@media (max-width: 720px) {
  .center .C-visual .swiper-button-prev {
    display: none;
  }
}
.center .C-visual .swiper-button-prev::after {
  display: none;
}
.center .C-visual .swiper-button-next {
  width: 9px;
  height: 13px;
  margin: 0;
  margin-left: 15px;
  position: relative;
  right: initial;
  top: initial;
  transform: rotate(180deg);
  background: url(../images/wb/faceline/btn_swiper_visual.png) no-repeat left
    top;
}
@media (max-width: 720px) {
  .center .C-visual .swiper-button-next {
    display: none;
  }
}
.center .C-visual .swiper-button-next::after {
  display: none;
}
.center .C-visual .swiper-pagination {
  width: auto;
  height: 11px;
  position: relative;
  top: 0;
}
.center .C-visual .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  margin: 0 5px !important;
  vertical-align: top;
  opacity: 1;
  background-color: var(--C-ffffff);
}
@media (max-width: 720px) {
  .center .C-visual .swiper-pagination-bullet {
    background-color: var(--C-ced2d7);
  }
}
.center .C-visual .swiper-pagination-bullet-active {
  background-color: var(--C-04cad7);
}
@media (max-width: 1024px) {
  .center .C-RealSelfiegram {
    margin-top: 12%;
  }
}
@media (max-width: 720px) {
  .center .C-RealSelfiegram {
    margin-top: 0;
  }
}
.center .C-title .c_00abb6 {
  color: #00abb6;
}
.center .center_info {
  width: 960px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .center .center_info {
    width: auto;
    padding: 0 3%;
  }
}
.center .text_box {
  padding-bottom:  75px;
  font-size: 24px;
  color: #45474d;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media (max-width: 720px) {
  .center .text_box {
    padding-bottom: 5.5vw;
    font-size: 3.3vw;
    letter-spacing: -0.1vw;
    line-height: 1.3;  
  }
}
.center .text_box .title {
  font-size: 40px;
  color: #000b17;
  font-weight: 900;
  letter-spacing: -2px;
  margin-bottom: 10px;
}
@media (max-width: 720px) {
  .center .text_box .title {
    font-size: 5.5vw;
    margin-bottom: 2.5vw;
    letter-spacing: -0.2vw;
  }
}
.center .text_box .title strong {
  color: var(--C-00abb6);
}

.center .img_mb {
  display: none;
  width: 100%;
}
@media (max-width: 720px) {
  .center .img_pc {
    display: none;
  }
  .center .img_mb {
    display: block;
  }
}
.center .img_list {
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  .center .img_list {
    padding-bottom: 11%;
  }
}
@media (max-width: 720px) {
  .center .img_list {
    padding-bottom: 9vw;
  }
}
.center .img_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 1024px) {
  .center .img_list ul {
    gap: 0;
    justify-content: space-between;
  }
}
.center .img_list li {
  position: relative;
}
@media (max-width: 1024px) {
  .center .img_list li {
    flex: 1 1 33%;
    max-width: 32%;
    margin-bottom: 2%;
  }
}
@media (max-width: 720px) {
  .center .img_list li {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 4.3vw;
  }
}
.center .img_list li img {
  width: 100%;
}
.center .img_list p {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 30px;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .center .img_list p {
    bottom: 8px;
  }
}
@media (max-width: 720px) {
  .center .img_list p {
    bottom: 4vw;
  }
}

.center .img_list span {
  font-size: var(--f-22);
  color: var(--C-9ff9ff);
}
@media (max-width: 1024px) {
  .center .img_list span {
    font-size: 2.2vw;
  }
}
@media (max-width: 720px) {
  .center .img_list span {
    font-size: 3.89vw;
  }
}
.center .img_list strong {
  display: block;
  font-size: var(--f-32);
  color: var(--C-ffffff);
  font-weight: 800;
}
@media (max-width: 1024px) {
  .center .img_list strong {
    font-size: 4vw;
  }
}
@media (max-width: 720px) {
  .center .img_list strong {
    font-size: 5.5vw;
    line-height: 1;
      padding-top: 0.5vw;
  }
}
.center .history {
  padding-bottom: 74px;
}
@media (max-width: 720px) {
  .center .history {
  padding-bottom: 8vw;
    }
}

.center .history ul li {
  display: flex;
  position: relative;
  gap: 28px;
  margin-bottom: 50px;
}
.center .history ul li .text{
    margin-top: 18px;
}

@media (max-width: 960px) {
  .center .history ul li {
    gap: 3vw;
  }
}
@media (max-width: 720px) {
  .center .history ul li {
    flex-direction: column;
    margin-bottom: 6vw;
  }
}
@media (max-width: 960px) {
  .center .history ul li .img {
    width: 40%;
  }
}
@media (max-width: 720px) {
  .center .history ul li .img {
    width: 100%;
  }
}
.center .history ul li img {
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  .center .history ul li .text {
    text-align: center;
    margin-top: 0;
  }
}
.center .history ul li b {
  font-size: 20px;
  color: #000b17;
  font-weight: 900;
}
@media (max-width: 960px) {
  .center .history ul li b {
    font-size: 2.5vw;
  }
}
@media (max-width: 720px) {
  .center .history ul li b {
    font-size: 4.44vw;
  }
}
.center .history ul li strong {
  display: block;
  font-size: 50px;
  color: #006369;
  line-height: 1;
  font-weight: 900;
    padding: 10px 0 25px;
}
@media (max-width: 960px) {
  .center .history ul li strong {
    font-size: 5.3vw;
  }
}
@media (max-width: 720px) {
  .center .history ul li strong {
    font-size: 6.94vw;
    padding: 0.5vw 0 3vw;
  }
}
.center .history ul li p {
  line-height: 1.2;
    letter-spacing: -1px;
}
@media (max-width: 960px) {
  .center .history ul li p {
    font-size: 2.2vw;
  }
}
@media (max-width: 720px) {
  .center .history ul li p {
    font-size: 2.36vw;
    letter-spacing: -0.1vw;
    line-height: 1.4;
  }
}
/*.center .contents_EventBanner {
  position: relative;
  margin-bottom: 87px;
}
@media (max-width: 720px) {
  .center .contents_EventBanner {
    margin-bottom: 13vw;
  }
}
.center .contents_EventBanner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -50%;
  z-index: 0;
  background-color: #006369;
}
.center .contents_EventBanner .item {
  display: flex;
  width: 1082px;
  height: 69px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  border-radius: 70px;
  background-color: #006369;
}
@media (max-width: 1150px) {
  .center .contents_EventBanner .item {
    width: 760px;
  }
}
@media (max-width: 1024px) {
  .center .contents_EventBanner .item {
    width: 690px;
    justify-content: center;
  }
}
@media (max-width: 720px) {
  .center .contents_EventBanner .item {
        width: 90%;
        padding: 1.7vw 3.5vw 1.7vw 0;
        box-sizing: border-box;
        height: 9.58vw;
    }
}
.center .contents_EventBanner .item a {
  display: flex;
  padding-right: 40px;
  color: var(--C-ffffff);
  font-weight: 900;
  align-items: center;
  background: url(../images/wb/faceline/icon_EventBanner.png) no-repeat right
    center;
  width: 94%;    
}
@media (max-width: 1024px) {
  .center .contents_EventBanner .item a {
    background-size: 12px auto;
  }
    .center .contents_EventBanner .item a {
        width: 88%;
    }
}
@media (max-width: 720px) {
  .center .contents_EventBanner .item a {
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.center .contents_EventBanner .item a span {
    display: inline-flex;
    height: 45px;
    margin-right: 70px;
    padding: 0 23px;
    font-size: 20px;
    border-radius: 30px;
    align-items: center;
    background-color: #15adb6;;
}
@media (max-width: 1150px) {
  .center .contents_EventBanner .item a span {
    height: auto;
    padding: 8px 15px;
    font-size: var(--f-18);
    font-weight: 700;
    border-radius: 100px;
    margin-right: 20px;
  }
}
@media (max-width: 720px) {
  .center .contents_EventBanner .item a span {
    font-size: 2.78vw;
    line-height: 6.25vw;
    height: 6.25vw;
    padding: 0 3.5vw;
    margin-right: 3vw;
  }
}
.center .contents_EventBanner .item a p {
  font-size:30px;
}
@media (max-width: 1150px) {
  .center .contents_EventBanner .item a p {
    font-size: var(--f-32);
    font-weight: 700;
  }
}
@media (max-width: 1024px) {
  .center .contents_EventBanner .item a p {
    font-size: var(--f-24);
  }
}
@media (max-width: 720px) {
  .center .contents_EventBanner .item a p {
    font-size: 4.16vw;
  }
}*/
.center .C-BeforeAfter .swiper-pagination-bullet-active {
  background-color: var(--C-04cad7);
}
.center .C-title .c_3bbc1d {
  color: var(--C-04cad7);
}
.center .C-idYoutube .btn_youtube_page {
  background-color: var(--C-04cad7);
}

.good_afterID .inner {
  max-width: 1080px;
  margin: auto;
  padding: 0 0 80px;
}
.good_afterID .title {
  font-size: 60px;
  font-weight: 900;
  color: #000;
  text-align: center;
  margin-bottom: 80px;
  letter-spacing: -2px;
}
.good_afterID .title .btn-color {
  color: #00abb6;
}
.good_afterID .title .sub_tit {
  display: block;
  font-size:20px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.good_afterID .care_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--C-ffffff);
}
.good_afterID .care_list .care_item {
  position: relative;
}
.good_afterID .care_list .care_item .text_wrap {
    position: absolute;
    bottom: 6px;
    text-align: center;
    padding: 50px 10px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px 0;
}
.good_afterID .care_list .care_item .text_wrap strong {
  font-size: 25px;
  font-weight: bold;
    line-height: 1.1;
}
.good_afterID .care_list .care_item .text_wrap span {
  line-height: 1.2;
    font-size: 17px;
}
.good_afterID .care_list .care_item .img_wrap img {
  width: 100%;
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1024px) {
  
}

@media (max-width: 720px) { 

    .good_afterID .title {
        font-size: 8.33vw;
        margin-bottom: 5.5vw;
        letter-spacing: -0.2vw;
    }
    .good_afterID .title .sub_tit {
        font-size: 2.78vw;
        letter-spacing: -0.05vw;
    }
    .good_afterID .care_list .care_item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

  .good_afterID .care_list .care_item + .care_item {
    margin-top: 3.5vw;
  }
  .good_afterID .care_list .care_item .text_wrap {
    width: auto;
    left: 50%;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: var(--vw20) var(--vw10);
    gap: 2vw 0;
  }
  .good_afterID .care_list .care_item .text_wrap strong {
    font-size: 3.47vw;
  }
    .good_afterID .care_list .care_item .text_wrap span{
        font-size: 2.36vw;
    }

}