.line {height: 1px;  position: relative;  background:#e0e0e0;  z-index: 1; display: block;}
.sub_color_gray {color: #737373;}
.sub .swiper-button-wrap {position: relative; width: 95px; height: 20px; z-index: 1;transform: none;}
.sub .swiper-button-next, .sub .swiper-rtl .sub .swiper-button-prev {right: 0;left: auto;}
.sub .swiper-button-prev, .sub .swiper-rtl .sub .swiper-button-next {left: 0;right: auto;}
.sub .swiper-button-next:after, .sub .swiper-button-prev:after {font-size: 18px; font-weight: 900;  }
.sub .swiper-button-prev {color:rgba(39,38,43, .25);  text-shadow: 0.75px 0 rgba(39,38,43, .25);}
.sub .swiper-button-next {color: var(--pointcolor); text-shadow: 0.75px 0 var(--pointcolor);}
h1 {line-height: 1.4;}

/*intro*/
.intro.sub  {background-repeat: no-repeat;  background-position: center; background-size: cover; }
.intro.sub .cont  {min-height: 950px; }
.intro.sub .cont .txt_wrap {top: 50%; transform: translateY(-50%); position: absolute;}
.intro.sub .vertical_line {margin: 0 0 0 .5rem; background: linear-gradient(to bottom ,transparent,#fff,#fff 50%, #fff,transparent ); height: 105px;}

/*philosophy*/
.philosophy.sub .cont_txt {padding: 7rem; align-items: flex-end;}
.philosophy.sub .cont_txt h1 {width: 62.75%; z-index: 1;}
.philosophy.sub .cont_txt p {z-index: 1;}
.philosophy.sub .cont_txt .side_bg_img  {width: 530px; height: 700px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover;float: left;left: 7em;border-radius: 10px; }
.philosophy.sub .deco {width: 360px; height: 43px; background: linear-gradient(to right, var(--pointcolor) 50%, transparent ); left: 0; position: absolute; bottom: 25%; padding: 6.5px 1.5rem; font-size: 18px; letter-spacing: 0; overflow: hidden;}
.philosophy.sub .deco::after {content: ''; position: absolute;  height: 1px; background: linear-gradient(to right,transparent 3%, #fff 30%, transparent 60%, transparent 75%, transparent ); width: 100%;
    top: 50%;  transform: translateY(-50%);}

/*define*/
.define.sub.section {background-image: url(/img/sub/define_bg.png);background-repeat: no-repeat;  background-position: center; background-size: cover;  padding: 15rem 0;}

/*point*/
.point.sub {background-image: url(/img/sub/point_lifting_bg.jpg);background-repeat: no-repeat; background-position: center center; background-size: cover;}
 
/*beaf*/
.beaf.sub .sub_beaf_slide {width: 225%; left: 50%; transform: translateX(-50%); position: relative;}
.beaf.sub .btn_circle { background-color: #fff; background-image: url(/img/main/moreArrow_b2.png);}
.beaf.sub textPath {fill: #fff;}
.beaf.sub .absolute {left: 50%; top: 45.5%; transform: translate(-50%,-50%);   z-index: 2;}
.beaf.sub .flex, .beaf.sub .flex.txt_wrap  {align-items: baseline;}
.beaf.sub .line {width: 66px;}  
.beaf.sub .sub-beaf.swiper-button-wrap {bottom: 0; }

/*type*/
.type.sub.section {background-color: #edeef3;}
.type.sub .type.swiper-container {width: 200%;}
.type.sub .type_img_box {width: 550px; height: 436px; border-radius: 10px; background-color: #fff; min-height: 436px;} 
.type.sub .type_img_box .img-responsive {left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative; width: 100%; height: 100%; border-radius: 10px;}
.type.sub .type_txt_box {overflow: visible; width: 55%;}
.type.sub .type_txt_box h3 {width: 110%;}
.type.sub .type_txt_box h3::after {content: ""; position: absolute;background: linear-gradient(to left ,#c3c3c8 30%, var(--pointcolor) 70%);height: 1px;width: 125%;right: 0;    bottom: 0; z-index: -1;}
.type.sub .type_txt_box p.point-color {position: absolute;left: 0;bottom: 6rem;}
.type.sub .type.swiper-pagination {width: auto;left: 0;position: absolute;bottom: 0;text-align: left; font-weight: 400; letter-spacing: -.4px}
.type.sub .type.swiper-pagination .swiper-pagination-current {font-size: 35px; color: var(--pointcolor);}

/*type_lifting*/
.type.sub.lifting .type_img_box .img-responsive {left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative; width: 100%; height: auto; border-radius: 10px;}
.type.sub.lifting .type_img_box .img-responsive.sp {width: 50%;}
.type.sub.lifting .type_img_box .img-responsive.sp-2 {width: auto; height: 100%;}

/*point*/
.point.section::after {content: ""; position: absolute; left: 50%; width: 1px; height: 15%;  color: transparent; z-index: 0;  transform: translateX(-50%); bottom: 0; mix-blend-mode: plus-lighter; background: linear-gradient(to bottom ,transparent 5%, #fff 40% );}
.point.sub .point_list::after {content: ""; position: absolute; left: 50%; width: 1px; height: 100%;  color: transparent; z-index: 0;    top: 50%;    transform: translate(-50%,-50%); mix-blend-mode: plus-lighter;    background: linear-gradient(to bottom ,transparent 5%, #fff 20%, transparent 36%, transparent 65%, #fff 75%,transparent );   }
.point.sub .point_list li {background-color: rgba(0,0,0,0.25);    background-blend-mode: multiply;    padding: 5rem;    border-radius: 150px;  min-width: calc(75%/2);    white-space: nowrap;     text-align: center; margin-left: -40px; position: relative;}
.point.sub .point_list li:nth-child(1) {margin-left: 0;}
.point.sub .point_list li::after {content: "+"; position: absolute; right: 5px; color: #fff; font-size: 50px; z-index: 1;  top: 50%; transform: translateY(-50%); font-weight: 700;}
.point.sub .point_list li:last-child::after {display: none;}
.point.sub .point_list_s::after {content: ""; position: absolute;    left: 50%;    width: 1px;    height: 100%;    color: transparent;    z-index: 0;    top: 50%;    transform: translate(-50%,-50%);    mix-blend-mode: plus-lighter;    background: linear-gradient(to bottom , transparent 65%, #fff 78%,transparent 5%);    padding-top: 1rem;}

/*area*/
.area.sub .area_list li {border-radius: 15px; margin-right: 1.25rem; margin-bottom: 4rem;     display: flex;    flex-direction: column;    align-items: center;}
.area.sub .area_list li:last-child,.area.sub {margin-right: 0;}
.area.sub .area_list li .area_img_box {width: 357px; height: 335px; background-repeat: no-repeat; background-size: 100%; background-position: center; transition: .6s; border-radius: 15px; cursor: pointer; overflow: hidden;}
.area.sub .area_list li .area_img_box:hover {background-size: 105%;}

/*key*/
.key.key.sub .tabs {border-top: unset; border-bottom: 4px solid #dfdfdf;}
.key.sub .tabs_line {top: auto; bottom: -4px;}
.key.sub .tabs_tab.box {width: calc(100% / 3);}
.key.sub .tab-contents {background-image: url(/img/sub/lifting_key_bg.jpg);background-repeat: no-repeat; background-position: center center; background-size: cover;}
.key.sub .tab-content2 {width: 100%; min-height: 840px;}
.key.sub .tab-content2.current {display: flex;}
.key.sub .tab-contents>.absolute .btn_circle {background-color: transparent;    background-image: url(/img/main/moreArrow_b.png);}
.key.sub .key_img {overflow: hidden; position: relative;}
.key.sub .key_img img {max-width: fit-content; height: 100%; width: auto; left: 50%; transform: translateX(-50%); position: relative;}
.key.sub .key_side .bg_txt {position: absolute; color: rgba(255,255,255,.25); left: 22%; top: -1%;}
.key.sub .key_side .inner {top: 50%; transform: translateY(-50%); position: relative;}
.key.sub .key_side .inner .deco_img.mt-sp {margin-top: -25px; z-index: -1;}
.key.sub .key_side .inner p.mt-sp {margin-top: -35px;}
.key.sub .key_side .inner .btn_wrap {    min-width: 80%;    justify-content: center;    flex-wrap: wrap;}
.key.sub .key_side .inner .btn_wrap p {background-color: rgba(0,0,0,0.25);padding: 0.75rem 1.5rem 0.75rem 3.75rem; border-radius: 30px; position: relative; min-width: fit-content;margin: 0 2rem;    margin-bottom: 1rem;}
.key.sub .key_side .inner .btn_wrap p:last-child {margin-right: 0;}
.key.sub .key_side .inner .btn_wrap p::before {content: ""; position: absolute; left: -15%; height: 1px; width: 64px; background: rgba(255,255,255,.5); top: 50%; transform: translateY(-50%);}

/*caution*/
.caution.sub.section {background-image: url(/img/sub/caution_bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.caution.sub .caution_list li {position: relative; margin-left:0;}
.caution.sub .caution_list li::before {content: ""; width: 3px; height: 3px; background: #737373; border-radius: 50%; left: -10px; top: 13px;position: absolute;}

/*promise*/
.promise.sub {background: #27262b;}
.promise.sub .cont {z-index: 1;}
.promise.sub .marquee {position: absolute;top: 50%; overflow: hidden;}
.promise.sub .marquee .bg_txt {color: rgba(var(--pointcolor-rgb),.3);}
.promise.sub .swiper-wrapper {max-height: 720px;}
.promise.sub .swiper-pagination {position: absolute;    right: 4%;    top: 80px;     display: flex;align-items: flex-end; flex-direction: column;} 
.promise.sub .swiper-pagination-bullet {width: 23px;    height: 2px;    border-radius: 0; background-color: #737373; opacity: 1; margin: var(--swiper-pagination-bullet-vertical-gap,5px) 0;}
.promise.sub .swiper-pagination-bullet-active {width: 50px; background-color: var(--pointcolor);}
.promise.sub .subFt.swiper-button-wrap {position: absolute;bottom: 10%; right: -6%;  width: auto;    height: auto;}
.promise.sub .subFt.swiper-button-wrap .swiper-button {background-color: var(--pointcolor); width: 100px; height: 100px; border-radius: 50%; text-align: center;}
.promise.sub .subFt.swiper-button-wrap .swiper-button-prev {color: var(--pointcolor); left: -35%;}
.promise.sub .subFt.swiper-button-wrap .swiper-button-next {right: -35%;}


/****sub 공통 끝****/

/*PREcare*/
.section.precare{clear:both;}

.philosophy.sub.precare .deco {width: 360px; height: 43px; background: linear-gradient(to right, var(--pointcolor) 50%, transparent ); left: 0; position: absolute; bottom: 10%; padding: 6.5px 1.5rem; font-size: 18px; letter-spacing: 0; overflow: hidden;}
.philosophy.sub.precare .deco::after {content: ''; position: absolute;  height: 1px; background: linear-gradient(to right,transparent 3%, #fff 30%, transparent 60%, transparent 75%, transparent ); width: 100%;
    top: 50%;  transform: translateY(-50%);}

#section01.precare.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/special/PREcare/section01_1.png);}

#section06.lifting.area .area_list li:nth-child(1) .area_img_box {background-image:url(/img/sub/lifting_area01.png);}
#section06.lifting.area .area_list li:nth-child(2) .area_img_box {background-image:url(/img/sub/lifting_area02.png);}
#section06.lifting.area .area_list li:nth-child(3) .area_img_box {background-image:url(/img/sub/lifting_area03.png);}
#section06.lifting.area .area_list li:nth-child(4) .area_img_box {background-image:url(/img/sub/lifting_area04.png);}
#section06.lifting.area .area_list li:nth-child(5) .area_img_box {background-image:url(/img/sub/lifting_area05.png);}
#section06.lifting.area .area_list li:nth-child(6) .area_img_box {background-image:url(/img/sub/lifting_area06.png);}
#section06.lifting.area .area_list li:nth-child(7) .area_img_box {background-image:url(/img/sub/lifting_area07.png);}

#section06.lifting.area .area_list li:nth-child(1) .area_img_box.active {background-image:url(/img/sub/lifting_area01_h.png);}
#section06.lifting.area .area_list li:nth-child(2) .area_img_box.active {background-image:url(/img/sub/lifting_area02_h.png);}
#section06.lifting.area .area_list li:nth-child(3) .area_img_box.active {background-image:url(/img/sub/lifting_area03_h.png);}
#section06.lifting.area .area_list li:nth-child(4) .area_img_box.active {background-image:url(/img/sub/lifting_area04_h.png);}
#section06.lifting.area .area_list li:nth-child(5) .area_img_box.active {background-image:url(/img/sub/lifting_area05_h.png);}
#section06.lifting.area .area_list li:nth-child(6) .area_img_box.active {background-image:url(/img/sub/lifting_area06_h.png);}
#section06.lifting.area .area_list li:nth-child(7) .area_img_box.active {background-image:url(/img/sub/lifting_area07_h.png);}

#section07,#section08{position:relative;}


/*lifting*/
#intro.lifting.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.lifting.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/lifting01.png);}

#section06.lifting.area .area_list li:nth-child(1) .area_img_box {background-image:url(/img/sub/lifting_area01.png);}
#section06.lifting.area .area_list li:nth-child(2) .area_img_box {background-image:url(/img/sub/lifting_area02.png);}
#section06.lifting.area .area_list li:nth-child(3) .area_img_box {background-image:url(/img/sub/lifting_area03.png);}
#section06.lifting.area .area_list li:nth-child(4) .area_img_box {background-image:url(/img/sub/lifting_area04.png);}
#section06.lifting.area .area_list li:nth-child(5) .area_img_box {background-image:url(/img/sub/lifting_area05.png);}
#section06.lifting.area .area_list li:nth-child(6) .area_img_box {background-image:url(/img/sub/lifting_area06.png);}
#section06.lifting.area .area_list li:nth-child(7) .area_img_box {background-image:url(/img/sub/lifting_area07.png);}

#section06.lifting.area .area_list li:nth-child(1) .area_img_box.active {background-image:url(/img/sub/lifting_area01_h.png);}
#section06.lifting.area .area_list li:nth-child(2) .area_img_box.active {background-image:url(/img/sub/lifting_area02_h.png);}
#section06.lifting.area .area_list li:nth-child(3) .area_img_box.active {background-image:url(/img/sub/lifting_area03_h.png);}
#section06.lifting.area .area_list li:nth-child(4) .area_img_box.active {background-image:url(/img/sub/lifting_area04_h.png);}
#section06.lifting.area .area_list li:nth-child(5) .area_img_box.active {background-image:url(/img/sub/lifting_area05_h.png);}
#section06.lifting.area .area_list li:nth-child(6) .area_img_box.active {background-image:url(/img/sub/lifting_area06_h.png);}
#section06.lifting.area .area_list li:nth-child(7) .area_img_box.active {background-image:url(/img/sub/lifting_area07_h.png);}


/*countour*/
#intro.countour.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.countour.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/countour/countour01.png);}
#section06.countour.area .area_list li:nth-child(1) .area_img_box {background-image:url(/img/sub/lifting_area04.png);}
#section06.countour.area .area_list li:nth-child(2) .area_img_box {background-image:url(/img/sub/lifting_area05.png);}
#section06.countour.area .area_list li:nth-child(3) .area_img_box {background-image:url(/img/sub/lifting_area07.png);}
#section06.countour.area .area_list li:nth-child(1) .area_img_box.active {background-image:url(/img/sub/lifting_area04_h.png);}
#section06.countour.area .area_list li:nth-child(2) .area_img_box.active {background-image:url(/img/sub/lifting_area05_h.png);}
#section06.countour.area .area_list li:nth-child(3) .area_img_box.active {background-image:url(/img/sub/lifting_area07_h.png);}

/*customizing*/
#intro.customizing.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.customizing.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/customizing/customizing01.png);}

.point.sub .custmizing li {  padding: 4rem 5rem;    border-radius: 100px;  min-width: calc(75%/5);}
.point.sub .custmizing li:nth-child(2) {  padding: 2.3rem 5rem;}

#section06.section{background-color: #F4F4F6;position: relative;overflow: hidden;}
#section06.section .bg-text{color:#DADEE9; font-size:113px;line-height:113px; font-weight: 700;position: absolute; right:-20px;top: -8px;writing-mode: vertical-rl;}
#section06.custmizing{padding:0;}
#section06.custmizing .click{color:var(--pointcolor)!important;color: var(--pointcolor);opacity:1 !important;}
#section06.customizing.area .area_list li:nth-child(1) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_1.png);}
#section06.customizing.area .area_list li:nth-child(2) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_2.png);}
#section06.customizing.area .area_list li:nth-child(3) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_3.png);}
#section06.customizing.area .area_list li:nth-child(4) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_4.png);}
#section06.customizing.area .area_list li:nth-child(5) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_5.png);}
#section06.customizing.area .area_list li:nth-child(6) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_6.png);}
#section06.customizing.area .area_list li:nth-child(7) .area_img_box.active {background-image:url(/img/sub/customizing/customizing_part_7.png);}

#section06 .box .flex p {width:70%;margin-right:30px;border-bottom:1px solid #e0e0e0; }
#section06 .box .flex p span .number{opacity:0.6;}
#section06 .box .flex p .txt{padding-left: 10px;opacity:0.9;} 
#section06 .box .flex .btmno{border:0;} 
#section06 .arrow{cursor:pointer;} 
#section06 .part_model{margin-left:-100px;} 


/*skinCare*/
#intro.skinCare.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.skinCare.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/skinCare/skinCare01.png);}

.type.sub .type_txt_box p.point-color.type_btm1 {bottom: 7rem;}
.type.sub .type_txt_box p.point-color.type_btm2{bottom: 5rem;}

#section06.sub .type_img_box {width: 350px; height: 350px; border-radius: 20px; background-color: #fff; min-height: 300px;} 
#section06.sub .type_img_box .img-responsive {left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative; width: 100%; height: auto;}
#section06 .box p{border-bottom:1px solid #737373; width:70%;padding-bottom: 7px;}
#section06 .box p .txt{padding-left: 10px;opacity:0.6;}

/*acne*/
#intro.acne.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.acne.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/acne/acne01.png);}

#section07.acne.area .area_list li:nth-child(1) .area_img_box {background-image:url(/img/sub/acne/acne_area01.png);}
#section07.acne.area .area_list li:nth-child(2) .area_img_box {background-image:url(/img/sub/acne/acne_area02.png);}
#section07.acne.area .area_list li:nth-child(3) .area_img_box {background-image:url(/img/sub/acne/acne_area03.png);}
#section07.acne.area .area_list li:nth-child(4) .area_img_box {background-image:url(/img/sub/acne/acne_area04.png);}
#section07.acne.area .area_list li:nth-child(5) .area_img_box {background-image:url(/img/sub/acne/acne_area05.png);}
#section07.acne.area .area_list li:nth-child(1) .area_img_box.active {background-image:url(/img/sub/acne/acne_area01_h.png);}
#section07.acne.area .area_list li:nth-child(2) .area_img_box.active {background-image:url(/img/sub/acne/acne_area02_h.png);}
#section07.acne.area .area_list li:nth-child(3) .area_img_box.active {background-image:url(/img/sub/acne/acne_area03_h.png);}
#section07.acne.area .area_list li:nth-child(4) .area_img_box.active {background-image:url(/img/sub/acne/acne_area04_h.png);}
#section07.acne.area .area_list li:nth-child(5) .area_img_box.active {background-image:url(/img/sub/acne/acne_area05_h.png);}


/*scarCare*/
#intro.scarCare.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.scarCare.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/scarCare/scarCare01.png);}

#section06.scarCare.area .area_list li:nth-child(1) .area_img_box {background-image:url(/img/sub/scarCare/scarCare_type01.png);}
#section06.scarCare.area .area_list li:nth-child(2) .area_img_box {background-image:url(/img/sub/scarCare/scarCare_type02.png);}
#section06.scarCare.area .area_list li:nth-child(3) .area_img_box {background-image:url(/img/sub/scarCare/scarCare_type03.png);}
#section06.scarCare.area .area_list li:nth-child(4) .area_img_box {background-image:url(/img/sub/scarCare/scarCare_type04.png);}

/*skinDisease*/
#intro.skindisease.intro {background-image: url(/img/sub/lifting_intro.jpg);}
#section01.skindisease.philosophy .cont_txt .side_bg_img  {background-image: url(/img/sub/skinDisease/skinDisease01.png);}

#section06.skindisease.area .area_list li:nth-child(1) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area01.png);}
#section06.skindisease.area .area_list li:nth-child(2) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area02.png);}
#section06.skindisease.area .area_list li:nth-child(3) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area03.png);}
#section06.skindisease.area .area_list li:nth-child(4) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area04.png);}
#section06.skindisease.area .area_list li:nth-child(5) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area05.png);}
#section06.skindisease.area .area_list li:nth-child(6) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area06.png);}
#section06.skindisease.area .area_list li:nth-child(7) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area07.png);}
#section06.skindisease.area .area_list li:nth-child(8) .area_img_box {background-image:url(/img/sub/skinDisease/skinDisease_area08.png);}


@media (min-width: 1860px) {
    .area_list li.break {margin-right: 0 !important;}
}
@media (max-width: 1440px) {
    .promise.sub .swiper-wrapper {max-height: 650px;}
    /* #section06 .flexList .txt p,#section06 .flexList .txt h3{margin-left:30px;} */
}
@media (max-width: 1240px) {
    .promise.sub .swiper-wrapper {max-height: 600px;}
}
@media (max-width: 1180px) {
    .promise.sub .swiper-wrapper {max-height: 550px;}
    #section06 .box p {width:80%;}
    .point.sub .custmizing li { min-width: calc(75%/2);}
}

@media (max-width: 990px){
    .sub .font-20 {font-size: 1.500rem;}
    .sub .swiper-button-wrap {width:60px;}

    .intro.sub .cont {min-height: 750px;    }
    .philosophy.sub .cont_txt {align-items: flex-start; padding: 7rem 0 0 0;}
    .philosophy.sub .cont_txt h1 {padding-top: 0; width: 100%;}
    .philosophy.sub .cont_txt .side_bg_img { width: 90%; height: 400px; left: auto; right: 0; border-radius: 10px;top: 20.5%;}
    .philosophy.sub .cont_txt .width50 {width: 100%; padding-top: 30rem;}
    .philosophy.sub .deco { width: 320px; background: linear-gradient(to right, var(--pointcolor) 25%, transparent );    left: -10%;    position: absolute;    bottom: 15%;}

    .beaf.sub .flex {flex-direction: column;}
    .beaf.sub .flex.img_wrap {align-items: center;}
    .beaf.sub .flex.txt_wrap  {align-items: flex-start; }
    .beaf.sub .flex.justify-between { align-items: center; flex-direction: row;}
    .beaf.sub .pr-35 {padding-left: 0;}
    .beaf.sub .font-20 {white-space: nowrap;}
    .beaf.sub .sub_beaf_slide,.img_wrap, .beaf_tit { width: 100%; }
    .beaf.sub .sub-beaf.swiper-button-wrap { bottom: 5px; right: 0;}
    .beaf.sub .btn_circle { width: 76px; height: 76px;}

    .type.sub.section {padding: 100px 0;}
    .type.sub .cont.flex, .type.sub .inner.flex {flex-direction:column;}
    .type.sub .width25, .type.sub .width75 {width: 100%; padding: 0;}
    .type.sub .txt_wrap .uppercase {padding-bottom:  1.875rem;}
    .type.sub .type.swiper-container {width: 150%;}
    .type.sub .type_img_box { width: 100%; min-height: 250px; overflow: hidden; border-radius: 10px;}
    .type.sub .type_txt_box {overflow: hidden; padding-left: 0; width: 100%;}
    .type.sub .pl-80 {padding-left: 0;}
    .type.sub .type_txt_box p.point-color {position: relative; bottom: 1.5rem;}
    .type.sub .type.swiper-pagination {position: relative;}
    .type.sub .swiper-button-wrap {padding: 3rem 0;}

    .point.section {padding: 100px 0;}
    .point.sub .point_list li {min-width: 300px;}
    .point.sub p:last-child {padding-top: .8rem;}

    .area.sub .area_list li {width: 49%; margin: 0; margin-bottom: 3rem;}
    .area.sub .area_list li:nth-child(odd) {margin-right: 2%;}

    .promise.sub .swiper-wrapper {max-height: none; height: 500px;}
    .promise.sub .subFt.swiper-button-wrap .swiper-button {width: 90px;height: 90px;}
    .promise.sub .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,4px) 0;}
    .promise.sub .swiper-pagination-bullet-active {width: 45px;}   
    .promise.sub .subFt_slide.width60 {width: 80%;}
    .promise.sub .subFt_slide .subFt_txt_box p.pt-60 {padding-top: 3rem;}
    .promise.sub .subFt_slide .subFt_img_box {width: 90% !important; margin: auto;}

    .type.sub .type_txt_box p.point-color.type_btm1 {bottom: 3rem;padding-top:50px;}
    .type.sub .type_txt_box p.point-color.type_btm2{bottom: 2.5rem;padding-top:0;}
    #section06 .box p {width:90%;}
    #section06 .flexList .txt p,#section06 .flexList .txt h3{margin-left:10px;}
    #section06.custmizing .flexList .box{width:100%; margin-top:20px;}
    #section06 .part_model{margin-left:0px;} 
    #section06.section .bg-text{font-size:113px;top: 355px;}

}

@media (max-width: 768px){
    .philosophy.sub .cont_txt .width50 {padding-top: 32.5rem;}
    .type.sub .type.swiper-container {width: 200%;}
    .area.sub .area_list li .area_img_box { height: 300px; width: 100%;}

    .key.sub .tab-contents {background-image: url(/img/sub/lifting_key_bg_m.jpg);}    
    .key.sub .tab-content2 {flex-direction: column; min-height: 1100px;}
    .key.sub .tab-content2 .width50 {width: 100%; height: 550px;}
    .key.sub .key_side .inner .deco_img img {width: 60%; margin: 0 auto;}   
    .key.sub .key_img img {max-width: 100%; height: auto;}
    .key.sub .key_side .inner p.mt-sp {white-space: nowrap;     margin-top: -25px;}
    .key.sub .tab-contents>.absolute .btn_circle {background-image: url(/img/sub/moreArrow_b3.png);}

    .caution.sub.section {background-image: url(/img/sub/caution_bg_m.png);}
    .caution.sub .txt_wrap {flex-direction: column}
    .caution.sub .txt_wrap .width40 {padding-bottom: 3rem;}
    .caution.sub .txt_wrap .width40, .caution.sub .txt_wrap .width60 {width: 100%;}
    .caution.sub .caution_list li {font-size: 1.875rem; margin-left: 1rem;}

    .promise.sub .swiper-wrapper {height: 550px;}
    .promise.sub .subFt_slide.width60 {width: 100%;}
    .promise.sub .subFt_txt_box.pl-40 {padding-left: 0;}
    .promise.sub .swiper-pagination {top: 60px;}
    .promise.sub .swiper-pagination-bullet {width: 17px;height: 2px; margin: var(--swiper-pagination-bullet-vertical-gap,3px) 0;}
    .promise.sub .swiper-pagination-bullet-active {width: 35px;}   
    .promise.sub .subFt.swiper-button-wrap {right: 1%;}    
    .promise.sub .subFt.swiper-button-wrap .font-25 {font-size: 2rem;}
    .promise.sub .subFt_slide .subFt_img_box {width: 100% !important; margin: auto;}

    #section06 .flexList .txt{padding-left:0;}
    #section06 .flexList .txt p{margin-left:0;}  
    #section06 .flexList .txt h3{margin: 20px 0 0 0;}  
    #section06.section .bg-text{font-size:85px;right:-30px;}
}

@media (max-width: 640px){ 
    .type.sub .type_img_box {height: 300px;}
    .type.sub .type_img_box .img-responsive.sp {width: 40%;}
    .key.sub .key_img img {max-width: none;  height: 100%;}
    .promise.sub .swiper-wrapper {height: 500px;}    
    #section06 .flexList .box p {width:100%}
    #section06.section .bg-text{font-size:60px;right:-38px;}
}

@media (max-width: 500px){
    .philosophy.sub .cont_txt .width50 {padding-top: 35rem;}
    .area.sub .area_list li {margin-bottom: 2rem;}
    .area.sub .area_list li .area_img_box { height: 190px;;}
    .area.sub .area_list li p.pt-30 {padding-top:  0.3125rem;}
    .key.sub .key_side .bg_txt {position: absolute; color: rgba(255,255,255,.25); left: 15%; top: 2%;}
    .promise.sub .swiper-wrapper {height: 450px;}
    #section06.section .bg-text{font-size:45px;right:-42px;}
}

@media (max-width: 420px) {
    .beaf.sub .sub-beaf.swiper-button-wrap {display: none;}
}

@media (max-width: 375px){
    .font-70 {font-size: 4rem; /* white-space: nowrap; */}
    /* .beaf.sub .sub-beaf.swiper-button-wrap {display: none;}/ */
    .type.sub .type_img_box {height: 250px;}
    .point.sub .point_list li {min-width: 280px;}
    .promise.sub .subFt.swiper-button-wrap .swiper-button {width: 80px;height: 80px;}  
    #section06.section .bg-text{font-size:42px;}
}

/*24-01-17 수정*/
.sub_beaf_slide {padding-top: 3.125rem;}

.point.sub .point_list.sp-1::after {background: linear-gradient(to bottom ,transparent 5%, #fff 20%, transparent 36%, transparent 65%, transparent );}
.point.sub .point_list.sp-2::after {background: linear-gradient(to bottom ,transparent 15%, #fff 30%, transparent 97%, transparent 115%, #fff 75%);}

.point.sub .point_list_s::after {content: ""; position: absolute; left: 50%; width: 1px; height: 50%; color: transparent;    z-index: 0;    transform: translateX(-50%);    mix-blend-mode: plus-lighter; background: linear-gradient(to bottom , transparent -20%, #fff 95%,transparent 5%); top: 0;}

.point.sub.hair .point_list::after {background: linear-gradient(to bottom ,transparent 5%, #fff 24%, transparent 20%, transparent 75%, #fff 85%,transparent );}

.point.sub.anti_aging .point_list_s::after,
.point.sub.immune .point_list_s::after {top: -60%; height: 70%;}
.point.sub.detox .point_list_s::after {top: -40%; height: 50%;}

.point.anti_aging.section::after {height: 20%;}

.point.sub.customizing .point_list::after,
.point.sub.gene .point_list::after {background: linear-gradient(to bottom ,transparent 5%, #fff 23%, transparent 24%, transparent 77%, #fff 75%,transparent );}

.point.skinCare.section::after,
.point.FillerBotox.section::after {height: 25%;}
.point.sub.customizing.section::after,
.point.countour.section::after  {height: 10%;}

.point.slimming.section::after,
.point.wedding.section::after,
.point.procreation.section::after {height: 20%;}
.point.sub.slimming .point_list_s,
.point.sub.wedding .point_list_s {padding-top: 5.75rem;}

.point.sub.procreation .point_list_s {padding-top: 6.75rem;}

.doctor.sec01 .box.pl-80 {padding-left: 8.625rem;}
.interior.sec01,.infor.section {background-color: #fff;}

@media (max-width: 990px){
    .point_list::after,.point.section::after {display: block !important;}
   
    .point.skinCare.section::after,
    .point.FillerBotox.section::after,
    .point.slimming.section::after {height: 20%;}
    
    .point.sub.skinCare .point_list_s,
    .point.sub.FillerBotox .point_list_s,
    .point.sub.slimming .point_list_s,
    .point.sub.wedding .point_list_s {padding-top: 3.75rem;}

    .point.sub.procreation .point_list_s {padding-top: 4.75rem;}
    
    .point.sub .point_list_s::after {height: 35%;}    
    .point.sub.detox .point_list_s::after { height: 40%;}

    .point.sub.countour .point_list::after {background: linear-gradient(to bottom ,transparent 10%, #fff 18%, transparent 13%, transparent 77%, #fff 80%,transparent);}
    .point.sub.customizing .point_list::after {background: linear-gradient(to bottom ,transparent 5%, #fff 8%, transparent 19%, transparent 87%, #fff 93%,transparent );}  
}

@media(max-width:580px) {
    .point.sub.skinElastic .point_list::after {background: linear-gradient(to bottom ,transparent 5%, #fff 9.5%, transparent -20%, transparent 91.5%, #fff 30%,transparent );}
    .point.sub.skinElastic.section::after {height: 8%;}

    .point.sub.customizing .point_list::after {background: linear-gradient(to bottom ,transparent 5%, #fff 7.5%, transparent -20%, transparent 93.5%, #fff 30%,transparent );}
    .point.sub.hair .point_list::after,
    .point.sub.gene .point_list::after {background: linear-gradient(to bottom ,transparent 5%, #fff 12%, transparent -20%, transparent 89.5%, #fff 30%,transparent );}

    .point.sub.customizing.section::after {height: 7%;}
    .point.sub.hair.section::after,
    .point.sub.gene.section::after {height: 10%;}

    .point.sub.anti_aging.section::after,
    .point.sub.immune.section::after,
    .point.procreation.section::after {height: 15%;}   

    .point.sub.procreation .point_list_s {padding-top: 6.75rem;}
}

.point_list::after,.point.section::after {display: block !important;}

/* miraDry */
.philosophy.sub.miraDry .cont_txt {padding-right: 0;}
.philosophy.sub.miraDry .cont_txt h1 {width: 66.75%;}
#section01.miraDry.philosophy .cont_txt .side_bg_img {background: url("/img/sub/DeAging/miraDry/miraDry01.jpg"); background-size: cover;}

.miraDry.point.sub { background-image: url("/img/sub/DeAging/miraDry/point_miraDry_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.point.sub.miraDry .point_list li {min-width: calc(85%/3);}

#reason.sub.reason.miraDry .contBox {background-image: url("/img/sub/DeAging/miraDry/reason_miraDry_bg.png"); background-repeat: no-repeat; background-position: center 35%; background-size: 600px;}
#reason.sub.reason.miraDry .contBox .Middle {padding-top: 100px;}
#reason.sub.reason.miraDry .contBox .Middle.flexList {--x-gap: 11.5rem}

#effect.sub.effect.miraDry {background: #f7f8f8;}


@media(max-width:990px) {
    .philosophy.sub.miraDry .cont_txt h1 {padding-top: 0; width: 100%;}

    .point.sub.miraDry .point_list li {min-width: 280px; padding: 5rem 0rem;}

    #reason.sub.reason.miraDry .contBox .Middle {padding-top: 55px;}
    #reason.sub.reason.miraDry .contBox .Middle.flexList {--x-gap: 25rem}
    #reason.sub.reason.miraDry .contBox {background-size: 450px;}

    #effect.sub.effect.miraDry .cont > div.flex {flex-direction: column;}
    #effect.sub.effect.miraDry .imgBox {margin-top: 3rem;}
    #effect.sub.effect.miraDry .txt_wrap.width25 {width: 100%;}
}

@media(max-width:768px) {
    #reason.sub.reason.miraDry .contBox {background: none;}
    #reason.sub.reason.miraDry .contBox .Middle {padding-top: 0;}
}

@media(max-width:580px) {
    .point.sub.miraDry .point_list {flex-wrap: wrap;}
    .point.sub.miraDry .point_list li {min-width: calc(75%/1); margin-left: 0; margin-top: 2%;}
    .point.sub.miraDry .point_list li:after {top: 74%; right: auto; left: 50%; transform: translateX(-50%);}
    .point.sub.miraDry .point_list::after {background: linear-gradient(to bottom ,transparent 0%, #fff 11%, transparent 20%, transparent 83%, #fff 95%,transparent );}
    .point.section.miraDry::after {background: linear-gradient(to bottom ,transparent 50%, #fff 90% );}
}

@media(max-width:420px) {
    .point.sub.miraDry .point_list li {width: 100%;}
}
