/* intro공통하단 */
#I_subBottom {background: url("/img/sub/intro/introbg.jpg");}
#I_subBottom .contBox {position: relative; opacity: 0.5; padding: 1.5rem 0; transition: 0.3s ease-in-out; cursor: url("/img/sub/intro/cursor.png"), auto;}
#I_subBottom .contBox_wrap li a {border-bottom: 1px solid #a0a0a0; display: block;}
#I_subBottom .contBox_wrap li a:first-child {border-top: 1px solid #a0a0a0; display: block;}
#I_subBottom .contBox:hover {opacity: 1;}
#I_subBottom .contBox::after {position: absolute; left: 60%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.3s ease-in-out; content: "";  width: 450px; height: 254px;}
#I_subBottom .contBox.box1::after { background: url("/img/sub/intro/contBox01.png") no-repeat; background-size: cover; z-index: 1;}
#I_subBottom .contBox.box2::after {background: url("/img/sub/intro/contBox02.png") no-repeat; background-size: cover; z-index: 2;}
#I_subBottom .contBox.box3::after {background: url("/img/sub/intro/contBox03.png") no-repeat; background-size: cover; z-index: 3;}
#I_subBottom .contBox.box4::after {background: url("/img/sub/intro/contBox04.png") no-repeat; background-size: cover; z-index: 4;}
#I_subBottom .contBox:hover::after {opacity: 1;}

@media (max-width:990px) {
    #I_subBottom .contBox::after {width: 315px; height: 177.8px; left: 67%;}
}

@media (max-width:990px) {
    #I_subBottom .contBox::after {width: 225px; height: 127px;}
}

@media (max-width:768px) {
    #I_subBottom .contBox::after {left: 70%;}
}

@media (max-width:650px) {
    #I_subBottom .contBox::after {display: none;}
}

@media (max-width:375px) {
    #I_subBottom .font-70 {white-space: wrap !important;}
}

/* 병원소개 */
.md_intro.sec01 {background-color: #27262b; background: url("/img/sub/intro/medicalIntro/sec01_bg.jpg"); background-position-x: 25%;}
.md_intro.sec01 .box_wrap.mt {margin-top: 150px; position: relative; z-index: 1;}
.md_intro.sec01 .txt_box .txt_pad {padding-left: 7.1875rem;}
.md_intro.sec01 .uppercase {text-transform: uppercase;}
.md_intro.sec01 .r_img {position: absolute; top: 28%; right: 0; transform:translateY(-50%); width: 50%;}
.light_blue {color: #cddaed;}


@media (max-width:1180px) {
    .md_intro.sec01 .l_img img {width: 95%;}
}
@media (max-width:990px) {
    .md_intro.sec01 .r_img {position: relative; width: auto; transform:translateY(0);}
    .md_intro.sec01 .r_img img {border-radius:10px;}
    .md_intro.sec01 .l_img {order:2; margin-top: 3rem;}
    .md_intro.sec01 .l_img img {width: auto;}
    .md_intro.sec01 .txt_box .txt_pad {padding-left: 0;}
    .md_intro.sec01 .box_wrap.mt {margin-top: 0;}
    .md_intro.sec01 .box_wrap.mb-100 {margin-bottom: 3rem;}
    .md_intro.sec01 .box_wrap.pt-100 {padding-top: 2rem;}
}
.md_intro.sec02 {position: relative;}
.md_intro.sec02 .special_bg {background: #edeef3; position: relative;}
.md_intro.sec02 .special_bg:after {position: absolute; left: 3%; top: 0%; content:""; border-left: 2px solid #b9bdcf; height: 100%; opacity: 45%;}
.md_intro.sec02 .special_box {position: relative;}
.md_intro.sec02 .special_box .span_img {position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); z-index: 1;}
.md_intro.sec02 .special_box .span_img img {animation :rotate360 10s linear infinite;}
.md_intro.sec02  .special_txt {color: #b9bdcf;}
.md_intro.sec02 .tit_box {width: 40%; height: 35rem;}
.md_intro.sec02 .r_img img {position: relative; right: -20%;}


@keyframes rotate360 {
	0% {
		transform : rotate(0deg)
	}

	50% {
		transform : rotate(180deg)
	}

	100% {
		transform : rotate(360deg)
	}
}


@media (max-width:1660px) {
    .md_intro.sec02 .special_bg:after {left: 2%;}
}

@media (max-width:1600px) {
    .md_intro.sec02 .special_bg:after {left: 1%;}
}


@media (max-width:1550px) {
    .md_intro.sec02 .special_bg:after {left: 2%;}
}

@media (max-width:1480px) {
    .md_intro.sec02 .tit_box {width: 60%;}
    .md_intro.sec02 .r_img img {right: -10%;}
}

@media (max-width:1440px) {
    .md_intro.sec02 .special_box .span_img img {width: 90%;}
}

@media (max-width:1380px) {
    .md_intro.sec02 .special_box .span_img {left: 49%;}
}

@media (max-width:1240px) {
    .md_intro.sec02 .r_img img {right: -15%;}
    .md_intro.sec02 .special_box .span_img {left: 51%;}
    .md_intro.sec02 .special_box .span_img img {width: 80%;}
}

@media (max-width:1024px) {
    .md_intro.sec02 .r_img img {right: -20%;}
}

@media (max-width:1150px) {
    .md_intro.sec02 .special_box .span_img {left: 50%;}
}


@media (max-width:990px) {
    .md_intro.sec02 .tit_box {width: 100%; margin-top: 3rem; height: auto;}
    .md_intro.sec02 .tit_box p {margin-bottom: 3rem;}
    .md_intro.sec02 .special_box {flex-direction: column;}
    .md_intro.sec02 .r_img img {right: 0; margin-top: 3rem;}
    .md_intro.sec02 .span_img {display:none;}
}

.md_intro.sec03 {background: #48609e;}
.md_intro.sec03 .system_box {background: #5875bf; border: 1px solid #7896e0; border-radius:5px; padding: 0.3rem 1rem;}
    
    
/* 의료진소개 */
.doctor.sec01 {background: linear-gradient(#fff 30%, #e9eaf1);}
.doctor.sec02 {background: linear-gradient(#fff 0.5%, #e9eaf1);}
.doctor.sec03 {background: linear-gradient(#fff 0.5%, #e9eaf1);}
.doctor.sec01 .img_box, .doctor.sec02 .img_box, .doctor.sec03 .img_box {padding: 2rem;}
.doctor.sec01 ul li, .doctor.sec02 ul li, .doctor.sec03 ul li {margin-top: 0.8rem;}
.doctor.sec01 .flexList, .doctor.sec02 .flexList, .doctor.sec03 .flexList {--x-gap:0rem;}

.doctor .bg_txt { color: #48609e; opacity: 10%; text-transform: uppercase;}
.doctor.sec01 .bg_txt .txt_r {position: absolute; right: -12%; top: 500px;}
.doctor.sec01 .bg_txt .txt_l {position: absolute; left: -36%; bottom: 200px;}

.doctor.sec02 .bg_txt .txt_r {position: absolute; right: -30%; bottom: 200px;}
.doctor.sec02 .bg_txt .txt_l {position: absolute; left: -7%; top: 150px;}

.doctor.sec03 .bg_txt .txt_r {position: absolute; right: -12%; top: 150px;}
.doctor.sec03 .bg_txt .txt_l {position: absolute; left: -14%; bottom: 190px;}

.doctor.sec02 .box:first-child {order:2}

@media (max-width:1550px) {
    .doctor.sec01 .bg_txt .txt_r {top: 380px;}
    .doctor.sec01 .bg_txt .txt_l {left: -45%; bottom: 150px;}
    .doctor.sec02 .bg_txt .txt_r {right: -34%; bottom: 120px;}
    .doctor.sec03 .bg_txt .txt_r {right: -10%; top: 150px;}
    .doctor.sec03 .bg_txt .txt_l {left: -14%; bottom: 130px;}
}

@media (max-width:1240px) {
    .doctor.sec01 .bg_txt .txt_r {top: 350px;}
    .doctor.sec02 .bg_txt .txt_l {top: 100px;}
}

@media (max-width:1024px) {
    .doctor.sec01 .bg_txt .txt_r {top: 300px;}
}

@media (max-width:990px) {   
    .doctor .img_box img {width: 95%;}
    .doctor.sec02 .box:first-child {order:0}
    .doctor .box.pl-80 {padding-left: 2rem;}
    .doctor .box.pr-80 {padding-left: 2rem;}
    .doctor .box.txt_box {margin-top: 3rem;}
    .doctor .flexList.pt-100 {padding-top: 0;}
    .doctor ul.mt-100 {margin-top: 3.125rem;}

    .doctor.sec01 .bg_txt .txt_r {top: 180px;}
    .doctor.sec01 .bg_txt .txt_l  {bottom: 50px;}
    .doctor.sec02 .bg_txt .txt_l {top: 15px;}
    .doctor.sec02 .bg_txt .txt_r {right: -9%; bottom: 50px;}
    .doctor.sec03 .bg_txt .txt_r {top: 15px;}
    .doctor.sec03 .bg_txt .txt_l {bottom: 50px;}
}

@media (max-width:500px) {
    .doctor.sec01 .bg_txt .txt_r {top: 220px;}
    .doctor.sec03 ul.list {flex-direction: column;}
    .doctor.sec03 ul.list ul.pl-30 {padding-left: 0;}
}

@media (max-width:400px) {
    .doctor.sec01 .bg_txt .txt_r {top: 230px;}
}

/* 진료시간&오시는길 */
.infor.sec01,.infor.sec02 {position: relative;}
.infor.sec01:after, .infor.sec02:after {position: absolute; content: ""; border-bottom: 3px solid #e4e4e4; max-width: var(--layoutwidth); left: 50%; transform: translateX(-50%); bottom: 0; width: 100%;}
.infor.sec01 .snsBox, .infor.sec03 .snsBox  {gap: 2rem;}
.infor.sec01 .snsBox .Naver {background: #2eb500; width: 11.25rem; border-radius: 25px; padding: 0.8rem; transition: 0.3s;}
.infor.sec01 .snsBox .Naver img {filter: brightness(0) invert(1);}
.infor.sec01 .snsBox .Kakao {background: #fee500; width: 11.25rem; border-radius: 25px; padding: 0.8rem;}

.infor.sec03 .snsBox  .Ad {background: #48609e; width: 11.25rem; border-radius: 25px; padding: 0.8rem; color: #fff;}
.infor.sec03 .snsBox  .Ad img {filter: brightness(0) invert(1);}
.infor.sec03 .time li {padding-top: 1rem;}
.infor.sec03 .time p.day {width: 30%;}

.infor.sec02 .descwrap {padding: 1rem 0; gap: 3%; }
.infor.sec02 .descwrap p {line-height: 2.125rem; width: 45%;}
.infor.sec02 .dot {width: 1rem; height: 1rem; border-radius: 50%; background-color: #363636;}
.infor.sec02 .dot.dot1 {background-color: #48609e;}
.infor.sec02 .dot.dot2 {background-color: #48aeed;}
.infor.sec02 .dot.dot3 {background-color: #d69a43;}
.infor.sec02 .dot.dot4 {background-color: #489965;}
.infor.sec02 .descBox {width: 55%;}

@media (max-width:990px) {
    .infor.sec02 .m_boxWrap {display: flex;}
    .infor.sec02 .descwrap {width: 50%; align-items: center;}
    .infor.sec02 .descBox {width: 40%;}
    .infor.sec02 .descwrap p {width: 60%; line-height: 30px;}
    .infor.sec02 .descwrap h3 {line-height: 30px;}
}

@media (max-width:768px) {
    .infor.sec03 .time {padding-top: 2rem;}
    .infor.sec03 .time p.day {width: 20%;}
}

@media (max-width:660px) {
    .m_boxWrap {flex-direction: column;}
    .infor.sec02 .descwrap {flex-direction: column; width: 100%;}
    .infor.sec02 .descBox {width: 100%;}
    .infor.sec02 .descwrap p {margin-top: 1rem; width: 100%;}
    .infor.sec02 .descBox .visible-sm , .infor.sec02 .descwrap .hidden-xxs{display: none !important;}
}

@media (max-width:550px) {
    .infor.sec01 .snsBoxWrap {flex-direction: column; align-items: flex-start !important; gap: 2rem;}
}

@media (max-width:450px) {
    .infor.sec03 .time p.day {width: 25%;}
}

/* 병원 둘러보기 */
.interior.sec01 {position: relative; z-index: 1;}
.interior.sec01:after {position: absolute; content: ""; border: 1px solid #f1f1f1; width: 37.5rem; left: -15px; top: 185px; transform: rotate(-12deg); z-index: -1;}
.interior.sec01:before {position: absolute; content: ""; border: 1px solid #f1f1f1; width: 37.5rem; right: -65px; top: 445px; transform: rotate(12deg); z-index: -1;}
.interior.sec01 p {line-height: 2.125rem;}
.interior.sec01 .interiorSwiper {max-width: 1920px; padding: 6rem 0;}
.interior.sec01 .swiper-slide {margin: auto; vertical-align: middle;text-align: center;  padding-right: 20px;}
/* .interior.sec01 .swiper-slide-active { margin: auto; padding-right: 20px; transform: scale(2); z-index: 1;} */

.interior.sec01 .swiper-pagination {width: fit-content; position: absolute; left:auto; right: 24%; bottom: 17%;}
.interior.sec01 .swiper-pagination-current {color: var(--pointcolor); font-size: 2.1875rem;}

.interior.sec01 .buttonWrap {position: absolute; right: 23%; top: 41%; z-index: 10;}
.interior.sec01 .buttonWrap .scrollButton {width: 6.25rem; height: 6.25rem; border-radius: 50%; background: #48609e; line-height: 6.25rem; text-align: center; color: #fff; font-weight: bold; margin: 0 0.5rem;}
.interior.sec01 .buttonWrap .swiper-button-next {position: relative; padding-top: 15px;}
.interior.sec01 .buttonWrap .swiper-button-prev {position: relative; padding-top: 15px; color: #48609e;}

@media (max-width:1420px) {
    .interior.sec01:after {top: 130px;}
    .interior.sec01:before {top: 345px;}
}

@media (max-width:1240px) {
    .interior.sec01 .buttonWrap {right: 16%; top: 40%;}
    .interior.sec01 .swiper-pagination {right: 17%; bottom: 15%;}
}

@media (max-width:990px) {
    .interior.sec01:after {top: 100px;}
    .interior.sec01:before {top: 280px; right: -175px;}
    .interior.sec01 .swiper-slide-active {transform: scale(1.5);}
    .interior.sec01 .buttonWrap {right: 12%; top: 36%;}
    .interior.sec01 .swiper-pagination {right: 13%; bottom: 12%;}
}

@media (max-width:768px) {
    .interior.sec01 .buttonWrap {top: 38%;}
}

@media (max-width:680px) {
    .interior.sec01 .interiorSwiper {margin-top: 1.5rem !important;}
    .interior.sec01 .buttonWrap {right: 11%; top: 40%;}
    .interior.sec01 .swiper-pagination {bottom: 15%;}
}

@media (max-width:640px) {
    .interior.sec01 .buttonWrap {top: 38%;}
}

@media (max-width:586px) {
    .interior.sec01 .buttonWrap {top: 45%;}
}

@media (max-width:550px) {
    .interior.sec01 .interiorSwiper {margin-top: 0rem !important;}
    .interior.sec01 .swiper-slide-active {transform: scale(1.2);}
    .interior.sec01 .buttonWrap {right: 1%; top: 40%;}
    .interior.sec01 .swiper-pagination {right: auto; left: 50%; transform: translateX(-50%); bottom: 10%;}
}

@media (max-width:450px) {
    .interior.sec01 .buttonWrap {top: 41%;}
}

@media (max-width:420px) {
    .interior.sec01 .buttonWrap {top: 43%;}
}

@media (max-width:398px) {
    .interior.sec01 .buttonWrap {top: 46%;}
    .interior.sec01 .swiper-pagination {bottom: 11%;}
}

@media (max-width:375px) {
    .interior.sec01 .font-70 {white-space: wrap;}
}

/* 24-01-25 둘러보기 수정*/

.interior.sec01 .swiper-slide-active { margin: auto; padding-right: 20px; width: 150% !important; max-width: 855px; z-index: 1;}
.interior.sec01 .swiper.interiorSwiper {position: relative; left: 40%; transform: translateX(-50%); overflow: visible; max-width: none; width: 100%;}
.interior.sec01 .swiper-pagination {right: 22.5%;bottom: 21%;}

@media (max-width:1420px) {
    .interior.sec01 .swiper.interiorSwiper {    left: 35%;}
}

@media (max-width:990px) {    
    .interior.sec01 .swiper-slide-active, .interior.sec01 .swiper-slide {transform: unset; width: 84% !important; }
    .interior.sec01 .swiper.interiorSwiper {    left: auto; transform: unset; }   
    .interior.sec01 .swiper-pagination {right: 13%; bottom: 12%;} 
}


/* 안전시술감성케어 */
.SPEcare.sec01 {background: #fff;}
.SPEcare.sec01 .subTop .label .box {background: #5875bf; padding: 1rem 0; border-radius: 3px;}
.SPEcare p {line-height: 2.125rem;}
.SPEcare.sec01 .listBox img {border-radius: 10px;}
.SPEcare.sec01 .num {border: 2px solid rgba(72, 96, 158, 0.3); color: var(--pointcolor); width: fit-content; margin: auto; padding: 0.25rem 3rem; border-radius: 32px;}

.SPEcare.sec02 {background: url("/img/sub/special/SPEcare/sec02_bg.jpg") no-repeat; background-size: cover; background-position: center;}
.SPEcare.sec02 h2 {position: relative; width: fit-content;}
.SPEcare.sec02 h2:after {position: absolute; content: ""; background: url("/img/sub/special/SPEcare/line.png"); width: 169px; height: 1px; background-size: cover; right: -200px; top: 50%; transform: translateY(-50%);}

@media (max-width:990px) {
    .SPEcare.sec01 .box.mt-100 {margin-top: 0;}
    .SPEcare.sec01 .listBox { --y-gap: 4.00rem;}
    .SPEcare.sec02 h2:after {right: -190px;}
}

@media (max-width:450px) {
    .SPEcare.sec02 h2:after {width: 125px; right: -140px; background-position-x: right;}
}

@media (max-width:400px) {
    .SPEcare.sec02 h2:after {width: 95px; right: -110px;}
}

/* PrivateSpecialVIP프로그램 */

.vip_P.sec01 {background: url("/img/sub/special/VIPprogram/sec01_bg.jpg") no-repeat; background-size: cover; background-position: center;}

.vip_P.sec01 h2 {letter-spacing: 0.5rem; text-transform: uppercase;}
.vip_P p {line-height: 2.125rem;}

.vip_P.sec02 p.E_txt {color: #b9bdcf !important;}
.vip_P.sec02 ul li {padding-top: 0.5rem;}
.vip_P.sec02 .flexList {padding: 100px 0; width: 85%; margin: auto; }
.vip_P.sec02 .flexList {position: relative;}
.vip_P.sec02 .flexList:nth-child(even) .box:first-child {
    order: 2;
}

.vip_P.sec02 .flexList .box:nth-child(1) {
    position: relative; left: 0; top: 0;
}

.vip_P.sec02 .flexList:nth-child(even)::after {
    position: absolute; background: url("/img/sub/special/VIPprogram/line.png") no-repeat; left: 50%; top: -97px; transform: translateX(-50%); content: ""; background-size: 645px 202px; background-position: center; width: 645px; height: 202px;
}

.vip_P.sec02 .flexList:nth-child(3)::after {
    position: absolute; background: url("/img/sub/special/VIPprogram/line.png") no-repeat; left: 50%; top: -97px; transform: translateX(-50%) scaleX(-1); content: ""; background-size: 645px 202px; background-position: center; width: 645px; height: 202px;
}

@media (max-width:1480px) {
    .vip_P.sec02 .flexList {width: 95%;}
}

@media (max-width:1380px) {
    .vip_P.sec02 .flexList {width: 100%;}
}

@media (max-width:1240px) {
    .vip_P.sec02 .flexList:nth-child(even)::after,
    .vip_P.sec02 .flexList:nth-child(3)::after {background-size: 595px 202px;}
}

@media (max-width:1024px) {
    .vip_P.sec02 .flexList:nth-child(even)::after,
    .vip_P.sec02 .flexList:nth-child(3)::after {background-size: 475px 202px;}
}


@media (max-width:990px) {
    .vip_P.sec02 .flexList:nth-child(even)::after,
    .vip_P.sec02 .flexList:nth-child(3)::after {display: none;}
    .vip_P.sec02 .flexList {padding: 50px 0; width: 100%; --y-gap: 2.5rem;}
    .vip_P.sec02 .flexList:nth-child(even) .box:first-child {
        order: 0;
    }
    .vip_P.sec02 .flexList .box:last-child {width: fit-content; margin: auto;}
    .vip_P.sec02 {text-align: center;}
}

@media (max-width:500px) {  .vip_P.sec02 .flexList {padding: 25px 0;}}

/* 메디컬 파워 슬리밍 */
#section01.slimming.philosophy .cont_txt .side_bg_img {
    background: url("/img/sub/medical/Slimming/slimming01.jpg");
    background-size: cover;
}

#section05.point.sub.slimming {background-image: url("/img/sub/medical/Slimming/point_slimming_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;
}

#section06.slimming.area .area_list li:nth-child(1) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area01_h.png");}
#section06.slimming.area .area_list li:nth-child(1) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area01.png");
}
#section06.slimming.area .area_list li:nth-child(2) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area02_h.png");}
#section06.slimming.area .area_list li:nth-child(2) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area02.png");
}
#section06.slimming.area .area_list li:nth-child(3) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area03_h.png");}
#section06.slimming.area .area_list li:nth-child(3) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area03.png");
}
#section06.slimming.area .area_list li:nth-child(4) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area04_h.png");}
#section06.slimming.area .area_list li:nth-child(4) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area04.png");
}
#section06.slimming.area .area_list li:nth-child(5) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area05_h.png");}
#section06.slimming.area .area_list li:nth-child(5) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area05.png");
}
#section06.slimming.area .area_list li:nth-child(6) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area06_h.png");}
#section06.slimming.area .area_list li:nth-child(6) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area06.png");
}
#section06.slimming.area .area_list li:nth-child(7) .area_img_box.active {    background-image: url("/img/sub/medical/Slimming/slimming_area07_h.png");}
#section06.slimming.area .area_list li:nth-child(7) .area_img_box {
    background-image: url("/img/sub/medical/Slimming/slimming_area07.png");
}
#recommend.recommend .imgBox img {border-radius: 10px;}
#recommend.recommend .contlist ul.list .num {color: var(--pointcolor)!important; position: relative;}
#recommend.recommend .contlist ul.list .num:after {
    position: absolute; left: 0; top: 0;;
}
#recommend.recommend .contlist ul.list li {border-bottom: 2px solid rgba(72, 96, 158, 0.3); padding: 1.5rem 0;}
#recommend.recommend .contlist ul.list .num.num01:after {content: "01.";}
#recommend.recommend .contlist ul.list .num.num02:after {content: "02.";}
#recommend.recommend .contlist ul.list .num.num03:after {content: "03.";}
#recommend.recommend .contlist ul.list .num.num04:after {content: "04.";}
#recommend.recommend .contlist ul.list .num.num05:after {content: "05.";}
#recommend.recommend .contlist ul.list .num.num06:after {content: "06.";}
#recommend.recommend .contlist ul.list .num.num07:after {content: "07.";}
#recommend.recommend .contlist ul.list .num.num08:after {content: "08.";}
#recommend.recommend .contlist ul.list .num.num09:after {content: "09.";}
#recommend.recommend .contlist ul.list .num.num10:after {content: "10.";}

@media (max-width:990px) {
    #recommend.recommend .contlist {margin-top: 3rem;}
    #recommend.recommend .imgBox img {width: 100%;}
    #recommend.recommend .imgBox img.width80 {width: 100%;}
}

.effect.sub.slimming .effect_list li {border-radius: 50%; margin-right: 1.25rem; margin-bottom: 4rem; display: flex; flex-direction: column;    align-items: center; border: 2px solid rgba(72, 96, 158, 0.3); width: 330px; height: 330px; position: relative;}

.effect.sub.slimming .effect_list li .list {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

.effect.sub.slimming .effect_list li:last-child,.effect.sub.slimming {margin-right: 0;}

.effect.sub.slimming .effect_list li .list .line {height: auto; background: none;}

@media (min-width: 1860px) {
    .effect.sub.slimming .effect_list li.break {margin-right: 0 !important;}
}

@media (max-width: 990px) {
    .effect.sub.slimming .effect_list li {margin-bottom: 2rem;}
}

@media (max-width: 768px) {
    .effect.sub.slimming .effect_list li {width: 300px; height: 300px;}
}

@media (max-width: 700px) {
    .effect.sub.slimming .effect_list li {width: 280px; height: 280px;}
}

@media (max-width: 650px) {
    .effect.sub.slimming .effect_list li {width: 240px; height: 240px;}
}

@media (max-width: 580px) {
    .effect.sub.slimming .effect_list li {width: 200px; height: 200px;}
    .effect.sub.slimming .effect_list li img {width: 40px; height: 40px;}
}

@media (max-width: 480px) {
    .effect.sub.slimming .effect_list li {width: 180px; height: 180px;}
    .effect.sub.slimming p.font-20 {padding-top: 1rem;}

}

@media (max-width: 430px) {
    .effect.sub.slimming .effect_list li {width: 160px; height: 160px;}

}

@media (max-width: 390px) {
    .effect.sub.slimming .effect_list li {width: 150px; height: 150px;}

}


/* 웨딩 메디컬 프로그램 */
#section01.wedding.philosophy .cont_txt .side_bg_img {
    background: url("/img/sub/medical/Wedding/wedding01.jpg");
    background-size: cover;
}

#section05.point.sub.wedding {background-image: url("/img/sub/medical/Wedding/point_wedding_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;
}

#reason.sub.reason .contBox { background-image: url("/img/sub/medical/Wedding/reason_wedding_bg.png"); background-repeat: no-repeat;
    background-position: center 60%; background-size: 700px;
}

#reason.sub.reason .contBox p {
    line-height: 35px;
}

#reason.sub.reason .contBox .Middle {
    width: 90%; margin: auto; padding-top: 60px;
}

#reason.sub.reason .contBox .Bottom {
    width: 60%; margin: auto; padding-top: 190px;
}

@media (max-width:1440px) {
    #reason.sub.reason .contBox .Middle {width: 95%;}
    #reason.sub.reason .contBox .Bottom {width: 65%;}
}

@media (max-width:1280px) {
    #reason.sub.reason .contBox .Middle {width: 100%;}
    #reason.sub.reason .contBox .Bottom {width: 70%;}
}

@media (max-width:1240px) {
    #reason.sub.reason .contBox {background-size: 600px; background-position: center 60%;}
    #reason.sub.reason .contBox .Bottom {padding-top: 150px;}
}

@media (max-width:990px) {
    #reason.sub.reason .contBox {background-size: 530px; background-position: center 60%;}
    #reason.sub.reason .contBox .flexList.Middle {--x-gap:15rem;}
    #reason.sub.reason .contBox .flexList.Bottom {--x-gap:4rem;}
    #reason.sub.reason .contBox .Bottom {padding-top: 120px;}
    #reason.sub.reason .contBox p {line-height: 30px;} 
}

@media (max-width:768px) {
    #reason.sub.reason .contBox {background-image: none;}
    #reason.sub.reason .contBox.mt-100 {margin-top: 3.250rem;}
    #reason.sub.reason .contBox .Middle,#reason.sub.reason .contBox .Bottom {width: 100%; padding-top: 0;} 
    #reason.sub.reason .contBox .flexList {--y-gap:0rem;}
    #reason.sub.reason .contBox .box {margin: 1rem 0; border: 2px solid  rgba(72, 96, 158, 0.3); padding: 2.5rem 0;} 
    #reason.sub.reason .contBox p {line-height: 25px;} 
}

.effect.sub.wedding .effect_list li {border-radius: 10px; margin-right: 1.25rem; margin-bottom: 4rem; display: flex; flex-direction: column;    align-items: center; border: 2px solid rgba(72, 96, 158, 0.3); width: 330px; height: 315px; position: relative;}

.effect.sub.wedding .effect_list li .list {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

.effect.sub.wedding .effect_list li:last-child,.effect.sub.wedding {margin-right: 0;}

.effect.sub.wedding .effect_list li .list .line {height: auto; background: none;}

@media (min-width: 1860px) {
    .effect.sub.wedding .effect_list li.break {margin-right: 0 !important;}
}

@media (max-width: 990px) {
    .effect.sub.wedding .effect_list li {width: 40%; margin: 0; margin-bottom: 3rem;}
    .effect.sub.wedding .effect_list li:nth-child(odd) {margin-right: 3rem;}
}

@media (max-width: 768px) {
    .effect.sub.wedding .effect_list li {width: 45%; height: 280px;}
}

@media (max-width:650px) {
    .effect.sub.wedding .effect_list li .list .line {width: 80%; margin: auto;}
}

@media (max-width:580px) {
    .effect.sub.wedding .effect_list li .list img:nth-child(2) {width: 50px; height: 50px;}
}

@media (max-width:500px) {
    .effect.sub.wedding .effect_list li {width: 46%; margin-bottom: 2rem; height: 220px;}
    .effect.sub.wedding .effect_list li:nth-child(odd) {margin-right: 2rem;}
}

/* 프로그램 _tabMenu */
#program.sub.program {background: #edeef3;}
#program.sub.program .tabBox {padding-left: 5rem;}
#program.sub.program .tabWrap .imgBox > div {display: none;}

#program.sub.program .tabWrap .tabMenu {
    display: flex;
}

#program.sub.program .tabWrap .tabMenu .btn {
    background: #fff;
    border-radius: 23.5px;
    cursor: pointer;
    padding: 0.325rem 2rem;
    line-height: auto !important;
    height: auto !important;
    color: var(--pointcolor);
    margin-right: 1rem;
    transition: 0.6s;
}

#program.sub.program .tabWrap .tabMenu .btn.current {
    background:  var(--pointcolor);
    color: #fff;
}

#program.sub.program .tabWrap .tabList .list {
    padding-top: 1rem;
    border-bottom: 1px solid var(--light-gray );
    width: 70%;
}
#program.sub.program .tabWrap .tabList .list p {padding-bottom: 0.5rem;}
#program.sub.program .tabWrap .tabList .list p:first-child {
    width: 20%;
}

#program.sub.program .tabWrap .tabList #tab-2 .list p:first-child {
    width: 25%;
}

#program.sub.program .tabWrap .tabList .list p:last-child {
    width: 100%;
}

#program.sub.program .tabWrap .tabList .tab-content {display: none;}
#program.sub.program .tabWrap .tabList .tab-content.current {display: inherit;}

@media (max-width:990px) {
    #program.sub.program .tabBox {padding-left: 0; margin-top: 2rem;}
    #program.sub.program .imgBox img {width: 100%;}

    #program.sub.program .tabWrap .tabList .list p:first-child {
        width: 8%;
    }
    #program.sub.program .tabWrap .tabList #tab-2 .list p:first-child {
        width: 10%;
    }
    #program.sub.program .tabWrap .tabList .list {
        width: 100%;
    }
}

@media (max-width:680px) {
    #program.sub.program .tabWrap .tabList .list p:first-child {
        width: 10%;
    }
    #program.sub.program .tabWrap .tabList #tab-2 .list p:first-child {
        width: 12%;
    }
}

@media (max-width:550px) {
    #program.sub.program .tabWrap .tabList .list p:first-child {
        width: 12%;
    }
    #program.sub.program .tabWrap .tabList #tab-2 .list p:first-child {
        width: 16%;
    }
}

@media (max-width:440px) {
    #program.sub.program .tabWrap .tabList .list p:first-child {
        width: 15%;
    }
    #program.sub.program .tabWrap .tabList #tab-2 .list p:first-child {
        width: 20%;
    }
}

@media (max-width:380px) {
    #program.sub.program .tabWrap .tabList .list p:first-child {
        width: 17%;
    }
    #program.sub.program .tabWrap .tabList #tab-2 .list p:first-child {
        width: 22%;
    }
}

/* 출산 후 메디컬 케어 */
#section01.procreation.philosophy .cont_txt .side_bg_img {
    background: url("/img/sub/medical/Procreation/procreation01.jpg");
    background-size: cover;
}
#program.sub.program.procreation .tabWrap .imgBox > div {display: block;}
#program.sub.program.procreation .tabWrap .tabList .list p:first-child {
    width: 25%;
}

@media (max-width:990px) {
    #program.sub.program.procreation .tabWrap .tabList .list p:first-child {
        width: 10%;
    }
}

@media (max-width:680px) {
    #program.sub.program.procreation .tabWrap .tabList .list p:first-child  {
        width: 12%;
    }
}

@media (max-width:550px) {
    #program.sub.program.procreation .tabWrap .tabList .list p:first-child  {
        width: 16%;
    }
}

@media (max-width:440px) {
    #program.sub.program.procreation .tabWrap .tabList .list p:first-child  {
        width: 20%;
    }
    .type.sub.procreation .type_img_box .img-responsive {
        height: 100%;
    }
}

@media (max-width:380px) {
    #program.sub.program.procreation .tabWrap .tabList .list p:first-child  {
        width: 22%;
    }
}

#section05.point.sub.procreation {
    background-image: url("/img/sub/medical/Procreation/point_procreation_bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#section06.procreation.area .area_list li:nth-child(1) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area01_h.png");}
#section06.procreation.area .area_list li:nth-child(1) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area01.png");
}
#section06.procreation.area .area_list li:nth-child(2) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area02_h.png");}
#section06.procreation.area .area_list li:nth-child(2) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area02.png");
}
#section06.procreation.area .area_list li:nth-child(3) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area03_h.png");}
#section06.procreation.area .area_list li:nth-child(3) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area03.png");
}
#section06.procreation.area .area_list li:nth-child(4) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area04_h.png");}
#section06.procreation.area .area_list li:nth-child(4) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area04.png");
}
#section06.procreation.area .area_list li:nth-child(5) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area05_h.png");}
#section06.procreation.area .area_list li:nth-child(5) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area05.png");
}
#section06.procreation.area .area_list li:nth-child(6) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area06_h.png");}
#section06.procreation.area .area_list li:nth-child(6) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area06.png");
}
#section06.procreation.area .area_list li:nth-child(7) .area_img_box.active {    background-image: url("/img/sub/medical/Procreation/procreation_area07_h.png");}
#section06.procreation.area .area_list li:nth-child(7) .area_img_box {
    background-image: url("/img/sub/medical/Procreation/procreation_area07.png");
}

.effect.sub.procreation .effect_list li {border-radius: 50%; margin-right: 1.25rem; margin-bottom: 4rem; display: flex; flex-direction: column;    align-items: center; border: 2px solid rgba(72, 96, 158, 0.3); width: 330px; height: 330px; position: relative;}

.effect.sub.procreation .effect_list li .list {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

.effect.sub.procreation .effect_list li:last-child,.effect.sub.procreation {margin-right: 0;}

.effect.sub.procreation .effect_list li .list .line {height: auto; background: none;}

@media (min-width: 1860px) {
    .effect.sub.procreation .effect_list li.break {margin-right: 0 !important;}
}

@media (max-width: 990px) {
    .effect.sub.procreation .effect_list li {margin-bottom: 2rem;}
}

@media (max-width: 768px) {
    .effect.sub.procreation .effect_list li {width: 300px; height: 300px;}
}

@media (max-width: 700px) {
    .effect.sub.procreation .effect_list li {width: 280px; height: 280px;}
}

@media (max-width: 650px) {
    .effect.sub.procreation .effect_list li {width: 240px; height: 240px;}
}

@media (max-width: 580px) {
    .effect.sub.procreation .effect_list li {width: 200px; height: 200px;}
    .effect.sub.procreation .effect_list li img {width: 40px; height: 40px;}
}

@media (max-width: 480px) {
    .effect.sub.procreation .effect_list li {width: 180px; height: 180px;}
    .effect.sub.procreation p.font-20 {padding-top: 1rem;}

}

@media (max-width: 430px) {
    .effect.sub.procreation .effect_list li {width: 160px; height: 160px;}

}

@media (max-width: 390px) {
    .effect.sub.procreation .effect_list li {width: 150px; height: 150px;}

}

/* 유전체검사 */
#section01.gene.philosophy .cont_txt .side_bg_img {
    background: url("/img/sub/DeAging/gene/gene01.jpg"); background-size: cover;
}

#P_section.gene.process .line {position: relative; background: none;}
#P_section.gene.process .line:after {position: absolute; left: 60px; top: 304px; width: 100%; content: ""; background: url("/img/sub/DeAging/gene/line.png"); background-size: contain; background-position: center center; height: 3px;}
#P_section.gene.process .listBox { position: relative; z-index: 1;}
#P_section.gene.process .listBox .box {position: relative;}
#P_section.gene.process .listBox .box:after {position: absolute;  background: url("/img/sub/DeAging/gene/arrow.png"); content: ""; left: 100%; top: 55px; width: 100%; height: 100%; background-repeat: no-repeat;}
#P_section.gene.process .listBox .box:last-child::after {background: none;}

.point.sub.gene {background-image: url("/img/sub/DeAging/gene/point_gene_bg.jpg"); background-repeat: no-repeat;background-position: center center; background-size: cover;}

/* .point.sub.gene .point_list::after {display: none;} */
.point.sub.gene .point_list li {min-width: calc(75%/3);}

#area.area.sub.gene .contBox {background: url("/img/sub/DeAging/gene/person.png"); background-repeat: no-repeat; background-position: center center; background-size: auto;  background-color: #f5f5f5; border-radius: 10px;}
#area.area.sub.gene .contBox .boxL {border-right: 5px solid var(--pointcolor); padding-right: 20px; width: 25%;}
#area.area.sub.gene .contBox .boxR {border-left: 5px solid var(--pointcolor); padding-left: 20px; width: 25%;}
#area.area.sub.gene .contBox > div {padding: 85px 0; }
#area.area.sub.gene .contBox > div:first-child {padding-top: 200px;}
#area.area.sub.gene .contBox > div:last-child {padding-bottom: 200px;}

#area.area.sub.gene .contBox .TopBox .boxL {position: relative;}
#area.area.sub.gene .contBox .TopBox .boxL::after {
    position: absolute; content: ""; right: -170px; top: 50%; background: url("/img/sub/DeAging/gene/arrow01.png"); background-repeat: no-repeat; width: 165px; height: 200px;  
}

#area.area.sub.gene .contBox .TopBox .boxR {position: relative;}
#area.area.sub.gene .contBox .TopBox .boxR::after {
    position: absolute; content: ""; left: -170px; top: 50%;
    transform: scaleX(-1); background: url("/img/sub/DeAging/gene/arrow01.png"); background-repeat: no-repeat; width: 165px; height: 200px;  
}

#area.area.sub.gene .contBox .MiddleBox .boxL {position: relative;}
#area.area.sub.gene .contBox .MiddleBox .boxL::after {
    position: absolute; content: ""; right: -170px; top: 50%; background: url("/img/sub/DeAging/gene/arrow02.png"); background-repeat: no-repeat; width: 165px; height: 200px;  
}

#area.area.sub.gene .contBox .MiddleBox .boxR {position: relative;}
#area.area.sub.gene .contBox .MiddleBox .boxR::after {
    position: absolute; content: ""; left: -170px; top: 50%; background: url("/img/sub/DeAging/gene/arrow02.png"); transform: scaleX(-1);background-repeat: no-repeat; width: 165px; height: 200px;  
}

#area.area.sub.gene .contBox .BottomBox .boxL {position: relative;}
#area.area.sub.gene .contBox .BottomBox .boxL::after {
    position: absolute; content: ""; right: -170px; top: -73%; background: url("/img/sub/DeAging/gene/arrow01.png"); transform: scaleY(-1);background-repeat: no-repeat; width: 165px; height: 200px;  
}

#area.area.sub.gene .contBox .BottomBox .boxR {position: relative;}
#area.area.sub.gene .contBox .BottomBox .boxR::after {
    position: absolute; content: ""; left: -170px; top: -113%; background: url("/img/sub/DeAging/gene/arrow01.png"); transform: scale(-1) ;background-repeat: no-repeat; width: 165px; height: 200px;  
}

@media (max-width:1580px) {
    #P_section.gene.process .line:after {top: 267px;}
    #P_section.gene.process .listBox .box:after {top:48px;}

    #area.area.sub.gene .contBox .BottomBox .boxL::after {top: -100%; }
    #area.area.sub.gene .contBox .BottomBox .boxR::after {top: -138%; }
}

@media (max-width:1240px) {
    #P_section.gene.process .line:after {top: 250px;}
    #P_section.gene.process .listBox .box:after {top:44px;}
    #P_section.gene.process .line:before {position: absolute; left: 60px; top: 503px; width: 60%; content: ""; background: url("/img/sub/DeAging/gene/line.png"); background-size: contain; background-position: center center; height: 3px;}
    #P_section.gene.process .listBox .box:nth-child(3)::after {display: none;}

    #area.area.sub.gene .contBox  {background-size: 28%;}
    #area.area.sub.gene .contBox > div {padding: 65px 0;}
    #area.area.sub.gene .contBox > div:first-child {padding-top: 150px;}
    #area.area.sub.gene .contBox > div:last-child {padding-bottom: 150px;}

    #area.area.sub.gene .contBox .boxL {width: 30%;}
    #area.area.sub.gene .contBox .boxR {width: 30%;}

    #area.area.sub.gene .contBox .BottomBox .boxL::after {top: -109%; }
    #area.area.sub.gene .contBox .BottomBox .boxR::after {top: -147%; }
}

@media (max-width:1024px) {
    #P_section.gene.process .line:after {top: 212px;}
    #P_section.gene.process .listBox .box:after {top:36px;}
    #P_section.gene.process .line:before { top: 441px; width: 60%; }

    #area.area.sub.gene .contBox  {background-size: 25%;}
    #area.area.sub.gene .contBox > div {padding: 45px 0;}
    #area.area.sub.gene .contBox > div:first-child {padding-top: 100px;}
    #area.area.sub.gene .contBox > div:last-child {padding-bottom: 100px;}

    #area.area.sub.gene .contBox .TopBox .boxL::after{background-size: 70%;}
    #area.area.sub.gene .contBox .TopBox .boxR::after {background-size: 70%;}
    #area.area.sub.gene .contBox .MiddleBox .boxL::after{background-size: 70%;}
    #area.area.sub.gene .contBox .MiddleBox .boxR::after {background-size: 70%;}
    #area.area.sub.gene .contBox .BottomBox .boxL::after {top: -139%; background-size: 70%;}
    #area.area.sub.gene .contBox .BottomBox .boxR::after {top: -192%; background-size: 70%;}
}

@media (max-width:990px) {
    #P_section.gene.process .line:after {top: 221px; width: 96%;}
    #P_section.gene.process .listBox .box:after {top:42px;}
    #P_section.gene.process .line:before {top: 462px; width: 65%; }

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

    #area.area.sub.gene .contBox  {background-size: 35%;}
    #area.area.sub.gene .contBox > div > div:after {display: none;}
    #area.area.sub.gene .contBox > div:first-child {padding-top: 50px;}
    #area.area.sub.gene .contBox > div:last-child {padding-bottom: 50px;}
    #area.area.sub.gene .contBox > div {flex-wrap: wrap; padding: 0 50px;} 
    #area.area.sub.gene .contBox .boxL {width: 100%; margin: 15px auto;}
    #area.area.sub.gene .contBox .boxR {width: 100%; margin: 15px auto;}   
}

@media (max-width:768px) {
    #P_section.gene.process .line:after {top: 203px; width: 93%;}
    #P_section.gene.process .listBox .box:after {top:38px;}
    #P_section.gene.process .line:before {top: 431px; width: 93%; }
    #P_section.gene.process .listBox .box:nth-child(3)::after {display: block;}
    #P_section.gene.process .listBox .box:nth-child(even)::after {display: none;}

    #area.area.sub.gene .contBox  {background-size: 38%;}
    #area.area.sub.gene .contBox > div {flex-wrap: wrap; padding: 0 50px;} 
    #area.area.sub.gene .contBox .boxL {width: 100%; margin: 15px auto;}
    #area.area.sub.gene .contBox .boxR {width: 100%; margin: 15px auto;}
}

@media (max-width:680px) {
    #P_section.gene.process .line:after {width: 90%;}
    #P_section.gene.process .line:before {width: 90%; }
}

@media(max-width:580px) {
    .point.sub.gene .point_list {flex-wrap: wrap;}
    .point.sub.gene .point_list li {min-width: calc(75%/1); margin-left: 0; margin-top: 2%;}
    .point.sub.gene .point_list li:after {top: 74%; right: auto; left: 50%; transform: translateX(-50%);}
    
    #area.area.sub.gene .contBox {background-image: none;}
}

@media (max-width:550px) {
    #P_section.gene.process .line:after {width: 85%;}
    #P_section.gene.process .line:before {width: 85%; }

}


@media (max-width:420px) {
    #P_section.gene.process .line:after {width: 80%;}
    #P_section.gene.process .line:before {width: 80%; }

    .point.sub.gene .point_list li {width: 100%;}

    #area.area.sub.gene .contBox > div {padding: 0 25px;} 
}

#reason.sub.reason.deaging .contBox {
    background-image: url("/img/sub/DeAging/reason_bg.png");
    background-repeat: no-repeat;
    background-position: center 53%;
    background-size: 720px;
}

#reason.sub.reason.deaging .contBox .box {
    border-radius: 50%; border: 2px solid rgba(72, 96, 158, 0.3); width: 250px; height: 250px; margin: auto; background: #fff;
}

#reason.sub.reason.deaging .contBox .Bottom {
    width: 60%;
    margin: auto;
    padding-top: 120px;
}

#reason.sub.reason.deaging .contBox .box {position: relative;}
#reason.sub.reason.deaging .contBox .box > div {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

@media (max-width:1240px) {
    #reason.sub.reason.deaging .contBox .flexList.Middle {--x-gap:11.5rem}
}

@media (max-width:1024px) {
    #reason.sub.reason.deaging .contBox .flexList.Middle {--x-gap:30.5rem}
    #reason.sub.reason.deaging .contBox .flexList.Bottom {width: 75%; padding-top: 95px;}
}

@media(max-width:990px) {
    #reason.sub.reason.deaging .contBox .flexList.Middle {--x-gap:25.5rem}
    #reason.sub.reason.deaging .contBox {background-size: 665px;}
}

@media(max-width:900px) {
    #reason.sub.reason.deaging .contBox .flexList.Middle {--x-gap:20.5rem}
    #reason.sub.reason.deaging .contBox {background-size: 550px;}
    #reason.sub.reason.deaging .contBox .box  {width: 200px; height: 200px;}
    #reason.sub.reason .contBox .Middle {padding-top: 30px;}
}

@media(max-width:768px) {
    #reason.sub.reason.deaging .contBox {background: none;}
    #reason.sub.reason.deaging .contBox .Middle{flex-direction: column; padding-top: 0;}
    #reason.sub.reason.deaging .contBox .flexList.Bottom{flex-direction: column; width: 100%; padding-top: 0;}
    #reason.sub.reason.deaging .contBox .box {margin-top: 2rem; width: 250px; height: 250px;}
}

/* 모발케어 */
#section01.hair.philosophy .cont_txt .side_bg_img {    background-image: url("/img/sub/DeAging/hair/hair01.jpg");     background-size: cover;
}

#section05.point.sub.hair {
    background-image: url("/img/sub/DeAging/hair/point_hair_bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.point.sub.hair .point_list::after {display: none;}
.point.sub.hair .point_list li {min-width: calc(75%/3);}

.point.sub.hair .point_list::after {display: none;}

@media(max-width:990px) {
    .point.sub.hair .point_list li {min-width: 250px; padding: 5rem 0rem;}
}

@media(max-width:580px) {
    .point.sub.hair .point_list {flex-wrap: wrap;}
    .point.sub.hair .point_list li {min-width: calc(75%/1); margin-left: 0; margin-top: 2%;}
    .point.sub.hair .point_list li:after {top: 74%; right: auto; left: 50%; transform: translateX(-50%);}
}

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

/* The안티에이징 _ 항노화  */

/* tab버튼 */
#tab.sub.tabBtn .tab {display: flex; gap: 2%; justify-content: center; flex-wrap: wrap;}
#tab.sub.tabBtn .tab li {color: var(--pointcolor); width: 15.625rem; text-align: center; padding: 1.5rem 0; transition: 0.3s; cursor: pointer; border-radius: 10px;} 
#tab.sub.tabBtn .tab li:hover {background: #F1EFEF;}
#tab.sub.tabBtn .tab li.current {color: #fff; background: var(--pointcolor);}

#subtit.anti {background: url("/img/sub/DeAging/antiAging/anti_bg.jpg"); background-size: cover;}
#subtit.detox {background: url("/img/sub/DeAging/antiAging/detox_bg.jpg"); background-size: cover;}
#subtit.immune {background: url("/img/sub/DeAging/antiAging/immune_bg.jpg"); background-size: cover;}

#section01.anti.philosophy .cont_txt .side_bg_img { background-image: url("/img/sub/DeAging/antiAging/anti01.jpg"); background-size: cover;
}
#section01.detox.philosophy .cont_txt .side_bg_img { background-image: url("/img/sub/DeAging/antiAging/detox01.jpg"); background-size: cover;
}
#section01.immune.philosophy .cont_txt .side_bg_img { background-image: url("/img/sub/DeAging/antiAging/immune01.jpg"); background-size: cover;
}

.therapy .imgBox img {border-radius: 10px;}

.therapy.bottom {position: relative;}
.therapy.bottom:after {position: absolute; left: 50%; top: -70px; transform: translateX(-50%); content: ""; background: url("/img/sub/DeAging/deco.png"); background-repeat: no-repeat; width: 87px; height: 73px;}
.therapy.bottom .txtBox {border-radius: 10px; margin-top: -40px; z-index: 1; position: relative; padding: 2rem; }

#section01.philosophy.detox .cont_txt p.width50 {width: 53%;}
.therapy.bottom.detox .box {border-radius: 10px;}
.therapy.bottom.immune .box {border-radius: 10px;}

@media(max-width:990px) {
    .therapy.bottom:after {top: -44px;}
    #section01.philosophy.detox .cont_txt p.width50 {width: 100%;}
}
@media(max-width:768px) {.therapy.bottom .flexList.width80 {width: 100%;}}
@media(max-width:580px) {.therapy.anti .imgBox img {height: 185px;} 
#tab.sub.tabBtn .tab li:last-child {margin-top: 2rem;}}
.n_420 {display: block;}
@media(max-width:420px) {.n_420{display: none;}}

.tab-content {display: none;}
.tab-content.current { display: inherit;}


/* 얼굴탄력 */

#section01.skinElastic.philosophy .cont_txt .side_bg_img { background: url("/img/sub/face/skinElastic/skinElastic01.jpg"); background-size: cover;}
#section01.skinElastic.philosophy.sub .deco {bottom: 30%;}

#section01.skinElastic.philosophy {position: relative;}
#section01.skinElastic.philosophy .btn_wrap {
    position: absolute; left: 50%; bottom: 0;}
#section01.skinElastic.philosophy .btn_wrap p.btn {
    padding: .5rem 3.75rem 0.5rem 1.25rem;
}

#section04.skinElastic.type.sub {position: relative;}
#section04.skinElastic.type.sub .cont{position: relative;}
#section04.skinElastic.type.sub .title{position: absolute; left: 50%; padding-left: 50px;}
#section04.skinElastic.type.sub .type3.swiper-container {padding-left: 50px;}
#section04.skinElastic.type.sub .desc ul {gap: 3%;}
#section04.skinElastic.type.sub .desc ul li {width: 25%; border-bottom: 1px solid #000; padding-bottom: 0.5rem; padding-top: 0.5rem;}
#section04.skinElastic.type.sub .type.swiper-button-wrap {position: absolute; right: 0; bottom: 0;}
#section04.skinElastic.type.sub .type.swiper-pagination {position: absolute; left: 50%; bottom: 0;}

.point.sub.skinElastic .point_list::after {display: none;}
.point.sub.skinElastic { background-image: url(/img/sub/point_lifting_bg.jpg);background-repeat: no-repeat; background-position: center center; background-size: cover;}

#section05.point.sub.skinElastic .point_list li {min-width: calc(75%/4);}


/*24-01-17 수정*/
#section04.skinElastic.type.sub .title,
#section04.skinElastic.type.sub .type.swiper-pagination {line-height: 1.4; padding-left: 6rem;}
#section04.skinElastic.type.sub .title {top: -10px;}
#section04.skinElastic.type.sub .type3.swiper-container {padding-left: 5.5rem ;}
#section04.skinElastic.type.sub .desc ul li {padding-top: 0;}
#section04.skinElastic.type.sub img.img-responsive.m-auto {max-width: 95%; margin-left: 0 !important;}


@media(max-width:1240px) {
    #section05.point.sub.skinElastic .point_list li {min-width: calc(95%/4);}
}

@media(max-width:990px) {
    #section01.skinElastic.philosophy .btn_wrap {left: 0; bottom: -70px;}
    #section04.skinElastic.type.sub .title {position: relative; left: 0; padding-left: 0; padding-bottom: 3.750rem;}
    #section04.skinElastic.type.sub .type3.swiper-container  {padding-left: 0;}

    #section04.skinElastic.type.sub .imgBox img {width: 100%;}
    #section04.skinElastic.type.sub .type.swiper-button-wrap {bottom: -60px; right: auto; left: 0;}
    #section04.skinElastic.type.sub .type.swiper-pagination { left: auto; right: 0; bottom: -60px;}
    #section04.skinElastic.type.sub .desc ul li {width: 100%; padding-top: 1rem;}
    #section04.skinElastic.type.sub .desc.mt-30 {margin-top: 1rem;}

    #section05.point.sub.skinElastic .point_list li {min-width: 250px; padding: 5rem 0rem;}
}

#section06.skinElastic.area .area_list li:nth-child(1) .area_img_box.active { background-image: url("/img/sub/face/skinElastic/skinElastic_area01_h.png");}
#section06.skinElastic.area .area_list li:nth-child(1) .area_img_box { background-image: url("/img/sub/face/skinElastic/skinElastic_area01.png");}

#section06.skinElastic.area .area_list li:nth-child(2) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area02_h.png");}
#section06.skinElastic.area .area_list li:nth-child(2) .area_img_box {background-image: url("/img/sub/face/skinElastic/skinElastic_area02.png");}

#section06.skinElastic.area .area_list li:nth-child(3) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area03_h.png");}
#section06.skinElastic.area .area_list li:nth-child(3) .area_img_box {background-image: url("/img/sub/face/skinElastic/skinElastic_area03.png");}

#section06.skinElastic.area .area_list li:nth-child(4) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area04_h.png");}
#section06.skinElastic.area .area_list li:nth-child(4) .area_img_box {background-image: url("/img/sub/face/skinElastic/skinElastic_area04.png");}

#section06.skinElastic.area .area_list li:nth-child(5) .area_img_box.active { background-image: url("/img/sub/face/skinElastic/skinElastic_area05_h.png");}
#section06.skinElastic.area .area_list li:nth-child(5) .area_img_box { background-image: url("/img/sub/face/skinElastic/skinElastic_area05.png");}

#section06.skinElastic.area .area_list li:nth-child(6) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area06_h.png");}
#section06.skinElastic.area .area_list li:nth-child(6) .area_img_box {background-image: url("/img/sub/face/skinElastic/skinElastic_area06.png");}

#section06.skinElastic.area .area_list li:nth-child(7) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area07_h.png");}
#section06.skinElastic.area .area_list li:nth-child(7) .area_img_box {background-image: url("/img/sub/face/skinElastic/skinElastic_area07.png");}

#section06.skinElastic.area .area_list li:nth-child(8) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area08_h.png");}
#section06.skinElastic.area .area_list li:nth-child(8) .area_img_box {background-image: url("/img/sub/face/skinElastic/skinElastic_area08.png");}

#section06.skinElastic.area .area_list li:nth-child(9) .area_img_box.active {background-image: url("/img/sub/face/skinElastic/skinElastic_area09_h.png");}
#section06.skinElastic.area .area_list li:nth-child(9) .area_img_box { background-image: url("/img/sub/face/skinElastic/skinElastic_area09.png");}

@media(max-width:768px) {
    #section05.point.sub.skinElastic .point_list li {min-width: 200px;}
} 

@media(max-width:580px) {
    #section05.point.sub.skinElastic .point_list {flex-wrap: wrap;}
    #section05.point.sub.skinElastic .point_list li {min-width: calc(75%/1); margin-left: 0; margin-top: 2%;}
    #section05.point.sub.skinElastic .point_list li:after {top: 74%;
        right: auto; left: 50%; transform: translateX(-50%); }
} 

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

/* 필러/보톡스 */
#section01.FillerBotox.philosophy .cont_txt .side_bg_img {background: url("/img/sub/face/FillerBotox/FillerBotox01.jpg"); background-size: cover;}
#section01.FillerBotox.philosophy.sub .cont_txt h1 {width: 70%;}
#section01.FillerBotox.philosophy .deco {bottom: 30%;}

.FillerBotox ul.tabMenu {display: flex; gap: .725rem;}
.FillerBotox ul.tabMenu li { padding: 0.5rem 1.25rem; border-radius: 22px; background: #fff; color: var(--pointcolor); cursor: pointer;;}
.FillerBotox ul.tabMenu li.current {color: #fff; background: var(--pointcolor);}
.FillerBotox ul.tabMenu.tabwrap {position: absolute; top: 60px;}

.point.sub.FillerBotox {background-image: url("/img/sub//point_lifting_bg.jpg"); background-repeat: no-repeat;background-position: center center; background-size: cover}

#section06.FillerBotox.tabpart {position: relative;} 

#section06.FillerBotox.tabpart .bg_txt {position: absolute; right: 0; top: 60%; transform: translateY(-50%); line-height: 120px; }
#section06.FillerBotox.tabpart .bg_txt p {font-size: 180px; font-weight: 800; opacity: 0.15; writing-mode: vertical-rl; text-transform: uppercase;}

.FillerBotox ul.tabMenu .tab-content {display: none;}
.FillerBotox ul.tabMenu .tab-content.current{
    display: inherit; 
}

#section06.FillerBotox .part_txt.click {opacity: 1; color: var(--pointcolor);}


@media(max-width:1140px) {
    .FillerBotox ul.tabMenu.tabwrap {top: 40px;}
}

@media (max-width:990px) {
    #section06.section {padding-top: 100px !important;}
    .FillerBotox ul.tabMenu.tabwrap {top: -60px;}
    #section01.FillerBotox.philosophy .deco {bottom: 15%;}
    #section01.FillerBotox.philosophy.sub .cont_txt h1 {width: 100%;}

    #section06.FillerBotox.tabpart .bg_txt {top: 70%;}
    #section06.FillerBotox.tabpart .bg_txt p  {font-size: 130px; line-height: 80px;}
}

@media (max-width:768px) {
    .FillerBotox ul.tabMenu.tabwrap {top: -40px;}
}

@media (max-width:620px) {
   
    #section06.FillerBotox.tabpart .bg_txt p {font-size: 100px; line-height: 70px;}
}

@media (max-width:580px) {
    #section06.FillerBotox.tabpart .bg_txt {top: 75%;}
}

@media (max-width:420px) {
    #section06.FillerBotox.tabpart .bg_txt {top: 80%;}
    #section06.FillerBotox.tabpart .bg_txt p {font-size: 80px; line-height: 50px;}
}


/* 커스터마이징 수정 */
.philosophy.sub.customizing .deco {bottom: 35%;}

@media(max-width:990px) {
    .philosophy.sub.customizing .deco {bottom: 15%;}
}

.point.sub.customizing .point_list li {position: relative; min-width: calc(90%/5); padding: 0; width: 20.25rem; height: 176px;}
.point.sub.customizing .point_list li p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

@media(max-width:990px){
    .point.sub.customizing ul.point_list {flex-wrap: wrap;}
    .point.sub.customizing .point_list li {height: 150px; min-width: 270px; margin-top: 2%;}
    .point.sub.customizing .point_list::after {display: none;}
}

@media(max-width:580px) {
    .point.sub.customizing .point_list li {min-width: calc(75%/1); margin-left: 0;}

    .point.sub.customizing .point_list li:after { top: 74%; right: auto; left: 50%; transform: translateX(-50%);
    }
}    

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