@charset "utf-8";

/* 공통 */
/* .pt100 {padding-top:var(--header-height);} */
.txt-white {color:#fff !important;}
.txt-pink {color:#f1597f !important;}

.font-mont {font-family:var(--font-mont);}
.font-nanum {font-family:var(--font-nanum);}

.doc-cnt {margin-bottom:140px;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-tit {position:relative; margin-bottom:50px; padding-bottom:25px; font-size:38px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; text-align:center;}
.doc-tit strong {font-weight:700;}
.doc-tit:before {content:''; position:absolute; left:50%; bottom:0; margin-left:-24px; width:48px; height:8px; background:url('../images/sub/dots.png') no-repeat 50% 50%; background-size:contain;}

.highlight {display:inline-block; position:relative;}
.highlight:before {content:''; position:absolute; width:100%; height:18px; background:#f79bb2; left:0; bottom:0; z-index:-1;}

.quote {display:inline-block; width:27px; height:25px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; vertical-align:top;}
.quote.left {background-image:url('../images/sub/icon-quote-left.png');}
.quote.right {background-image:url('../images/sub/icon-quote-right.png');}

.sub-top-cont {position:relative; padding-left:215px;}
.sub-top-cont .tit {position:absolute; left:0; top:80px; font-size:45px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.sub-top-cont .tit strong {display:block; font-size:60px; font-weight:700;}
.sub-top-cont .txt-wrap {position:relative; width:100%; max-width:626px; padding:50px; margin:-195px 0 0 auto; background: linear-gradient(120deg, #f4567e, #f79bb2); color:#fff;}
.sub-top-cont .txt-wrap p {margin-bottom:25px;}
.sub-top-cont .txt-wrap p:last-child {margin-bottom:0;}
.sub-top-cont .txt-wrap .tt {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em;}
.sub-top-cont .txt-wrap .tx {font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em;}

.treatment-area {position:relative; padding:80px 0 100px;}
.treatment-area:before {content:''; position:absolute; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); z-index:-1; background:url('../images/sub/treatment-bg.jpg') no-repeat 50% 50%; background-size:cover;}
.treatment-area ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -68px;}
.treatment-area ul li {width:33.333%; padding:0 68px; text-align:center;}
.treatment-area ul li.wide {width:100%;}
.treatment-area ul li .img {margin-bottom:25px; border-radius:100%; box-shadow:1px 1px 30px rgba(0,0,0,0.1);}
.treatment-area ul li .img {display:inline-block;}
.treatment-area ul li .tit {font-size:25px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.treatment-area ul li .txt {margin-top:8px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

.use-product ul {display:flex;}
.use-product ul li {flex:1; text-align:center; border-right:1px solid #ddd; padding:0 10px;}
.use-product ul li:last-child {border-right:0;}
.use-product ul li .img {display:flex; align-items:flex-end; justify-content:center; margin-bottom:35px;}
.use-product ul li .tit {margin-bottom:8px; font-size:30px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.use-product ul li .txt {font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}
.use-product ul li .tt {margin-bottom:20px; font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.use-product ul li .tx {font-size:24px; font-weight:600; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.use-product.type1 ul li .img {min-height:315px;}

.effective ul {display:flex; flex-wrap:wrap; margin:-10px;}
.effective ul li {width:33.333%; padding:10px; color:#fff;}
.effective ul li:nth-child(1) .in {background:rgba(246,66,111,1);}
.effective ul li:nth-child(2) .in {background:rgba(246,66,111,0.9);}
.effective ul li:nth-child(3) .in {background:rgba(246,66,111,0.8);}
.effective ul li:nth-child(4) .in {background:rgba(246,66,111,0.7);}
.effective ul li:nth-child(5) .in {background:rgba(246,66,111,0.6);}
.effective ul li:nth-child(6) .in {background:rgba(246,66,111,0.5);}

/* 2x2 */
.effective.type2 ul li {widtH:50%;}

/* 3x2 */

/* 2x1 */
.effective.type4 ul li {widtH:50%;}

.effective ul li .in {position:relative; padding:38px; border-radius:30px 0; height:100%;}
.effective ul li .in:before {content:''; position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); left:10px; top:10px; border:1px solid rgba(255,255,255,0.6); border-radius:30px 0;}
.effective ul li .num {margin-bottom:25px; font-size:60px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em;}
.effective ul li .txt {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em;}

.sub-qna .box {border:1px solid #fac3d1; margin-bottom:10px; padding:40px;}
.sub-qna .box:last-child {margin-bottom:0;}
.sub-qna .box > div {display:flex;}
.sub-qna .box .tag {margin-right:20px; width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:600; letter-spacing:-0.03em; color:#fff; border-radius:100%;}
.sub-qna .box .tit {flex:1 1 auto; min-width:0; width:1%; padding-top:8px; font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.sub-qna .box .txt {flex:1 1 auto; min-width:0; width:1%; padding-top:10px; font-size:17px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}
.sub-qna .box .q {padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #fac3d1;}
.sub-qna .box .q .tag {background:#f12659;}
.sub-qna .box .a .tag {background:#f79bb2;}

.injection-cate .wrap {border:14px solid #fdebef; padding:70px 30px;}
.injection-cate ul {display:flex; justify-content:space-around;}
.injection-cate ul li {padding:0 10px;}

.equipment .wrap {position:relative; display:flex; flex-direction:row-reverse; margin:0 -50px;}
.equipment .wrap:before {content:''; position:absolute; width:1px; height:100%; left:50%; top:0; margin-left:-0.5px; background:#ddd;}
.equipment .wrap .group {widtH:50%; padding:0 50px;}
.equipment .wrap ul li {margin-bottom:100px;}
.equipment .wrap ul li:last-child {margin-bottom:0;}
.equipment .wrap ul li .img {margin-bottom:30px;}
.equipment .wrap ul li .img:last-child {margin-bottom:0;}
.equipment .wrap ul li .cnt {padding-left:18px;}
.equipment .wrap ul li .tit {font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.equipment .wrap ul li .txt {margin-top:10px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}
.equipment .tit-wrap {padding:82px 0 155px 20px;}
.equipment .tit-wrap .tt {margin-bottom:25px; font-size:40px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.equipment .tit-wrap .tt:last-child {margin-bottom:0;}
.equipment .tit-wrap .tt strong {display:block; font-size:50px; font-weight:800; color:#242424;}
.equipment .tit-wrap .tx {font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}

/* 의료진 소개 */
.staff .top-cont {display:flex; align-items:center; margin-bottom:140px;}
.staff .top-cont .img {border-radius:0 50px; overflow:hidden;}
.staff .top-cont .img img {width:100%;}
.staff .top-cont .cnt {flex:1 1 auto; min-width:0; width:1%; padding-left:70px; text-align:center;}
.staff .top-cont .tit {margin-bottom:24px; font-size:35px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.staff .top-cont .txt {font-size:20px; font-weight:700; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}
.staff .top-cont .sign {margin-top:18px; font-size:22px; font-weight:700; color:#242424;}

.staff .info {display:flex; align-items:flex-end;}
.staff .info .img {position:relative;}
.staff .info .txt-wrap {flex:1 1 auto; min-width:0; width:1%; position:relative; padding:55px 75px;}
.staff .info .txt-wrap:after {content:''; position:absolute; width:787px; height:96px; background:url('../images/sub/staff-txt.png') no-repeat 50% 50%; right:0; top:5px; transform:translateY(-100%); z-index:-1;}
.staff .info .txt-wrap:before {content:''; position:absolute; width:100vw; height:100%; left:50%; bottom:0; transform:translateX(-62%); background:#fcf8f9; z-index:-1;}
.staff .info .tit {margin-bottom:20px; font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.staff .info .tit strong {font-size:26px;}
.staff .info .in {display:flex;}
.staff .info .in > div {width:50%;}
.staff .info ul {margin-bottom:22px;}
.staff .info ul:last-child {margin-bottom:0;}
.staff .info ul li {position:relative; padding-left:15px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#242424;}
.staff .info ul li:before {content:''; position:absolute; width:5px; height:5px; background:#f592ab; left:0; top:10px; border-radius:100%;}

/* 둘러보기 */
.tour .imgSlider {position:relative; margin-bottom:20px;}
.tour .slick-arrow {position:absolute; z-index:1; top:50%; width:35px; height:64px; margin-top:-32px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; background-color:transparent; border:0; text-indent:-999em; overflow:hidden;}
.tour .slick-prev {background-image:url('../images/sub/sld-prev.png'); left:30px;}
.tour .slick-next {background-image:url('../images/sub/sld-next.png'); right:30px;}
.tour .thumbSlider .slick-list {margin:0 -5px;}
.tour .thumbSlider .slick-current:before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #f1597f;}
.tour .thumbSlider .slick-slide {margin:0 5px; opacity:0.5; position:relative; cursor:pointer;}
.tour .thumbSlider .slick-current {opacity:1;}

/* 오시는 길 */
.root_daum_roughmap {width:100% !important; height:500px !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}
.location .map {margin-bottom:90px;}
.local-info {display:flex; margin-bottom:90px;}
.local-info .way {width:36.666%;}
.local-info .box {width:33.333%; padding-right:10px;}
.local-info .box .comp {margin-bottom:12px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#f1597f;}
.local-info .box .addre {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.local-info .box .tit {margin-bottom:20px; padding-left:38px; position:relative; font-size:22px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.local-info .box .tit:before {content:''; position:absolute; width:30px; height:30px; background-repeat:no-repeat; background-size:contain; left:0; top:0; background-position:50% 50%;}
.local-info .box.time .tit:before {background-image:url('../images/sub/local-icon-time.png');}
.local-info .box.tel .tit:before {background-image:url('../images/sub/local-icon-tel.png');}
.local-info .box dl {margin-bottom:7px; display:flex; font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.local-info .box dl:last-child {margin-bottom:0;}
.local-info .box dt {min-width:110px;}
.local-info .box dd {font-weight:500; flex:1 1 auto; min-width:0; width:1%;}
.local-info .box .small {margin-top:15px;}
.local-info .box .small p {font-size:15px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545;}
.local-info .box .num {margin-bottom:25px; font-size:30px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.local-info .box .btns a {display:flex; align-items:center; margin-bottom:10px; max-width:170px; padding:0 22px; height:50px; border-radius:100vh; font-weight:400; letter-spacing:-0.03em;}
.local-info .box .btns a:last-child {margin-bottom:0;}
.local-info .box .btns a img {display:inline-block; margin-right:9px;}
.local-info .box .btns .kakao {background:#f9e000; color:#391b1b;}
.local-info .box .btns .naver {background:#06bd34; color:#fff;}
.location .col-tit {margin-bottom:20px; position:relative; padding-left:40px; font-size:22px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.location .col-tit:before {content:''; position:absolute; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; left:0; top:0;}
.location .col-tit.tit1:before {background-image:url('../images/sub/icon-way1.png');}
.location .col-tit.tit2:before {background-image:url('../images/sub/icon-way2.png');}
.location .col-tit.tit3:before {background-image:url('../images/sub/icon-way3.png');}
.location .col {margin-bottom:20px; font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}
.location .col:last-child {margin-bottom:0;}
.location .col .subway {display:inline-block; margin-right:10px; padding:5px 7px; border-radius:100vh; font-size:15px; font-weight:400; line-height:1em; letter-spacing:-0.03em; color:#fff; border-radius:100vh; vertical-align:top;}
.location .col .subway.line5 {background:#5b24d7;}
.location .col .subway.line9 {background:#9a791f;}
.location .col .bar {display:inline-block; widtH:1px; height:10px; margin:0 10px; background:#ddd; vertical-align:middle;}
.location .col .bus1 {color:#06bd34;}
.location .col .bus2 {color:#1c44c5;}
.location .col .bus3 {color:#e91e1e;}
.location .col .bus4 {color:#37acdd;}

/* 수액테라피 */
.sap-info {position:relative; padding:100px 0; color:#fff;}
.sap-info:before {content:''; position:absolute; width:100vw; height:100%; top:0; left:50%; transform:translateX(-50%); background:url('../images/sub/sap-bg.jpg') no-repeat 50% 50%; background-size:cover; z-index:-1;}
.sap-info .tit-wrap {text-align:center; margin-bottom:60px;}
.sap-info .tit-wrap .tit {margin-bottom:13px; font-size:38px; font-weight:600; line-height:1.3em; letter-spacing:-0.03em;}
.sap-info .tit-wrap .txt {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em;}
.sap-info .col {display:flex; margin-bottom:45px;}
.sap-info .col:last-child {margin-bottom:0;}
.sap-info .col-tit {width:240px; font-size:26px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em;}
.sap-info .in {flex:1 1 auto; min-width:0; width:1%; font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em;}

/* 바디주사 */
.body-injection-cate {position:relative; padding:100px 0;}
.body-injection-cate:before {content:''; position:absolute; width:100vw; height:100%; top:0; left:50%; transform:translateX(-50%); background:url('../images/sub/body-bg.jpg') no-repeat 50% 50%; background-size:cover; z-index:-1;}
.body-injection-cate .wrap ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(33.333%, auto)); margin:-10px;}
.body-injection-cate .wrap ul li {padding:10px; text-align:center;}
.body-injection-cate .wrap ul li:nth-child(3) {grid-column: 3 / span 2; grid-row: 1 / span 2;}
.body-injection-cate .wrap ul li .in {background:#fff; height:100%; box-shadow:6px 6px 18px rgba(0,0,0,0.1);}
.body-injection-cate .wrap ul li .info {padding:20px 10px;}
.body-injection-cate .wrap ul li .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; padding:20px 10px; background:#f1597f;}
.body-injection-cate .wrap ul li .txt {margin-bottom:15px; font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}
.body-injection-cate .wrap ul li .txt:last-child {margin-bottom:0;}
.body-injection-cate .wrap ul li:nth-child(even) .tit {background:#f797af;}

/* 20250527  유지보수 */    
.ba-list {margin-bottom:100px;}
.ba-list table tbody td {height: 90px !important;}
.ba-list .img-wrap {display:flex; align-items:center; justify-content:center;}
.ba-list .img-wrap .arrow {margin: 0 20px;}
.ba-list .img-wrap .temp {width: 100%;}
.ba-list .img-wrap .img {position:relative; padding-bottom:58.59%; overflow:hidden; width: 100%;}
.ba-list .img-wrap .img img {margin: 0; position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}