.sectionTitle h6.color-gray {color: #b8b8b8;}
.sectionTitle h6.color-gray::before {background: #b8b8b8;}

/* 연령별 이유_마인드맵모양 */
.reasonCircle {background: url("/img/sub/_inc/reason_bg.png") no-repeat center;}
.reasonboxList .list {width: 31.875rem; height: 11.125rem; background-color: #fff; border-radius:5px;}
.reasonboxList .list p, .changeList b {line-height: 30px;}
.reasonboxList .gen34 {padding: 7.8125rem 0;}

@media(max-width:1580px){
    .reasonCircle {background-size: 60%;}
}
@media(max-width:1440px){
    .reasonCircle {background-size: 55%;}
}
@media(max-width:1240px){
    .reasonCircle {background-size: 60%;}
}
@media(max-width:990px){
    .reasonCircle {background-size: 70%;}
    .reasonboxList {display:flex; flex-direction: column;}
    .reasonboxList .gen34 {padding: 0; display:block;}
    .reasonboxList .list {margin-bottom: 2rem;}
    .reasonboxList .list p {line-height: 25px;}
    .reasonboxList .list.gen50 {margin: 0 auto 0;}
}
@media(max-width:768px){
    .reasonCircle {background-size: 80%;}
}
@media(max-width:550px){
    .reasonCircle {background-size: 120%;}
}

/* Byjoo */

.S_byjoo .iconList, .S_byjoo .changeList  {--x-gap:0rem;}
.S_byjoo .iconBox {padding: 6.250rem 0;}
.S_byjoo .iconList img {width: 50%;}
.chartList  {--x-gap:0; --y-gap:0; background: #cff4eb;}
.chartList b {width: 40%;}
.chartList p {width: 60%; background: #f1f1f1; color: #6c6c6c; padding: 1.5em;}
.chartList:last-child p {padding: 1em;}

@media (max-width:1580px) {
    .S_byjoo .iconBox {padding: 4.8rem 0;}
}

@media (max-width:1240px) {
    .S_byjoo .iconBox {padding: 5rem 0;}
    .S_byjoo .iconList img {width: 45%;}
    .changeList b {line-height: 25px;}
    .chartList {width: 80%;}
    .chartList b {width: 30%;}
    .chartList p {width: 70%;}
}

@media (max-width:990px) {
    .S_byjoo .iconList img {width: 50%;}
}

@media (max-width:768px) {
    .chartList {width: 100%;}
    .chartList b {width: 25%;}
    .chartList p {width: 75%;}
}

@media (max-width:550px) {
    .chartList {flex-wrap: wrap;}
    .chartList b {width: 100%; padding: 1.5rem;}
    .chartList p {width: 100%;}
}

/* Byeun */
.D_List .listBox {padding: 5rem 7.5rem 0;}
.D_List .topTitle {border-bottom: 1px solid #000;;}
.D_List .line {border-top: 0.5px solid #000; width: 2.5rem; margin: 0.8rem 0 0 0;}
.D_List .flexList {--x-gap:0rem;}
.D_List ul li {padding-top: 0.325rem; color: #6c6c6c;}
.D_List ul li:first-child {padding-top: 0;}

.E_lineUP .box h6::before {background: var(--gray);}

.E_lineUP .accordion-group li:nth-child(1) {background-image: url('/img/sub/antiaging/Byeun/middleType01.jpg'); background-position-x: 100%;} 
.E_lineUP .accordion-group li:nth-child(2) {background-image: url('/img/sub/antiaging/Byeun/middleType02.jpg'); background-position-x: 100%;}
.E_lineUP .accordion-group li:nth-child(3) {background-image: url('/img/sub/antiaging/Byeun/middleType03.jpg'); background-position-x: 100%;}
.E_lineUP .accordion-group li:nth-child(4) {background-image: url('/img/sub/antiaging/Byeun/middleType04.jpg'); background-position-x: 100%;}

.E_lineUP .site-inner {position: relative; transition: all .5s ease;}
.E_lineUP .accordion-group {overflow: hidden; width: 100%; height: 490px; display: flex; align-items: center; transition: all .5s ease; gap: 2%;}
.E_lineUP .accordion-group li {cursor: pointer; position: relative; display: flex; overflow: hidden; width: 23.5%; height: 490px; margin: auto; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: all .5s ease;}
.E_lineUP .accordion-group li.out {width: 55%;}
  
.E_lineUP .plus {position: relative; padding-left: 1.3rem;}
.E_lineUP .plus:after {content:'+'; position: absolute; font-weight: 700; font-size: 1.875rem; left: 0; top:-18px;}

.E_lineUP li .outDesc {position: absolute; width: 100%; height: fit-content; top:0; bottom:0; left: 7%; margin: auto; opacity: 0; transition: opacity .5s;}
.E_lineUP li.out .outDesc {opacity: 1;}
.E_lineUP li .outDesc .line {width: 2.5rem; margin: 0.8rem 0 0 0;}

.E_lineUP li .outTit {position: absolute; opacity: 1; top:50%; left:50%; transform: translate(-50%, -50%);  transition: .3s; writing-mode: vertical-lr;}

.E_lineUP li.out .outTit {opacity: 0;}

@media (max-width:1240px) {
    .E_lineUP .accordion-group li.out {width: 60%;}
}

@media (max-width:990px) {
    .D_List .listBox {padding: 5rem 0 0;}

    .E_lineUP .accordion-group {flex-direction: column; height: auto;}
    .E_lineUP .accordion-group li {width: 100%; height: 20%; min-height: 130px; margin-top: 1.5rem;}
    .E_lineUP .accordion-group li.out {width: 100%; height: 50%; min-height: 400px;}
    .E_lineUP li .outTit { writing-mode:horizontal-tb;}
    .E_lineUP .outTit p {font-size: 1.875rem;}
}

@media(max-width:768px) {
    .D_List .topTitle > img {width: 100px;}
}

@media (max-width:480px) {
    .D_List ul {font-size: 1.5rem;}
}


/* 연령별 맞춤 리프팅 */
.AgeProgram .E_listbox .line {display: block; width: 2.25rem; margin: 2rem auto; background: #000;}
.AgeProgram .E_listbox  .txtBox p {line-height: 35px; color: #6c6c6c;}
.AgeProgram .E_listbox .E_list {position: relative; padding: 4rem; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);}
.AgeProgram .E_listbox .E_list:after {position: absolute; content: url("/img/sub/antiaging/Lifting/triangle.png"); left: -40px; top: 115px; z-index: -1;}

@media (max-width:990px) {
    .E_listbox .box.width40 {width: 100%;}
    .AgeProgram .E_listbox {flex-direction: column;}
    .AgeProgram .E_list {margin-top: 3rem; margin-left: 0; width: 100%;}
    .AgeProgram .E_listbox .E_list:after {top: -10px; left: 46%; transform: rotate(90deg) translate(-50%);}
}

@media (max-width:500px) {
    .AgeProgram .E_listbox .E_list:after {left: 43%;}
}

@media (max-width:420px) {
    .AgeProgram .E_listbox .E_list:after {left: 41%;}
}

/* 실루엣소프트 */

.Label .flexList .box {padding: 3.75rem;}
section.sw_point#point03 .flexList .box:nth-child(2) {background-color: #F1F1F1;}
/* 공통point */
.sw_point .imgBox .starbox {width:80%; margin: auto; padding: 0.5rem;}
#point01.sw_point .imgBox .starbox.gray {background: #e6e6e6; color: #000;}
.sw_point p {line-height: 35px;}

.sh_point {position: relative; background: url("/img/sub/antiaging/Silhouette/point2_bg.jpg"); background-size: cover;} 
.sh_point:after {position: absolute; right: 3%; top: 12%; content: url("/img/sub/antiaging/Silhouette/logo.png");}

@media (max-width:1240px) {
    .sh_point {background-position-x: 80%;}
}

@media (max-width:768px) {
    .sh_point {background: #fff;}
}


/* 리팟레이저 */
.br-m { display: none; }
#point01 .rp_point {position: relative; background: url("/img/sub/skincare/Reepot/point1_bg.jpg") right; background-size: cover;} 

#point02 .img-box {
    height: 13em;
}

#point02 .img-box img {
    display: none;
}

#point02 .img-box-1 {
    background: url("/img/sub/skincare/Reepot/img_point_2_01.jpg") center no-repeat;
}

#point02 .img-box-2 {
    background: url("/img/sub/skincare/Reepot/img_point_2_02.jpg") center no-repeat;
}

#point02 .img-box-3 {
    background: url("/img/sub/skincare/Reepot/img_point_2_03.jpg") center no-repeat;
}

#point02 .img-box-4 {
    background: url("/img/sub/skincare/Reepot/img_point_2_04.jpg") center no-repeat;
}


#point03 .rp_point {position: relative; background: url("/img/sub/skincare/Reepot/point3_bg.jpg") right; background-size: cover;} 
#point04 .rp_point {position: relative; background: url("/img/sub/skincare/Reepot/point4_bg.jpg") right; background-size: cover;}

#point04 .point04-box {
    width: 685px;
    text-align: center;

}

#point04 .point04-box li {
    width: 45%;
    font-size: 2.3rem;
    padding: 1% 0;
}

#precautions p br {
    display: none;
}

#precautions div>p:nth-child(1){width: 60px; height: 60px; background-color: #cff4eb; line-height: 60px; text-align: center;}

#precautions div>p:nth-child(2){padding: 1.5rem 3rem; background-color: #f1f1f1;}

@media (max-width:990px) {

    #point02 .img-box {
        height: auto;
        background: none;
    }

    #point02 .img-box img {
        display: block;
    }

}

@media (max-width:768px) {

    .br-m {
        display: block;
    }

    .br-pc {
        display: none;
    }
    
    #point01 .rp_point {text-align: center; position: relative; background: #fff url("/img/sub/skincare/Reepot/point1_bg_m.jpg") bottom center/100% no-repeat; } 

    #point01 .rp_point .box.pb-9em {
        padding-bottom: 68vw;
    }

    #point01 .rp_point .lines {
        margin-left: auto!important;
    }
    
    #point03 .rp_point {text-align: center; position: relative; background: #fff url("/img/sub/skincare/Reepot/point3_bg_m.jpg") bottom center/100% no-repeat; } 

    #point03 .rp_point .box.pb-9em {
        padding-bottom: 64vw;
    }

    #point03 .rp_point .lines {
        margin-left: auto!important;
    }

    
    #point04 .rp_point {text-align: center; position: relative; background: #fff url("/img/sub/skincare/Reepot/point4_bg_m.jpg") bottom center/100% no-repeat; } 

    #point04 .rp_point .box.pb-9em {
        padding-bottom: 46vw;
    }

    #point04 .lines {
        margin-left: auto!important;
    }

    #point04 .point04-box {
        width: 19em;
    }

    #point04 .point04-box li {
        width: 100%;
        padding: .4em 0;
    }

    #precautions p br { display: block; }
    #precautions .width80 { width: 100%; }
}


/* subBottom */
.subBottom {background: url("/img/sub/_inc/subBottom.jpg"); background-size: cover;}
.subBottom .e_title {line-height: 35px; letter-spacing: 10px; opacity: 0.5;}
.subBottom .wrap {margin-top: 150px;}