/* 슬라이드 - 공통 */
.swiper-button-next, .swiper-button-prev {position: inherit !important; width: fit-content !important; height: auto !important; margin-top: 0 !important; color: #000 !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1;}

/* 버튼 */
.page-wrap {display: flex; align-items: center; gap: .5rem;}
.page-wrap > div {width: 3.75rem !important; height: 3.75rem !important; border-radius: 50%; position: relative;}
.swiper-button-prev {background: transparent; border: 1px solid #000;}
.swiper-button-next {background: #000;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 0 !important;}
.swiper-button-next:after {content: url("/lng/img/sub/next-arrow.png") !important;}
.swiper-button-prev:after {content: url("/lng/img/sub/prev-arrow.png") !important;}

@media(max-width:990px) {
    .page-wrap > div  {width: 5rem !important; height: 5rem !important;}
}

/* 서브페이지 */
.sub .line {width: 100%; height: 1px; background: #000;}

/* 서브타이틀 */
.subTitle {background: #f0edea; height: 21.875rem;}
.subTitle2 img {position: relative; z-index: 2;}

@media(max-width:990px) {
    .subTitle {margin-top: 75px; height: 46.25rem;}
    .subTitle2 {margin-top: 75px;}
    div, span, p, ul, ol, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { word-break: break-all; }
}

/* 철학 */
.sub #philosophy.section01 {background: #d5d5d3;}
.sub #philosophy.section01 .cont_box.flex {align-items: flex-end;}
.sub #philosophy.section01 .box.img img {width: 91.25rem;}
.sub #philosophy.section01 .box.txt {margin-left: -10%; padding-bottom: 8.75rem;}

@media(max-width: 1440px) {
    .sub #philosophy.section01 .box.img img {width: 80rem;}
}

@media(max-width: 1240px) {
    .sub #philosophy.section01 .box.img img {width: 65rem;}
}

@media(max-width:990px) {
    .sub #philosophy.section01 .tit {width: 90%; margin: auto;}
    .sub #philosophy.section01 .cont_box.flex {flex-direction: column; align-items: center;} 
    .sub #philosophy.section01 .box.img {order: 1; margin-top: -3.5rem;}
    .sub #philosophy.section01 .box.img img {width: 100%;}
    .sub #philosophy.section01 .box.txt {margin-left: 0; text-align: center; margin-top: 3.5rem; padding-bottom: 0; width: 90%;}
}

@media(max-width:500px) {
    .sub #philosophy.section01 .box.img {order: 1; margin-top: -1.5rem;}
}

@media(max-width:420px) {
    .sub #philosophy.section01 .box.txt br {display: none !important;}
}

.sub #philosophy.section02 {background: #d5d5d3; background-image: url("/lng/img/sub/philosophy_bg.jpg"); background-size: cover;}
.sub #philosophy.section02 .cont_box.flex {align-items: flex-end;}
.sub #philosophy.section02 .box.img {width: 91.25rem;}
.sub #philosophy.section02 .box.txt {margin-left: -10%; padding-bottom: 8.75rem; margin-top: 10rem;}

@media(max-width: 1440px) {
    .sub #philosophy.section02 .box.img {width: 80rem;}
}

@media(max-width: 1240px) {
    .sub #philosophy.section02 .box.img {width: 65rem;}
}

@media(max-width:990px) {
    .sub #philosophy.section02 {background-image: none;}
    .sub #philosophy.section02 .tit {width: 90%; margin: auto;}
    .sub #philosophy.section02 .cont_box.flex {flex-direction: column; align-items: center;} 
    .sub #philosophy.section02 .box.txt {margin-left: 0; text-align: center; margin-top: 3.5rem; padding-bottom: 0; width: 90%; margin-bottom: 80px;}
    .sub #philosophy.section02 .box.img {width: 100%; margin-top: -3rem;}
    .sub #philosophy.section02 .box.img img {mix-blend-mode: darken; width: 100%;}
}

@media(max-width:420px) {
    .sub #philosophy.section02 .box.txt br {display: none !important;}
}


.sub #philosophy.section03 .cont_box > .flex-center {gap: 1.5rem;}
.sub #philosophy.section03 .cont_box  h4 {border: 1px solid #000; border-radius: 100px; width: 11.25rem; text-align: center; padding: 0.25rem; margin-right: 1.5rem;}

@media(max-width:990px) {
    .sub #philosophy.section03 .cont_box > .flex-center {flex-direction: column; gap: 3.5rem;}
}

@media(max-width:500px) {
    .sub #philosophy.section03 .cont_box div.flex {flex-direction: column; align-items: flex-start; gap: 1.5rem;}
    .sub #philosophy.section03 .cont_box br {display: none !important;}
}

.sub #philosophy.section04 {background: #f0edea;}
.sub #philosophy.section04 h2 span {color: #ff7d63;}

@media(max-width:768px) {
    .sub #philosophy.section04 {padding-top: 80px;}
    .sub #philosophy.section04 img {margin: auto;}
}

@media(max-width:420px) {
    .sub #philosophy.section04 p br {display: none !important;}
}


/* 맨처음섹션 */
.sub #intro .flexList {--y-gap: 3.5rem;}
.sub #intro .box.img p {position: absolute; left: 50%; transform: translateX(-50%); bottom: 2rem; opacity: 0.6; z-index: 1;}
.sub #intro ul li img {margin-top: 0.35rem;}

@media(max-width:580px) {
    .sub #intro ul li {flex-wrap: wrap;}
    .sub #intro ul li span {width: 100%;}
    .sub #intro p br {display: none !important;}
}

/* 아코디언섹션 */
.sub #acco ul li {padding: 2rem 0; border-bottom: 1px solid #000; position: relative; cursor: pointer;}
.sub #acco ul li:after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: url("/lng/img/common/plus.png");}
.sub #acco ul li.on:after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: url("/lng/img/common/minus.png");}
.sub #acco ul li h3 {width: 90%;}
.sub #acco ul li p {width: 90%; padding-left: 3rem;}
.sub #acco ul li:first-child {padding-top: 0;}

@media(max-width: 990px) {
    .sub #acco ul li h3,
    .sub #acco ul li p {width: 85%;}
}

/* prescription */
@media(max-width:1440px) {
    .sub #prescription p br {display: none !important;}
}

@media(max-width:1240px) {
    .sub #prescription img {width: 100%;}
}

/* 4개 flexList */
.sub #list .flexList {--y-gap: 2rem;}

/* 커스텀 수액 */
.sub #Custom {margin-bottom: 6.25rem;}
.sub #Custom h2 span {color: #f7a862;}
.sub #Custom .imgbox {margin-top: 12rem;}
.sub #Custom .imgbox img {width: 33rem;}

.sub #Custom ul {width: 100%; height: 100%;}
.sub #Custom ul li {position: absolute;}
.sub #Custom ul li:nth-child(1) {right: 23rem; top: -8rem;}
.sub #Custom ul li:nth-child(2) {right: 10rem; top: 5.5rem;}
.sub #Custom ul li:nth-child(3) {right: 10rem; top: 20rem;}
.sub #Custom ul li:nth-child(4) {right: 25rem; top: 35rem;}
.sub #Custom ul li:nth-child(5) {left: 30rem; top: 35rem;}
.sub #Custom ul li:nth-child(6) {left: 10rem; top: 20rem;}
.sub #Custom ul li:nth-child(7) {left: 10rem; top: 5.5rem;}
.sub #Custom ul li:nth-child(8) {left: 23rem; top: -8rem;}


.sub #Custom ul li h3 {background: var(--light-gray); width: fit-content; padding: 0.25rem 1.5rem; border-radius: 50px;}
.sub #Custom ul li p {padding-left: 1.25rem;}

@media(max-width:1440px) {
    .sub #Custom ul li:nth-child(1) {right: 18rem;}
    .sub #Custom ul li:nth-child(2) {right: 5rem;}
    .sub #Custom ul li:nth-child(3) {right: 5rem;}
    .sub #Custom ul li:nth-child(4) {right: 20rem;}
    .sub #Custom ul li:nth-child(5) {left: 25rem;}
    .sub #Custom ul li:nth-child(6) {left: 5rem;}
    .sub #Custom ul li:nth-child(7) {left: 5rem;}
    .sub #Custom ul li:nth-child(8) {left: 18rem;}

}

@media(max-width:1240px) {
    .sub #Custom ul li:nth-child(2) {right: 2rem;}
    .sub #Custom ul li:nth-child(3) {right: 2rem;}
    .sub #Custom ul li:nth-child(4) {right: 15rem;}
    .sub #Custom ul li:nth-child(5) {left: 20rem;}
}

@media(max-width:990px) {
    .sub #Custom {margin-bottom: 0;}
    .sub #Custom .imgbox {margin-top: 5rem;}
    .sub #Custom ul {display: flex; flex-wrap: wrap; gap: 2%;}
    .sub #Custom ul li {position: initial; width: 48%; margin-top: 3.5rem;}
}

@media(max-width:500px) {
    .sub #Custom ul li {width: 100%;}
}

/* 시스템 스와이퍼 */
@media(max-width:360px) {
    .sub #system .tit {flex-direction: column; }
    .sub #system .tit .page-wrap {margin-top: 1.5rem; justify-content: flex-end}
}

/* 주사공통 */
.sub #infusion .flexList {width: 57rem;}
.sub #infusion .flexList .box {background: #000; padding: 1.5rem; display: flex; flex-direction: column; justify-content: space-between}
.sub #infusion .imgbox img {height: 100%;}
.sub #infusion .imgbox p {position: absolute; left: 1.5rem; bottom: 1.5rem; z-index: 1;}

@media(max-width:1240px) {
    .sub #infusion .imgbox {margin-right: 3.5rem;}
    .sub #infusion .flexList {width: 70rem;}
}

@media(max-width:990px) {
    .sub #infusion .flex-between {flex-direction: column;}
    .sub #infusion .flexList {width: 100%; margin-top: 3.5rem;}
    .sub #infusion .imgbox {margin-right: 0;}
    .sub #infusion .imgbox img {height: auto;}
}

/* 의료진 */
@media(max-width:1240px) {
    .sub #team .box.pr-100 {padding-right: 4.5rem;}
}

@media(max-width:990px) {
    .sub #team .box.pr-100 {padding-right: 0;}
}

@media(max-width:580px) {
    .sub #team h3 br {display: none !important;}
}

.sub #thesis {background: #e4e4e4;}

/* 인테리어 */
.sub #interior .page-wrap {display: flex; justify-content: space-between; width: 100%; height: 12rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.sub #interior .page-wrap > div {width: 3rem !important; height: 12rem !important; position: relative; border-radius: 0; background: rgba(0,0,0,0.3); border: none; top: 0;}
.sub #interior .swiper-button-next:after, .swiper-button-prev:after {font-size: 0 !important;}
.sub #interior .swiper-button-next {right: 0 !important;}
.sub #interior .swiper-button-prev {left: 0 !important;}
.sub #interior .swiper-button-next:after {content: url("/lng/img/sub/next-arrow2.png") !important;}
.sub #interior .swiper-button-prev:after {content: url("/lng/img/sub/prev-arrow2.png") !important;}

/* 시스템 */
.sub #system01 .container{background: url("/lng/img/sub/system_bg.jpg") no-repeat; background-position: center; background-size: cover;}

.doc_info{background-image: url(/lng/img/sub/doc_bg.jpg); background-repeat: no-repeat; background-position: right; background-size: cover;}

/* 시스템 */
.sub #safety.section01 .container{background: url("/lng/img/sub/safety_bg.jpg") no-repeat; background-position: center; background-size: cover;}
.sub #safety.section01 .tit {width: 90%; margin: auto;}


.Surgery{background-image: url(/lng/img/sub/Surgery_bg.jpg); background-repeat: no-repeat; background-size: cover;  background-position: center;}
.Surgery .container{position: relative; height: 800px; }
.Surgery .font-25{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%;}
.experts .c00{background-color: rgba(0,0,0,.9); width: 280px; height: 280px; border-radius: 50%; position: absolute; bottom: 10%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.experts .container{position: relative;}
.experts .c01{left: 25%; padding: 2.5rem 0;}
.experts .c02{left: 50%; padding: 2.5rem 0;}
.experts .c03{left: 75%; padding: 4rem 0;}

#BeAf .flexList .flexList{--x-gap: .8rem}
@media(max-width: 1550px) {
    .experts .c00{width: 230px; height: 230px;}

}
@media(max-width: 1240px) {
    .experts .c_wrap{display: flex; flex-wrap: wrap; justify-content: center; background-color: #f5f5f5; width: 90%; padding: 1.5rem; margin: auto; margin-top: -150px; position: relative; z-index: 2;}
    .experts .c00{position: relative; top: auto; left: auto; right: auto; bottom: 0; transform: none; border-radius: 0; width: 49.5%; margin-bottom: 20px; height: auto;}
    .experts .c01{margin-right: .5%;}
    .experts .c02{margin-left: .5%;}
    .experts .c03{margin-bottom: 0;}
    
}


@media(max-width:680px) {
    .sub #safety.section01 br.mo {display: none !important;}
}

.sub #safety.section02 .num {border: 1px solid #000; width: fit-content; border-radius: 50%; width: 3.875rem; height: 3.875rem; text-align: center; line-height: 3.875rem;}
.sub #safety.section02 .flexList {--y-gap : 5rem;}

@media(max-width:680px) {
    .sub #safety.section02 br.mo {display: none !important;}
}

@media(max-width:768px) {
    .Surgery .container {height: 600px !important;}
}

@media(max-width:650px) {
    .Surgery .container {height: 450px !important;}
}

@media(max-width:500px) {
    .Surgery{padding-bottom: 280px;}
    .Surgery .container {height: 220px !important;}
    .Surgery .font-25{bottom: -250px !important;}

    .experts .c_wrap{margin-top: 20px; width: 100%;}
    .experts .c00{width: 100%;}
    .experts .c01{margin-right: 0;}
    .experts .c02{margin-left: 0;}
}
      


/* 오시는길 */
.sub #desc .cont_box {background-image: url("/lng/img/sub/infor_bg.jpg"); background-position: right; background-size: cover;}
.sub #desc .cont_box .txt {width: 90%; margin: auto; padding: 9.375rem 0;}
.sub #desc .cont_box .txt h3 {border: 1px solid #000; width: 13.125rem; text-align: center; padding: 0.5rem 1rem; margin-right: 1.5rem;}

@media(max-width:990px) {
    .sub #desc .cont_box .txt h3 {width: 18rem;}
    .sub #desc .cont_box .txt > .flex {flex-direction: column; align-items: flex-start;}

    .doc_info{position: relative; background-position: 70%; color: #fff;}
    .doc_info .container{position: relative; z-index: 2;}
    .doc_info::after{display: block; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; z-index: 1;}
}

@media(max-width:600px) {
    .sub #desc .cont_box {position: relative;}
    .sub #desc .cont_box:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); content: ""; z-index: 1;}
    .sub #desc .cont_box .txt {position: relative; z-index: 2;}

    .doc_info{background-position: 80%;}
}
@media(max-width:500px) {
    .doc_info{background-position: 77%;}
}
.sub #map .tit h2 {border: 1px solid #000; width: fit-content; margin: 1rem auto 0; padding: 1rem 2rem;}

.sub #map .box.map {width: 60%;  height: 36.25rem;}
.sub #map .box.map iframe { height: 100%; width: 100%;}
.sub #map .box.txt {background: #ebebeb; width: 40%;}
.sub #map .box.txt ul {gap: 1.5rem;}
.sub #map .box.txt ul li {width: 6.25rem; height: 6.25rem; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1.3;}
.sub #map .box.txt ul li:nth-child(1) {background: #ff7300;}
.sub #map .box.txt ul li:nth-child(2) {background: #a71e30;}

@media(max-width:990px) {
    .sub #map .cont_box > .flex {flex-direction: column;}
    .sub #map .box.map {width: 100%;}
    .sub #map .box.txt {width: 100%; padding: 6.25rem 1rem;}
    .sub #map .box.txt ul li {width: 10rem; height: 10rem;}
}

.sub #way .flexList {--y-gap: 6.25rem;}
.sub #way .icon img {width: 8.125rem;}

@media(max-width:990px) {
    .sub #way .icon img {width: 8.125rem; margin: 0;}
}