.sub {overflow: hidden;}
.sub p {color: #70706e; letter-spacing: 0.001rem;}

br.no {display: block !important;}

@media(max-width:768px) {
    .sub.font-20 {font-size: 1.625rem;}
    .sub .font-35 {font-size: 2.8125rem;}
    .sub .font-40,
    .sub .font-60 {font-size: 3.125rem;}
}

.sub .verti-line.left {top: 0;}
.sub .verti-line.right {top: 0;}

/* 서브타이틀 */
.subtitle {height: 50rem; overflow: hidden;}
.subtitle .wrap {height: 100%; width: 100% !important;}

.s-tit {letter-spacing: 0.2px;}

/* 참고은의원 story */
.story.intro p {color: #404040;}

.story.doc .flexList,
.story.special .flexList {--x-gap: 0rem; --y-gap :0rem;}
.story.doc .box.imgbox img {height: 100%;}
.story.doc .name {gap: 2rem;}

.story.special .box {border-right: 1px solid rgba(var(--pointcolor-rgb), 0.2);}
.story.special .box.txtbox {padding: 9rem 3.5rem 3.5rem;}

.ST-special .box.txtbox {width: calc(50% - 1.5rem);}
.ST-special .box.imgbox {width: calc(50% + 1.5rem); column-gap: 6.25rem;}
.ST-special .flex-colum .imgbox {margin-top: 15rem;}
.ST-special .flex-colum:last-child .imgbox:first-child {margin-top: 0;}

.ST-special .txt.active p {color: #4d4d4d !important; font-weight: 600;}

@media(max-width:1240px) {
    .story.intro .box .imgbox {width: 40%;}
}

@media(max-width:990px) {
    .story.intro .flexList {--y-gap: 5rem;}
    .story.intro .box .imgbox {width: auto;}
    .story.intro .box .txtbox.mt-100 {margin-top: 5rem;}
    .story.doc .name span.font-28 {font-size: 1.250rem;}
}

@media(max-width:768px) {
    .story.special .box.txtbox {padding: 9rem 2.5rem 2.5rem;}
    .story.doc .name span.font-28 {font-size: 1.625rem;}

    .ST-special .box.txtbox,
    .ST-special .box.imgbox {width: 100% !important;}
    .ST-special .box.txtbox {position: absolute; top: 0; z-index: 1; text-align: center;}
}

@media(max-width:500px) {
    .story.doc .width70 {width: 80%;}
    .ST-special .box.txtbox {margin-top: 6.25rem; padding-bottom: 6.25rem;}
    .ST-special .box.txtbox .font-40 {font-size: 2.5rem;}
    .ST-special .flex-colum .imgbox {margin-top: 25rem;}
}

@media(max-width:400px) {
    .story br.mo {display: none !important;}
    .story.doc .name {gap: 1rem;}
    .story.doc .name .font-40 {font-size: 2.8rem;}
}

/* 장비 */
.sub .equip .flexList {--y-gap: 6.25rem}
.sub .equip .desc span {background: #f7f5ef; border-radius:3px; padding: 0.5rem 1.25rem; font-weight: 500; color: #70706e; margin-left: 0.5rem; display: inline-block;}
.sub .equip br.mo {display: none;}

@media(max-width:768px) {
    .sub .font-24 {font-size: 1.875rem;}
}

@media(max-width:680px) {
    .sub .equip br.mo {display:block;}
    .sub .equip .desc span {margin-top: 0.8rem;}
}

/* 참고은시그니처 */
.pt-200 {padding-top: 12.5rem;}
    
.type .box {overflow: hidden;}
.type .box .imgbox:after {position: absolute; left: 0; top: 0; z-index: 1; background: #fff; content:""; transition: 1s}
.type .box .imgbox img {transition: 0.5s;}
.type .box .txt {position: absolute; z-index: 2; transition: 0.5s;}
.type .box .h_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff !important; z-index: 3; text-align: center; opacity: 0; visibility: hidden; transition: 0.5s;}
.type .box .h_txt p {color: #fff !important;}

.type .box.box01 .imgbox:after {width: 18rem; height: 100%;}
.type .box.box02 .imgbox:after {width: 100%; height: 10rem;}
.type .box.box01 .txt { left: 3.75rem; bottom: 3.75rem;}
.type .box.box02 .txt { right: 3.75rem; top: 3.75rem;}
.type.petit .box.box02:first-child .txt { left: 3.75rem; top: 3.75rem;}

.type .box:hover .imgbox img {transform: scale(1.2);}
.type .box.box01:hover .imgbox:after {width: 0;}
.type .box.box02:hover .imgbox:after {height: 0;}
.type .box:hover .txt {opacity: 0;}
.type .box:hover .h_txt {opacity: 1; visibility: visible;}

.point#lifting .flexList {--y-gap: 5rem;}
.point#lifting .box.imgbox .bg,
.point#lifting .box.imgbox .dot {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.flexbox .flexList {--y-gap: 5rem;}

.common.bottom .rolling-txt {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; z-index: -1;}
.common.bottom .rolling-txt .rolling-list .list {font-size: 12.5rem; color: rgba(190,183,171,0.2);}
.common.bottom .txt {position: absolute; left: 50%; transform:translateX(-50%); width: 100%; z-index: 2;} 
.common.bottom .txt.txt01 {bottom: 15%;}
.common.bottom .txt.txt02 {top: 10%;}

@media(max-width:1240px) {
    .common.bottom .bg {width: 60%; margin: auto;}
}

@media(max-width:768px) {
    .common.bottom .bg {width: 80%;}
    .common.bottom .txt.txt01 {bottom: 10%;}
}

@media(max-width:680px) {
    .common.bottom .txt .font-40,
    .common.bottom .txt .font-35 {font-size: 2rem;}
    .common.bottom .txt p {font-size: 1rem;}
    .common.bottom .txt p.mt-20 {margin-top: 1rem;}
}

@media(max-width:420px) {
    .common.bottom .bg {width: 90%;}

    .type .box.box01 .txt { left: 2.5rem; bottom: 2.5rem;}
    .type .box.box02 .txt { right: 2.5rem; top: 2.5rem;}
    .type.petit .box.box02:first-child .txt { left: 2.5rem; top: 2.5rem;}
    .type .box.box01 .imgbox:after {width: 16rem;}
    .type .box.box02 .imgbox:after {height: 8rem;}
    .type .box .txt p {font-size: 1.25rem;}
    .type .box .txt .font-40 {font-size: 2.5rem;}
    .type .box .h_txt {padding: 1rem;}
    .type .box .h_txt p {font-size: 1.5rem;}
    .point#brightSkin .box p br {display:none;}   
    
}

@media(max-width:360px) {
    .type .box .h_txt p br {display: none;}
}

.step .contbox {align-items: flex-start;}
.step .cont.desc {border-left: 1px solid rgba(var(--pointcolor-rgb), 0.2);}
.step .flexList {--x-gap:0rem; --y-gap: 0rem;}
.step .flexList:after,
.step .flexList:before { position: absolute; background: rgba(var(--pointcolor-rgb), 0.2); content: "";}
.step .flexList:after {left: 50%; transform: translateX(-50%); top:0; width: 1px; height: 100%;}
.step .flexList:before {left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px;}
.step .box {padding: 4rem 2rem;}
.step h4.step {padding: 0.5rem 1rem; border-radius: 100px; width: fit-content; line-height: 1;}
.step .txt {display: flex; flex-direction: column; align-items: flex-end;}

@media(max-width:1024px) {
    .step .box .imgbox img {width: 15rem;}
}

@media(max-width:768px) {
    .step .contbox {flex-direction: column;}
    .step .cont.tit {width: 100% !important; padding-top: 5rem; padding-bottom: 5rem; text-align: center;}
    .step .cont.desc {width: 100% !important; border-left: none; border-top: 1px solid rgba(var(--pointcolor-rgb), 0.2); }
    .step .txt {text-align: left; align-items: flex-start;}
}

@media(max-width:500px) {
    .step .box .imgbox img {width: auto; margin: auto;}
    .step .txt {text-align: center; align-items: center;}
    .step .flexList:after,
    .step .flexList:before {display:none;} 
}

@media(max-width: 450px) {
    .common#signature .desc br {display: none !important;}
}


.area.petit {background: url("/img/sub/signature/petit_area_bg.jpg") no-repeat; background-position: center; background-size: cover; width: calc(100% - 7.5rem); margin: auto; overflow: hidden;}

.area.petit .part,
.area.petit .dot {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}

.area.petit .dot {animation: blink 2s infinite;}

.area .tabs {gap: 1.5rem;}
.area .tabs li {border: 1px solid var(--point2color); border-radius: 100px; color: #88857e; padding: 0 1.5rem; cursor: pointer;}
.area .tabs li.current {color: #fff; background: var(--point2color);}
.area .tab-contents {display: none;}
.area .tab-contents.current {display: block;}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

@media(max-width:1550px) {
    .area.petit {width: calc(100% - 3.75rem);}
}

@media(max-width:768px) {
    .area.petit {width: 100%;}
    .area.petit .imgbox {width: 90%; margin: auto;}
}

.md-point.petit .bg {background: url("/img/sub/signature/petit_bg.jpg") no-repeat; background-position: center; background-size: cover;}
.md-point.petit .txtbox {position: absolute; left: 50%; top: 40%; transform: translateX(-50%); max-width:855px; width: 100%;}
.md-point.petit .flexList { width: 100%; margin: auto;}
.md-point.petit .box:nth-child(2) p,
.md-point.petit .box:nth-child(2) h3 {color: #70706e !important;}

@media(max-width:1024px) {
    .md-point.petit .imgbox {width: 80%; margin: auto;}
    .md-point.petit .txtbox {width: 77%;}
}

@media(max-width:768px) {
    .md-point.petit .txtbox {top: 50%; transform: translate(-50%, -50%);}
    .md-point.petit .box {height: 32rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
}

@media(max-width:375px) {
    .md-point.petit .box  {height: 30rem;}
}

@media(max-width:320px) {
    .md-point.petit .box  {height: 26rem;}
}

@media(max-width:280px) {
    .md-point.petit .box  {height: 23rem;}
}

/* 스페셜치료 */
.S-treat .flexList {--x-gap: 0rem;--y-gap:0rem;}
.S-treat .box {aspect-ratio: 1 / 1; position: relative;}
.S-treat .box .cirbox {width: 100%; height: 100%; background: transparent; border: 1px solid rgba(var(--pointcolor-rgb), 0.2); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); aspect-ratio: 1 / 1;} 
.S-treat .box:first-child {border-right: 1px solid rgba(var(--pointcolor-rgb), 0.2);}
/* .S-treat .box:first-child {background: url("/img/sub/cir.png") no-repeat; background-position: center; background-size: cover;} */

.S-treat .desc h3 {background: rgba(190, 183, 171, 0.2); padding: 0.5rem 1.5rem; width: fit-content;}

@media(max-width:990px) {
    .S-treat .box:first-child {border-right: none;}
    .S-treat .box:first-child .desc {padding: 0 10%;}
}

@media(max-width:500px) {
    .S-treat .box:first-child {aspect-ratio: 1 / 1.5;}
    .S-treat .box .cirbox  {width: 150%;}
}

@media(max-width:360px) {
    .S-treat .desc p br.mo {display: none;}
}

@media(max-width:320px) {
    .S-treat .box .cirbox {display: none;}
}

/* 솔루션 */

.solution .accordion-wrap  > ul.flex-center {gap: 1.5rem;}
.solution .item{height: 480px; border-radius: 20px; background-size: cover !important; position: relative; cursor: pointer;  transition: 1.2s; overflow: hidden;}
.solution .item ul.desc{padding: 0 2.5rem; align-items: flex-end;}
.solution .accordion-wrap .item ul.desc li {transition: opacity 1.2s ease-in-out; width: 25rem;}
.solution#folliculitis .accordion-wrap .item ul.desc li {width: 23rem;}
.solution#athletesfoot .accordion-wrap .item ul.desc li {width: 24rem;}
.solution#athletesfoot .accordion-wrap .item:nth-child(2) ul.desc li {width: 28rem;}
.solution#athletesfoot .accordion-wrap .item:nth-child(3) ul.desc li {width: 20rem;}
.solution .accordion-wrap .item ul.desc li:last-child {opacity: 0; visibility: hidden; position: absolute; right: 1rem; bottom: 0; transform: translateX(100%); transition-delay: 0.5s; transition: 1.2s;}
.solution .accordion-wrap .item:not(.on) ul.desc li:last-child { transition: 0s;transition-delay: 0s;}

.solution .accordion-wrap .item.on {width: 50% !important;}
.solution .accordion-wrap .item.on ul.desc li {opacity: 1;  visibility: visible;}
.solution .accordion-wrap .item.on ul.desc li:last-child {transform: translateX(0);}
.solution .accordion-wrap .item.on ul.desc li:first-child br {display: none;}

.solution .item .desc {position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%);}

.solution .swiper_btns {gap: 2rem;}
.solution .swiper_btns .swiper-button-next, 
.solution .swiper_btns .swiper-button-prev  {position: relative; width: 4.5rem; height: 4.5rem; display: inline-block;}
.solution .swiper_btns .swiper-button-next:after,
.solution .swiper_btns .swiper-button-prev:after {color: var(--point2color); font-weight: 600; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.solution .swiper_btns .swiper-button-next::before, 
.solution .swiper_btns .swiper-button-prev::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 1px solid var(--point2color); content: ""; transition: 0.45s; background: var(--BodyColor); z-index: -1;}

.solution .swiper_btns .swiper-button-next:hover::before, 
.solution .swiper_btns .swiper-button-prev:hover::before {background: var(--point2color);}
.solution .swiper_btns .swiper-button-next:hover::after, 
.solution .swiper_btns .swiper-button-prev:hover::after {color: #fff;}

.solution .swiper-wrapper .item ul.desc li {transition: opacity 1.2s ease-in-out; width: 20rem;}
.solution .swiper-wrapper .item ul.desc:first-child li {width: 27rem;}
.solution .swiper-wrapper .item ul.desc li:last-child {opacity: 0; visibility: hidden; position: absolute; right: 1rem; bottom: 0; transform: translateX(100%); transition-delay: 0.5s; transition: 1.2s;}
.solution .swiper-wrapper .item ul.desc li {transition: opacity 0.5s ease-in-out;}
.solution .swiper-wrapper .item:not(.swiper-slide-active) ul.desc li:last-child { transition: 0s; transition-delay: 0s;}

.solution .swiper-wrapper .item.swiper-slide-active ul.desc li {opacity: 1;  visibility: visible;}
.solution .swiper-wrapper .item.swiper-slide-active ul.desc li:last-child {transform: translateX(0);}
.solution .swiper-wrapper .item.swiper-slide-active ul.desc li:first-child br {display: none;}

/* 2개일때 _ accordion에 box갯수 추가 */
.solution .accordion-wrap.box2 .item {width: 50%;}

/* 3개일때 _ accordion에 box갯수 추가 */
.solution .accordion-wrap.box3 .item {width: calc(100% / 4);}

/* 4개일때 _ accordion에 box갯수 추가 */
.solution .accordion-wrap.box4 .item {width: calc(100% / 7);}

.solution .accordion-wrap .point-font{text-transform: uppercase;}
/* 배경 */
.solution#atopic .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/atopic_solution01.jpg") no-repeat;}
.solution#atopic  .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/atopic_solution02.jpg") no-repeat;}
.solution#atopic  .accordion-wrap .item.item03 {background: url("/img/sub/dermatitis/atopic_solution03.jpg") no-repeat;}
.solution#atopic  .accordion-wrap .item.item04 {background: url("/img/sub/dermatitis/atopic_solution04.jpg") no-repeat;}
/* 배경 */
.solution#traumatherapy .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/traumatherapy_solution01.jpg") no-repeat;}
.solution#traumatherapy  .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/traumatherapy_solution02.jpg") no-repeat;}
.solution#traumatherapy  .accordion-wrap .item.item03 {background: url("/img/sub/dermatitis/traumatherapy_solution03.jpg") no-repeat;}
/* 배경 */
.solution#cyst .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/cyst_solution01.jpg") no-repeat;}
.solution#cyst  .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/cyst_solution02.jpg") no-repeat;}
/* 배경 */
.solution#folliculitis .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/folliculitis_solution01.jpg") no-repeat;}
.solution#folliculitis  .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/folliculitis_solution02.jpg") no-repeat;}
/* 배경 */
.solution#athletesfoot .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/athletesfoot_solution01.jpg") no-repeat;}
.solution#athletesfoot  .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/athletesfoot_solution02.jpg") no-repeat;}
.solution#athletesfoot  .accordion-wrap .item.item03 {background: url("/img/sub/dermatitis/athletesfoot_solution03.jpg") no-repeat;}
.solution#athletesfoot  .accordion-wrap .item.item04 {background: url("/img/sub/dermatitis/athletesfoot_solution04.jpg") no-repeat;}
/* 배경 */
.solution#skintag .item.item01 {background: url("/img/sub/dermatitis/skintag_solution01.jpg") no-repeat;}
.solution#skintag .item.item02 {background: url("/img/sub/dermatitis/skintag_solution02.jpg") no-repeat;}
.solution#skintag .item.item03 {background: url("/img/sub/dermatitis/skintag_solution03.jpg") no-repeat;}
.solution#skintag .item.item04 {background: url("/img/sub/dermatitis/skintag_solution04.jpg") no-repeat;}
.solution#skintag .item.item05 {background: url("/img/sub/dermatitis/skintag_solution05.jpg") no-repeat;}
.solution#skintag .item.item06 {background: url("/img/sub/dermatitis/skintag_solution06.jpg") no-repeat;}
.solution#skintag .item.item07 {background: url("/img/sub/dermatitis/skintag_solution07.jpg") no-repeat;}
/* 배경 */
.solution#shingles .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/shingles_solution01.jpg") no-repeat;}
.solution#shingles  .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/shingles_solution02.jpg") no-repeat;}
/* 배경 */
.solution#pimple .accordion-wrap .item.item01 {background: url("/img/sub/skinclinic/pimple_solution01.jpg") no-repeat;}
.solution#pimple  .accordion-wrap .item.item02 {background: url("/img/sub/skinclinic/pimple_solution02.jpg") no-repeat;}
.solution#pimple  .accordion-wrap .item.item03 {background: url("/img/sub/skinclinic/pimple_solution03.jpg") no-repeat;}
.solution#pimple  .accordion-wrap .item.item04 {background: url("/img/sub/skinclinic/pimple_solution04.jpg") no-repeat;}
/* 배경 */
.solution#skincare .item.item01 {background: url("/img/sub/skinclinic/skincare_solution01.jpg") no-repeat;}
.solution#skincare .item.item02 {background: url("/img/sub/skinclinic/skincare_solution02.jpg") no-repeat;}
.solution#skincare .item.item03 {background: url("/img/sub/skinclinic/skincare_solution03.jpg") no-repeat;}
.solution#skincare .item.item04 {background: url("/img/sub/skinclinic/skincare_solution04.jpg") no-repeat;}
.solution#skincare .item.item05 {background: url("/img/sub/skinclinic/skincare_solution05.jpg") no-repeat;}


@media(max-width:1240px) {
    .solution .accordion-wrap.box4 .item {width: calc(100% / 6);}
    .solution .accordion-wrap .item.on {width: calc(100% / 1.5) !important;}
}

@media(max-width:990px) {
    .solution .accordion-wrap > ul.flex-center {flex-direction: column;}
    .solution .accordion-wrap .item {width: 100% !important; height: 150px; background-position: right !important;}
    .solution .accordion-wrap .item.on {width: 100% !important; height: 380px;}
    .solution .accordion-wrap .item ul.desc {flex-direction: column; position: initial; transform: translateX(0); align-items: flex-start; padding: 4.5rem 2.5rem; height: 100%;}
    .solution .accordion-wrap .item ul.desc li {width: 100% !important}
    .solution .accordion-wrap .item ul.desc li:last-child {position: initial; transform: translateX(0);}

    .solution .accordion-wrap .item ul.desc h3 {font-size: 2.500rem;}
    .solution .accordion-wrap .item ul.desc p.point2-color {color: #fff !important; opacity: 0.5; font-size: 1.5625rem;}

    /* 배경 */
    .solution#atopic .accordion-wrap .item.item01 {background: url("/img/sub/dermatitis/atopic_solution01m.jpg") no-repeat;}
    .solution#atopic .accordion-wrap .item.item02 {background: url("/img/sub/dermatitis/atopic_solution02m.jpg") no-repeat;}
    .solution#atopic .accordion-wrap .item.item03 {background: url("/img/sub/dermatitis/atopic_solution03m.jpg") no-repeat;}
    .solution#atopic .accordion-wrap .item.item04 {background: url("/img/sub/dermatitis/atopic_solution04m.jpg") no-repeat;}


}

@media(max-width:360px) {
    .solution .accordion-wrap .item ul.desc p br {display: none !important;}
}

/* 치료방법 */
.treatment .treatSwiper {margin-left: 3.75rem;}

.treatment .box.width35 {border-right: 1px solid rgba(var(--pointcolor-rgb), 0.2);}

/* .treatment .swiper_btns {flex-direction: column; gap: 1.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10;} */
.treatment .swiper_btns {gap: 2rem;}
.treatment .swiper_btns .swiper-button-next, 
.treatment .swiper_btns .swiper-button-prev  {position: relative; width: 4.5rem; height: 4.5rem; display: inline-block;}
.treatment .swiper_btns .swiper-button-next:after,
.treatment .swiper_btns .swiper-button-prev:after {color: var(--point2color); font-weight: 600; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.treatment .swiper_btns .swiper-button-next::before, 
.treatment .swiper_btns .swiper-button-prev::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 1px solid var(--point2color); content: ""; transition: 0.45s; background: var(--BodyColor); z-index: -1;}

.treatment .swiper_btns .swiper-button-next:hover::before, 
.treatment .swiper_btns .swiper-button-prev:hover::before {background: var(--point2color);}
.treatment .swiper_btns .swiper-button-next:hover::after, 
.treatment .swiper_btns .swiper-button-prev:hover::after {color: #fff;}

.swiper-pagination {position: relative;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--pointcolor);}

@media(max-width:1550px) {
    .treatment .treatSwiper {margin-left: 1.875rem;}
}

@media(max-width:768px) {
    .treatment {padding-bottom: 0;}
    .treatment.obesity {padding-bottom: 80px;}
    .treatment .wrap {width: 100%; padding-top: 0;}
    .treatment .contbox.flex {flex-direction: column; row-gap: 5rem;}
    .treatment .box.width35,
    .treatment .box.width65 {width: 80% !important; margin: auto;}

    .treatment .box.width35 {display: block; border-right: none;}
    .treatment .treatSwiper {margin-left: 0; padding-top: 0;} 
}

/* 추천대상 */
.n-y-gap {--y-gap:0rem !important;}

.recommend .flexList {--y-gap: 5rem; --x-gap:0rem;}
.recommend .flexList .box {position: relative;}
.recommend .flexList .box:after{position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: rgba(var(--pointcolor-rgb), 0.2); width: 1px; height: 80%; content: "";}
.recommend .flexList .box:last-child:after {display: none;}
.recommend h3.case {padding: 0.5rem 1rem; border-radius: 100px; width: fit-content; margin: auto; line-height: 1; text-align: center;}

.recommend .list {padding: 2rem 0; border-bottom: 1px solid var(--point2color);}
.recommend .list:last-child {border-bottom: none;}
.recommend .list h3.case {margin: 0;} 

@media(max-width:1240px) {
    .recommend .list {padding: 1.5rem 0;}
}

@media(max-width:990px) {
    .recommend .box.desc {padding: 5rem 3rem;}
    .recommend .list {padding: 2rem 0;}
}

@media(max-width:768px) {
    .recommend .flexList .box:nth-child(2):after {display: none;}  
    .recommend  .flexList p {font-size: 1.625rem;}
}

@media(max-width:500px) {
    .recommend .list {align-items: flex-start !important;}
    .recommend .list h3.case {width: 8rem;}
    .recommend .list p {width: calc(100% - 8rem);}
}

@media(max-width:480px) {
    .recommend .flexList {--count: 1;}
    .recommend .flexList .box:after {display: none;}
}

@media(max-width:400px) {
    .recommend .list p br {display: none !important;}
}

/* 피부질환공통 */
/* .point .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
/* .point .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-position: center !important; background-size: cover !important; transform: translateZ(0); will-change: transform;} */

/* .point .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} */

#eq_pimple .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#eq_pimple .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-position: center !important; background-size: cover !important; transform: translateZ(0); will-change: transform;}
#eq_pimple{ background: url("/img/sub/skinclinic/peq_bg.jpg") no-repeat;}

#skincare01 {background: url("/img/sub/skinclinic/skincare01_bg.jpg") no-repeat;}

.common .imgbox {overflow: hidden;}
.common .imgbox img.on {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: 0.45s;}
.common .box:hover .imgbox img.on {opacity: 1;}

@media(max-width:768px) {
    .common .flexList {--y-gap: 5rem;}
}

/* .point#dermatitis .bg_wrap .bg { background: url("/img/sub/dermatitis/point_bg.jpg") no-repeat;} */

/* 아토피 스페셜 */
.point.bottom {width: calc(100% - 7.5rem); margin: auto; overflow: hidden;}
/* .point#atopic .bg_wrap .bg { background: url("/img/sub/dermatitis/atopic_bg.jpg") no-repeat; background-position: 80% !important;} */

@media(max-width:768px) {
    .point.bottom {width: 100%;}
    .point.bottom .container {width: 80%;}
}

.point .txt {opacity: 0.5;}
.point .txt h3 {max-width: 17.5rem; width: 100%; margin: auto;}
.point .txt .line {width: calc(50% - 10rem); height: 1px; background: #fff;}

/*skincare*/
.care .flexList.width80 .box{padding: 50px;}

#detail .cont{width: calc(100% - 7.5rem) !important; margin: auto;}
#detail .flex>.box:nth-child(1){margin-left: 10rem; margin-top: 200px;}
#detail .flex>.box:nth-child(2){padding-top: 200px; border-left:1px solid rgba(var(--pointcolor-rgb), 0.2);z-index: -1; }
#detail .flex>.box:nth-child(2) .list{border-top:1px solid rgba(var(--pointcolor-rgb), 0.2);z-index: -1; padding-left: 40px;}
#detail .txtbox h3 {
    background: rgba(190, 183, 171, 0.2);
    padding: 0.5rem 1rem;
    width: fit-content;
}
@media (max-width:1550px) {
    #detail .flex>.box:nth-child(1){margin-left: 5%; margin-top: 200px;}
    #detail .flex>.box:nth-child(2){padding-top: 130px;}
    #detail .flex>.box:nth-child(1){ margin-top: 130px;}
}
@media (max-width: 1240px) {
    #detail .flex .list img{margin: auto;}
}
@media (max-width: 990px) {
    #detail .flex>.box:nth-child(2){padding-top: 100px;}
    #detail .flex>.box:nth-child(1){ margin-top: 100px;}
}
@media (max-width:768px){
    .care .flexList.width80{width: 100%;}

    #detail .flex>.box:nth-child(2){padding-top: 80px; border-left: 0;}
    #detail .flex>.box:nth-child(1){ margin-top: 80px; margin-left: 0%}

    #detail .flex{flex-direction: column;}
    #detail .flex .width40,
    #detail .flex .width60{width: 100%;}
    #detail .flex>.box:nth-child(2) .list{padding-left: 0;}
}

.process .flexList {--x-gap: 3rem; --y-gap:3rem;}
.process h3.case {padding: 0.5rem 1rem; border-radius: 100px; width: fit-content; margin: auto; line-height: 1; text-align: center;}

.kind .flexList {max-width: 1200px; width: 100%; margin: auto;}
.kind .box {background-position: center !important; background-size: cover !important; padding: 5rem;}
.kind h2 span {color: #70706e;}
.kind h4 {background: rgba(190,183,171,0.2); width: fit-content; margin: auto; padding: 0.5rem 1rem;}

/* 수액클리닉 */
.kind.IVinjection .box {height: 38.75rem; position: relative;}
.kind.IVinjection .box .txt {position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); width: 100%; padding: 0 1rem;}

/* 배경 */
.kind.IVinjection .box.box1 {background: url("/img/sub/antiAging/IVinjection_kind_bg01.jpg") no-repeat; }
.kind.IVinjection .box.box2 {background: url("/img/sub/antiAging/IVinjection_kind_bg02.jpg") no-repeat; }
.kind.IVinjection .box.box3 {background: url("/img/sub/antiAging/IVinjection_kind_bg03.jpg") no-repeat; }
.kind.IVinjection .box.box4 {background: url("/img/sub/antiAging/IVinjection_kind_bg04.jpg") no-repeat; }

@media(max-width:380px) {
    .kind.IVinjection .box {height: 42rem;}
    .kind.IVinjection .box .txt {bottom: 3rem;}
}

.method .flexList {--y-gap: 5rem;}

@media(max-width:768px) {
    .method .contbox {flex-direction: column;}
    .method .cont {width: 100% !important;}
    .method .cont.width60 {margin-top: 5rem;}
}

@media(max-width:350px) {
    .method .desc br {display: none !important;}
    .method .desc br.no {display: block !important;}
}

.point.point2.S-clinic .box {border: 1px solid rgba(255,255,255,0.8); padding: 3.5rem 2rem;}
.point.point2.S-clinic .box .line {width: 1.5rem; height: 1px; background: rgba(255,255,255,0.8); margin: 1rem auto 1.5rem;}

@media(max-width:1240px) {
    .point.point2.S-clinic .flexList.width80 {width: 100%;}
}

.laser#hairRemoval {background: url("/img/sub/specialClinic/hairRemoval_laser_bg.jpg") no-repeat; background-position: left; background-size: cover;}
.laser#hairRemoval .txt {width: 50%; float: right;}

@media(max-width:768px) {
    .laser#hairRemoval {background-position: 40% !important;}
    .laser#hairRemoval .txt {width: 60%;}
}

@media(max-width:500px) {
    .laser#hairRemoval {padding: 40px 0;}
    .laser#hairRemoval .txt {width: 70%;}
}
.equip_list .box{cursor: pointer;}
.eq_pop{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);background: rgba(0, 0, 0, .5);z-index: 9999999; width: 100%; height: 100%; display: none;}
.eq_pop .eq_wrap{position: absolute;
width: 90%;
max-width: 1000px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}
.eq_pop .eq_colse{position: absolute; top: 10%; right: 5%; cursor: pointer;}
.eq_pop .eq_tit{padding-left: 5rem; padding-right: 5rem;}
.eq_pop .bg_txt{background: url("/img/sub/charmgoeun/eq_bg.jpg") no-repeat; background-position: center !important; background-size: cover !important; padding-left: 5rem; padding-right: 5rem;}
.eq_pop .bg_txt .flex{margin-bottom: 5rem;}
.eq_pop .bg_txt .t2 span, .eq_pop .bg_txt .t5 span{background: #e2ded5;
    border-radius: 3px;
    padding: 0.5rem 1.25rem;
    font-weight: 500;
    color: #70706e;
    margin-left: 0.5rem;
    display: inline-block; margin-bottom: 0.5rem; }
    .eq_pop .bg_txt .t2 br.mo{display: none;}
@media(max-width:990px) {
    .eq_pop .bg_txt br{display: none;}
    .eq_pop .bg_txt .flex{flex-direction: column;}
    .eq_pop .bg_txt .flex .t5 span:nth-child(1){margin-left: 0;}
    
}

@media(max-width:768px) {
    .eq_pop .eq_tit, .eq_pop .bg_txt{padding-left: 3rem; padding-right: 3rem;}
    .eq_pop .eq_colse{right: 3rem;}
    
}

/* 비급여 */
#nonebenefit table {width: 100%; border-collapse: collapse;}
#nonebenefit th {border: 1px solid #c4bfb6; padding: 1rem;}
#nonebenefit td {border: 1px solid rgba(var(--pointcolor-rgb), 0.2); padding: 1rem;}
#nonebenefit th {background: rgba(var(--point2color-rgb), 0.8); color: #f9f6ee; line-height: 1.2;}

@media(max-width:768px) {
    #nonebenefit .tit {margin-top: 5rem;}
    #nonebenefit .table-wrap {overflow-x: scroll; padding-bottom: 4rem;}
    #nonebenefit table {width: 1000px;}
    #nonebenefit ::-webkit-scrollbar {height: 4px;}
    #nonebenefit ::-webkit-scrollbar-track {background: rgba(0, 0, 0, .25);}
}

@media(max-width:350px) {
        #nonebenefit .tit p br {display: none !important;}
}