:root {
  --primary-color: var(--C-f25ace);
  --secondary-color: var(--C-ffc9f2);
  --btn-color: var(--C-f66fd6);
  --swiper-active: var(--C-f25ace);
  --bg-color: var(--C-fcf7ff);
}

#wrap {
  background-color: var(--bg-color);
}

.wb_img {
  display: block;
}

.mb_img {
  display: none;
}

/**** 0618 디자인 시안에 맞춰 새로 작업 start ****/
/*operation_bna*/
.eye_shape img {max-width: 100%;}
.eye_shape .operation_bna {margin-top: 70px;text-align: center ;}
.eye_shape .operation_bna li .text_wrap {margin: 30px auto; line-height: 1; letter-spacing: -2px;}
.eye_shape .operation_bna li:last-child .text_wrap {margin-bottom: 0;}
.eye_shape .operation_bna li .text_wrap strong {display: block;font-size: 25px; font-weight: 800; color: #db26b0;}
.eye_shape .operation_bna li .text_wrap span {display: block; font-size: 20px; letter-spacing: -0.5px;font-weight: 600; color: #111113; line-height: 1.2; padding-top: 20px;}

/*eye_theme_info*/
/*text_2*/
.eye_theme_info .text_2 {display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;width: 635px;height: 81px;margin: 90px auto 40px;position: relative;padding: 0 34px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.eye_theme_info > .text strong,
.eye_theme_info .text_2 strong {display: block;font-size: 48px;color: var(--primary-color);font-weight: 900;line-height: 1.2;letter-spacing: -2px;position: relative;}
.eye_theme_info > .text span,
.eye_theme_info .text_2 span {font-size: 26px;color: var(--C-737380);line-height: 1.1;letter-spacing: -1px;position: relative;font-weight: 500;}
.eye_theme_info > .text::before,
.eye_theme_info .text_2::before {content: "[";position: absolute;left: 0;bottom: -2px;font-size: 68px;color: var(--C-ffc7ee);font-weight: 900;}
.eye_theme_info > .text::after,
.eye_theme_info .text_2::after {content: "]";position: absolute;right: 0;bottom: -2px;font-size: 68px;color: var(--C-ffc7ee);font-weight: 900;}

/*operation_area*/
.operation_area {text-align: center; line-height: 1;}
.operation_area .title {font-size: 48px;letter-spacing: -2px;color: #f25ace;margin: 90px auto 80px;font-weight: 900;}

.mt_100 {margin-top: 100px;}
.mb_110 {margin-bottom: 110px;}

/*operation_desc*/
.operation_desc .text {font-size: 25px;letter-spacing: -1px;color: #db26b0;font-weight: 900;margin-bottom: 40px;}
.operation_desc .operation_list_img {line-height: 0;}
.operation_desc ol {max-width: 807px; margin: 0 auto;display: flex; flex-wrap: nowrap; column-gap: 12px;}
.operation_desc li .numb {color: #db26b0;font-size: 48px; letter-spacing: -3px; font-weight: 800;padding: 30px 0 24px;display: block; text-align: center;}
.operation_desc li p {color: #000; letter-spacing: -1px; font-weight: 600;line-height: 1.2;}


@media (max-width: 720px) {
  .eye_shape .operation_bna {margin-top: 4.44vw;}

  /*eye_theme_info*/
  /*text_2*/
  .eye_theme_info .text_2 {width: 89.72vw;height: 11.39vw;margin: 11.81vw auto 4.17vw;padding: 0 4.72vw;}
  .eye_theme_info > .text span,
  .eye_theme_info .text_2 span {font-size: 3.61vw;letter-spacing: -0.14vw;}
  .eye_theme_info > .text strong {font-size: 5.89vw;letter-spacing: -0.28vw;}
  .eye_theme_info .text_2 strong {font-size: 6.67vw;letter-spacing: -0.28vw;}
  .eye_theme_info > .text::before{
    font-size: 9.44vw;
    bottom: -0.42vw;
  }
  .eye_theme_info > .text::after{
    font-size: 9.44vw;
    bottom: -0.42vw;
  }
  .eye_theme_info .text_2::before{
    font-size: 9.44vw;
    bottom: -0.28vw;
  }
  .eye_theme_info .text_2::after {
    font-size: 9.44vw;
    bottom: -0.28vw;
  }

  .eye_shape .operation_bna li .text_wrap {margin: 2.92vw auto 2.78vw;letter-spacing: -0.28vw;}
  .eye_shape .operation_bna li .text_wrap strong {font-size: 3.47vw;}
  .eye_shape .operation_bna li .text_wrap span { font-size: 2.78vw;padding-top: 2.78vw;letter-spacing: -0.07vw;}


  /*operation_area*/
  .operation_area {text-align: center; line-height: 1;}
  .operation_area .title {font-size: 6.67vw;letter-spacing: -0.28vw;margin: 12.5vw auto 5.56vw;}

  .mt_100 {margin-top: 12.5vw;}
  .mb_110 {margin-bottom: 11.94vw;}

  /*operation_desc*/
  .operation_desc .text {font-size: 3.47vw;letter-spacing: -0.14vw;margin-bottom: 5.28vw;}
  .operation_desc ol {width: 100%; column-gap: 1.39vw;}
  /*.operation_desc li {width: 100%;}*/
  .operation_desc li .numb {font-size: 4.86vw; letter-spacing: -0.42vw; padding: 2.78vw 0 2.08vw;}
  .operation_desc li p {letter-spacing: -0.14vw;font-size: 2.78vw;}

}




/********/



.C-visual {
  background: url("/include/resources/images/wb/eye/eye_theme_bg.jpg") no-repeat center 0/cover;
  overflow: hidden;
}
.C-visual .img_text {
  text-align: left;
}
@media (max-width: 720px) {
  .C-visual .img_text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--vw40) 0;
  }
  .C-visual .img_text img {
    max-width: 90%;
  }
  .C-visual .img_text .item_02 {
    font-size: var(--vw80);
  }
}
.C-visual .img_text .item_02 {
  background: -webkit-gradient(linear, left top, left bottom, from(#582445), to(#501c3d));
  background: linear-gradient(to bottom, #582445, #501c3d);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 1;
}
.C-visual:after {
  margin: 0;
  left: 0;
  right: 0;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
  height: 60%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--bg-color)));
  background: linear-gradient(to bottom, transparent 0%, var(--bg-color) 100%);
}
.C-visual .counseling_form .btn_request {
  background-color: var(--primary-color);
}

.C-title .primary-color {
  color: var(--primary-color);
}

.eye_theme_info > .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 728px;
  height: 81px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.eye_theme_info > .text.t-center {
  text-align: center;
}
@media (max-width: 720px) {
  .eye_theme_info > .text {
    width: 91.67vw;
    height: 10.42vw;
  }
}

.eye_theme_info .photo {
  padding-top: 97px;
}
.eye_theme_info .photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.eye_theme_info .photo ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.eye_theme_info .photo ul li strong {
  display: block;
  padding-top: 25px;
  font-size: var(--f-28);
  color: var(--C-f66fd6);
  font-weight: 900;
  line-height: 1.1;
}
.eye_theme_info .photo ul li span {
  font-size: var(--f-28);
  color: var(--C-000b17);
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .eye_theme_info .photo ul li img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .C-inner {
    /*padding: 0 40px;*/
  }
}
@media (max-width: 720px) {
  .C-inner {
    padding: 0 4.17vw;
  }
}

.operation_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 100px 0 160px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 720px) {
  .operation_info {
    padding: var(--vw80) 0;
    margin: var(--vw80) 0;
  }
}
.operation_info .title {
  font-size: var(--f-80);
  color: var(--C-f25ace);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -3px;
  margin-bottom: 80px;
}
@media (max-width: 720px) {
  .operation_info .title {
    font-size: var(--vw80);
    margin-bottom: var(--vw60);
  }
}
.operation_info .text {
  font-size: var(--f-40);
  color: var(--C-db26b0);
  text-align: center;
  font-weight: 900;
  margin-top: 20px;
}
.operation_info .sub_text {
  font-size: var(--f-28);
  color: var(--C-222222);
  text-align: center;
  line-height: 1.3;
  margin-top: 15px;
}
.operation_info .sub_text .sub_text strong {
  font-weight: 900;
}

.C-idYoutube .btn_youtube_page {
  background-color: var(--btn-color);
}

.C-BeforeAfter .swiper-pagination-bullet-active {
  background-color: var(--swiper-active);
}

.C-idCenter li:nth-child(1),
.C-idCenter li:nth-child(2) {
  background-color: var(--C-ffe9e5);
}

.C-idCenter li:nth-child(1) {
  background-image: url(/include/resources/images/wb/common/idCenter_list_img_02.png);
}

.C-idCenter li:nth-child(2) {
  background-image: url(/include/resources/images/wb/id_semi/idCenter_list_img_02.png);
}

.C-idCenter li:nth-child(3) {
  background-color: var(--C-ebdfe5);
  background-image: url(/include/resources/images/wb/common/idCenter_list_img_03.png);
}

.C-idCenter li:nth-child(1) h5 {
  color: var(--C-ea6753);
}

.C-idCenter li:nth-child(2) h5 {
  color: var(--C-f77a16);
}

.C-idCenter li:nth-child(3) h5 {
  color: var(--C-a0466a);
}

.C-idCenter li p {
  color: var(--C-45474d);
}

@media (max-width: 720px) {
  .wb_img {
    display: none;
  }
  .mb_img {
    display: block;
  }
}
.C-visual .img_text {
  margin-left: -58px;
}
@media (max-width: 1600px) {
  .C-visual .img_text img {
    width: 80%;
  }
}
@media (max-width: 1500px) {
  .C-visual .img_text {
    margin: 0;
    padding-right: 3%;
    top: 35%;
    left: 45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 720px) {
  .C-visual .img_text img {
    width: 100%;
  }
}
.C-visual:after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, var(--bg-color)));
  background: linear-gradient(to bottom, transparent 0%, var(--bg-color) 60%);
}
@media (max-width: 720px) {
  .C-visual:after {
    bottom: 0;
    height: 80%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, var(--bg-color)));
    background: linear-gradient(to bottom, transparent 0%, var(--bg-color) 40%);
  }
}
@media (max-width: 1500px) {
  .C-visual .visual_img {
    width: 110%;
    margin-left: -10%;
  }
}
@media (max-width: 720px) {
  .C-visual {
    height: 141.6667vw;
  }
  .C-visual .visual_img {
    width: 210%;
    margin-left: -16%;
    position: relative;
    bottom: 1%;
  }
  .C-visual .img_text {
    top: 83.33vw;
    margin: 0;
    -webkit-transform: none;
            transform: none;
    padding: 0;
    left: 0;
  }
}

@media (max-width: 720px) {
  /*.eye_theme_info {*/
  /*  margin-top: var(--vw80);*/
  /*}*/
}
/*.eye_theme_info > .text {*/
/*  text-align: center;*/
/*  padding: 0 60px;*/
/*}*/
/*@media (max-width: 720px) {*/
/*  .eye_theme_info > .text {*/
/*    padding: 0 var(--vw38);*/
/*  }*/
/*}*/
/*.eye_theme_info > .text span {*/
/*  font-size: var(--f-44);*/
/*}*/
/*@media (max-width: 720px) {*/
/*  .eye_theme_info > .text span {*/
/*    font-size: var(--vw30);*/
/*  }*/
/*}*/
/*.eye_theme_info > .text strong {*/
/*  font-size: var(--f-60);*/
/*}*/
/*@media (max-width: 720px) {*/
/*  .eye_theme_info > .text strong {*/
/*    font-size: var(--vw40);*/
/*  }*/
/*}*/
.eye_theme_info > .text strong.f-44 {
  font-size: var(--f-44);
}
@media (max-width: 720px) {
  .eye_theme_info > .text strong.f-44 {
    font-size: var(--vw32);
  }
}
.eye_theme_info > .text strong i {
  font-size: var(--f-80);
  font-weight: 800;
  letter-spacing: -3px;
}
@media (max-width: 720px) {
  .eye_theme_info > .text strong i {
    font-size: var(--vw60);
  }
}
.eye_theme_info .photo {
  padding-bottom: 120px;
}
@media (max-width: 720px) {
  .eye_theme_info .photo {
    padding-bottom: 0;
    padding-top: var(--vw60);
  }
}
.eye_theme_info .photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.eye_theme_info .photo ul li .text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px 0;
}
@media (max-width: 720px) {
  .eye_theme_info .photo ul li .text_wrap {
    gap: var(--vw10) 0;
  }
}
.eye_theme_info .photo ul li .text_wrap strong {
  font-size: var(--f-40);
  font-weight: 800;
  color: var(--C-db26b0);
}
@media (max-width: 720px) {
  .eye_theme_info .photo ul li .text_wrap strong {
    font-size: var(--vw30);
  }
}
.eye_theme_info .photo ul li .text_wrap span {
  color: var(--C-111113);
}
@media (max-width: 720px) {
  .eye_theme_info .photo ul li .text_wrap span {
    font-size: var(--vw26);
    line-height: 1.2;
  }
}

@media (max-width: 720px) {
  .operation_info {
    padding: var(--vw60) 0;
    margin: var(--vw60) 0;
  }
}

.opreration_theme + .opreration_theme {
  margin-top: 100px;
}
@media (max-width: 720px) {
  .opreration_theme + .opreration_theme {
    margin-top: var(--vw80);
  }
}
.opreration_theme .text {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .opreration_theme .text {
    font-size: var(--vw30);
    margin-bottom: var(--vw20);
  }
}
.opreration_theme ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 12px;
}
@media (max-width: 720px) {
  .opreration_theme ol {
    gap: 0 var(--vw10);
  }
}
.opreration_theme ol li img {
  width: 100%;
}/*# sourceMappingURL=eye_shape.css.map */