.sub .xgap2 {--x-gap:2rem}
.sub .ygap3 {--y-gap:3rem}

.sub .subTit {font-size: 2.75rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.05em;}
.sub .Desc {/* letter-spacing: 0; */ color: var(--textBody);}

.sub .round {background-color: var(--pointBase); color: var(--white); border-radius: 6.25rem; padding: .125rem .7rem; min-width: 2rem; font-size: .875rem; width: fit-content; text-align: center;}


.sub .cont_box {margin-top: 2.5rem;}

@media(max-width:1280px) {
    .sub .subTit {font-size: 2.625rem;}
}
@media(max-width:1024px) {
    .sub .subTit {font-size: 2.275rem;}
}
@media(max-width:768px) {
    .sub .subTit {font-size: 2rem;}
}

/* =========================
  subTop
========================= */
.subTop{height:35rem;}
.subTop .layoutContainer{height: 100%;}

.subTopVisual{position:relative;height:35rem;border-radius:2rem;overflow:hidden;}
.subTopImg{position:absolute;inset:0;}
.subTopImg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%);}
.subTopText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:var(--layoutWidthSub);z-index:2;}

.breadcrumb{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.breadcrumb .home{width:1rem;}
.breadcrumb .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3);}
.breadcrumb .menu{font-size:.9375rem;color:var(--textWhiteBody);}

.subTopTit{font-size:3.5rem;font-weight: 600;color: var(--white);}

@media (max-width:1280px){
.subTop,.subTopVisual{height:30rem;}
}
@media (max-width:1024px){
.subTop{height:25rem;}
.subTopVisual{height:25rem;border-radius:1.5rem;}
.subTopTit{font-size:3rem;}
}
@media (max-width:768px){
.subTopVisual{border-radius:1rem;}
.subTopTit{font-size:2rem;}
}

/* =========================
  about/intro/strength
========================= */
.strengthSwiper .swiper-slide{display:flex;flex-direction:row;align-items:center;gap:5rem;}
.strengthSwiper .swiper-slide .imgBox{width:45%;aspect-ratio:4/3; border-radius:16rem;overflow:hidden;transition:all 1s ease;flex-shrink:0;}
.strengthSwiper .swiper-slide.swiper-slide-active .imgBox{border-radius:1.5rem;}
.strengthSwiper .swiper-slide .imgBox img {height:100%;object-fit:cover;}
.strengthSwiper .swiper-slide .textBox{padding-top: 4rem;}
.strengthSwiper .swiper-slide .textBox .itemHead{display: flex;align-items:center;}
.strengthSwiper .swiper-slide .textBox .label{margin-right:1rem;padding:.5rem 1rem;background:var(--pointBase);border-radius:100px;font-size:.875rem;font-weight:700;color:var(--white);}
.strengthSwiper .swiper-slide .textBox .tit{font-size:1.75rem;font-weight:600;}
.strengthSwiper .swiper-slide .textBox .itemBody{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 0;font-size:1.125rem;}
.strengthSwiper .swiper-slide .textBox .text{color: var(--textBody);}

.controls{display:flex;align-items:center;}
.strengthSwiper .controls{position:absolute;top:3vw;z-index:2;}
.controls .paging {display:flex;align-items:center;}
.controls .pg{display:flex;align-items:center;width:auto;margin:0 1rem;}
.controls .pg .swiper-pagination-current{font-weight:700;}
.controls .pg .bar{position:relative;width:4px;height:4px;margin:0 1rem;background-color:var(--black);opacity:0.3;border-radius:50%;}
.controls .pg .swiper-pagination-total{color:var(--black);opacity:0.3;font-weight:700;}

.swiper-button-prev,
.swiper-button-next{position:static;width:1.5rem;height:1.5rem;cursor:pointer;}
.swiper-button-prev{background: url('/img/sub/pagination.png') no-repeat center / contain;}
.swiper-button-next{background: url('/img/sub/pagination.png') no-repeat center / contain; transform: rotate(180deg);}

@media (max-width:1280px){
    .strengthSwiper .swiper-slide{gap:4rem;}
}
@media (max-width:1024px){
    .strengthSwiper .swiper-slide{gap:2.5rem;}
    .strengthSwiper .swiper-slide .imgBox{width:50%;}
    .strengthSwiper .swiper-slide .textBox .tit{font-size:1.5rem;}
    .strengthSwiper .swiper-slide .textBox .itemBody{margin:1rem 0 0rem;}
}
@media (max-width:768px){
    .strengthSwiper .swiper-slide{flex-direction:column;align-items:flex-start;gap:1.5rem;}
    .strengthSwiper .swiper-slide .imgBox {width:100%;}
    .strengthSwiper .swiper-slide.swiper-slide-active .imgBox{border-radius:1rem;}
    .strengthSwiper .swiper-slide .textBox{padding-top:0;}
    .controls{position:static;margin-bottom:1.5rem;}
}
@media (max-width:480px){
    .strengthSwiper .swiper-slide .textBox .itemHead{flex-direction:column;align-items:flex-start;gap:.5rem}
    .strengthSwiper .swiper-slide .textBox .label{margin-right:0;}
}

/* =========================
  about/intro/location
========================= */
.sub .location{background: var(--bgpoint);}
.location .containerSub{display:flex;justify-content:space-between;align-items:flex-start;}
@media (max-width:768px){
    .location .containerSub{flex-direction:column;gap:2.5rem;}
}

/* =========================
  about/doctor/doctor
========================= */
.doctor .subTopImg{background: url(/img/sub/subTop/doctor.jpg) center / cover no-repeat !important;}

.philosophyList {display:flex;flex-direction:column;gap:4.5rem;}
.philosophyItem {display:flex;flex-direction:row;align-items:center;gap:7rem;}
.philosophyItem:nth-child(even) {flex-direction:row-reverse}
.philosophyItem .imgBox{width:45%;border-radius:1.5rem;overflow:hidden;}
.philosophyItem .textBox{flex:1;}
.philosophyItem .textBox .itemHead{display: flex;align-items:center;}
.philosophyItem .textBox .itemHead .label{margin-right:1rem;padding:4px 1rem;background:var(--pointBase);border-radius:100px;font-size:.875rem;color:var(--white);}
.philosophyItem .textBox .itemHead .tit{font-size:1.75rem;font-weight:600;}
.philosophyItem .textBox .itemBody{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 0;font-size:1.125rem;}
.philosophyItem .textBox .itemBody strong{line-height:1.3;}
.philosophyItem .textBox .itemBody .text{color: var(--textBody);}

.doctor .marquee {width:100%;overflow:hidden;margin:8rem 0;}
.doctor .marquee .track{display:flex;width:max-content;animation:marquee 20s linear infinite;}
.doctor .marquee .track span{flex-shrink:0;font-size:6rem;opacity:.1;white-space:nowrap;font-weight:700;color:var(--pointBase);}

@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.doctorList{display:flex;flex-direction:column;gap:7.5rem;}
.doctorItem{display:flex;align-items:flex-start;gap:5rem;}
.doctorItem .imgBox{width:35%;aspect-ratio:3/4;border-radius:1rem;overflow:hidden;}
.doctorItem .infoBox{flex:1;}
.doctorItem .infoBox .infoHead{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--borderBase);}
.doctorItem .infoBox .infoHead .type{font-size:.9375rem;font-weight:600;color:var(--pointBase)}
.doctorItem .infoBox .infoHead .name{margin-top:0.5rem;font-size:1.75rem;font-weight:700;}
.doctorItem .infoBox .infoBody{display:flex;flex-direction:row;gap:2.5rem;}
.doctorItem .infoBox .infoBody .catalog{flex:1;}
.doctorItem .infoBox .infoBody .catalog .catalogTit{display:block;margin-bottom:1rem;font-size:1.25rem;font-weight:600;}
.doctorItem .infoBox .infoBody .catalog .catalogList{display:flex;flex-direction:column;gap:0.5em;}
.doctorItem .infoBox .infoBody .catalog .catalogList li{color:var(--textBody);line-height:1.3;padding-left:.5em;text-indent:-.5em;font-size: 1rem;}

@media (max-width:1280px){
    .philosophyItem,.doctorItem{gap:4rem;}
}
@media (max-width:1024px){
    .philosophyItem,.doctorItem{gap:3rem;}
    .philosophyItem .imgBox{width:50%;}
    .philosophyItem .textBox .itemHead .tit{font-size:1.5rem;}
    .philosophyItem .textBox .itemBody{margin:1rem 0 0rem;}
}
@media (max-width:768px){
    .philosophyItem{flex-direction:column;align-items:flex-start;gap:1.5rem;}
    .philosophyItem:nth-child(even) {flex-direction: inherit;}
    .philosophyItem .imgBox{width:100%;border-radius:1rem;}

    .doctor .marquee{margin:6rem 0;}
    .doctor .marquee .track span{font-size:2.5rem;}
    
    .doctorItem{flex-direction:column;}
    .doctorItem .imgBox{width:100%;max-width:25rem;}
    .doctorItem .infoBox{width:100%;}
}
@media (max-width:480px){
    .philosophyItem .textBox .itemHead{flex-direction:column;align-items:flex-start;gap:.5rem}
    .philosophyItem .textBox .itemHead .label{margin-right:0;}

    .doctorList{gap:4.375rem;}
    .doctorItem{gap:var(--layoutPadding);}
    .doctorItem .infoBox .infoHead{margin-bottom:var(--layoutPadding);padding-bottom:var(--layoutPadding);}
    .doctorItem .infoBox .infoHead .name{font-size:1.5rem;}
    .doctorItem .infoBox .infoBody{flex-direction:column;gap:var(--layoutPadding);}
    .doctorItem .infoBox .infoBody .catalog .catalogTit{margin-bottom:.5rem;}

    .doctor .marquee{margin:4.5rem 0;}

}

/* =========================
  about/facilities/facilities - 시설
========================= */
.facilities .subTopImg{background: url(/img/sub/subTop/equipment.jpg) center / cover no-repeat !important;}

.facilities .titBox{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:4.5rem;}
.facilities .titBox .sectionTitle{margin-bottom:0;}
.facilities .facilitiesSwiper{position:relative;width:100%;border-radius:22px;overflow:hidden;}
.facilities .facilitiesSwiper .swiper-slide{position:relative;height:600px;overflow:hidden;background:#eee;}
.facilities .facilitiesSwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.facilities .activePlace{position:absolute;z-index:10;left:50%;bottom:24px;transform:translateX(-50%);font-size:16px;line-height:1;font-weight:500;letter-spacing:-0.03em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none;white-space:nowrap;}
.facilities .facilitiesSwiper::after{content:"";position:absolute;z-index:5;inset:auto 0 0;height:100px;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0));pointer-events:none;}
.facilities .facilitiesThumbs{margin-top:25px;}
.facilities .facilitiesThumbs .swiper-slide{aspect-ratio:16/10;height:auto;border-radius:12px;overflow:hidden;cursor:pointer;opacity:.65;transition:.25s;}
.facilities .facilitiesThumbs .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.facilities .facilitiesThumbs .swiper-slide-thumb-active{opacity:1;}

@media(max-width:1279px){
.facilities .titBox{margin-bottom:3rem;}
.facilities .facilitiesSwiper .swiper-slide{height:48vw;max-height:520px;min-height:360px;}
}

@media(max-width:767px){
.facilities .titBox{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;}
.facilities .facilitiesSwiper{border-radius:14px;}
.facilities .facilitiesSwiper .swiper-slide{height:60vw;min-height:220px;max-height:360px;}
.facilities .activePlace{bottom:16px;font-size:14px;}
.facilities .facilitiesSwiper::after{height:70px;}
.facilities .facilitiesThumbs{margin-top:12px;}
.facilities .facilitiesThumbs .swiper-slide{border-radius:8px;}
}
/* =========================
  about/facilities/equipment - 의료기기
========================= */
.equipmentSwiper{overflow:hidden;padding-bottom:50px;}
.equipmentSwiper .swiper-slide{cursor:pointer;}
.equipmentSwiper .imgBox{overflow:hidden;border-radius:20px;background:#f7f7f7;}
.equipmentSwiper .imgBox img{display:block;width:100%;transition:transform .6s ease;}
.equipmentSwiper .swiper-slide:hover .imgBox img{transform:scale(1.08);}
.equipmentSwiper .name{margin-top:1rem;font-size:1.25rem;font-weight:600;}
.equipmentSwiper .swiper-scrollbar{position:static;margin-top:2.5rem;height:2px;background:var(--borderBase);}
.equipmentSwiper .swiper-scrollbar-drag{background:var(--pointBase);border-radius:0;}


/* define */
@media(max-width:767px){
    .sub .define .Img img {margin-left: 0;}
}


/* different */
.sub .different .TitFlex {display: flex; align-items: center; gap: 1rem;}

.sub .different .BgImg {background: no-repeat center / cover; align-self: stretch;}

.sub .different .DescList li {padding: 1rem 0;}
.sub .different .DescList li:nth-child(2) {border-top:1px solid var(--borderBase); border-bottom:1px solid var(--borderBase);}
@media(max-width:767px){
    .sub .different .Img {order:2;}
}


/* beware */
.sub .beware {background-image: linear-gradient(to right, #347AB2, #A0C5E3 );}



/* symptom */
.sub .symptom .symptomList {display: flex; flex-direction: column; gap: .75rem; max-width: 620px; width: 95%; margin-left: auto;}
.sub .symptom .symptomList li {padding: 1rem 1.5rem; background-color: var(--white); border-radius: .5rem;}
.sub .symptom .symptomList li .check {position: relative; padding-left: 2rem; color: var(--black); font-size: 1.125rem;}
.sub .symptom .symptomList li .check:after {content:''; width: 1.5rem; height: 1.5rem; background-image: url('/img/sub/Check.svg'); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: .0625rem;}

@media(max-width:768px){
    .sub .symptom .symptomList {margin-left: 0;}
}



/* process */
.sub .process .Num {font-weight: 700; color: var(--pointBase);}
@media(max-width:990px){
    .sub .process .flexList {flex-wrap: nowrap; --x-gap:0;}    
}


/* process Slide */
.sub .process.Slide .slideInner {padding-left : calc((100% - 1400px) / 2);width:100%;}
@media(max-width:1440px){
    .sub .process.Slide .slideInner {width: 95%; margin-left: auto;}
}


/* system */
.sub .system .systemList {display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;}
.sub .system .systemList li {color: var(--pointBase); padding: .25rem 1rem; border-radius: 2.5rem; border: 1px solid var(--pointBase); font-size: 14px;}



/* examine */
.sub .examine {padding: 0;}
.sub .examine .flexBox {display: flex; align-items: center;}
.sub .examine .BgImg {background: no-repeat center / cover; align-self: stretch; width: 45%;}

.sub .examine .DescBox {padding: 7.5rem 5rem; width: 55%;}
.sub .examine .Desc {max-width: 44.375rem; width: 100%;}

.sub .examine .examineList li {padding: 1rem 0; border-bottom: 1px solid var(--borderBase);}  
.sub .examine .examineList li:last-child {border-bottom: none;}
.sub .examine .TitFlex {display: flex; align-items: flex-start; gap: .7rem;}

.sub .examine .content-wrap {display: flex;align-items: center;}
.sub .examine .img-area {width: 45%;}
.sub .examine .img-area .img-wrap {transform: scale(.8);}
.sub .examine .text-area {width: 55%;}
.sub .examine .text-area .text-wrap {padding: 5rem;}

@media(max-width:1024px){
    .sub .examine .content-wrap{flex-direction: column;}
    .sub .examine .img-area {width: 45%;}
    .sub .examine .text-area {width: 100%;}
    .sub .examine .text-area .text-wrap {padding: 2rem var(--layoutPadding) 8rem;}
}
@media(max-width:768px){
    .sub .examine .flexBox {flex-direction: column;}
    .sub .examine .DescBox {width: 100%; padding: 7.5rem 1.5rem;}
    .sub .examine .BgImg {width: 100%; min-height: 57rem; order: 2;}

    .sub .examine .img-area {width: 100%;}
    .sub .examine .text-area .text-wrap {padding: 0 var(--layoutPadding) 4rem;}

}



/* case */
.sub .case .box {overflow: hidden; border-radius: var(--radius); border:1px solid var(--borderBase)}
@media(max-width:990px){
    .sub .case .flexList {flex-wrap: nowrap; --x-gap:0;}    
}



/* with */
.sub .with {background: no-repeat center / cover; text-align: center; color: var(--white);}


/* dermatology */
.dermatology .processSLideSwiper .list {margin-top: 0.5rem;}
.dermatology .processSLideSwiper .list li {font-size: 1.125rem; color: var(--textBody);}
.dermatology .processSLideSwiper .list li::before{content: ''; display: inline-block; width: 4px;height: 4px;background-color: var(--pointBase);vertical-align:middle; border-radius: 50%; flex-shrink: 0; margin-right: 6px;}


/* medicalDevice */
.medicalDevice .desc span {display:block;margin-bottom:.5rem;font-weight:600;color:var(--black);}
.medicalDevice .pointList li{position: relative;}

.medicalDevice .pointList li:not(:last-child){margin-bottom: 1.5rem;padding-bottom: 1.5rem;}
.medicalDevice .pointList li:not(:last-child)::after {content: '';display: block;position: absolute;bottom: 0;width: 100%;height: 1px;background-color: var(--borderBase);}
.medicalDevice .pointList .label {width:fit-content;margin-bottom:.5rem;text-align:center;font-size:.875rem;font-weight:700;color:var(--pointBase);}
.medicalDevice .pointList li p > b {font-size: 1.5rem;font-weight: 600;}


/* caspecialized */
.specialized  .subTopImg{background: url(/img/sub/subTop/specialized.jpg) center right 26% / cover no-repeat !important;}
.cat .subTop .subTopImg{background: url(/img/sub/subTop/cat.jpg) center right 20% / cover no-repeat !important;}

.rehabilitation .symptom .symptomList li {background: var(--bgpoint);}


/* =========================
  kind
========================= */
section.kind{padding:0;}
.kind{position:relative;min-height:100vh;}
.kind .content-wrap{display:flex;align-items:center;justify-content:center;height:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.kind .text-area,.kind .img-area{width:50%;height:100%;}
.kind .text-area{display:flex;align-items:center;padding-right:calc((100% - var(--layoutWidthSub)) / 2);padding-left:5rem;background-color:#fff;}
.kind .img-area{position:relative;background-color:var(--bgpoint);}
.kind .img-wrap{position:absolute;inset:0;width:100%;height:100%;}
.kind .img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;}

@media (max-width:1024px){
.kind{min-height:auto;}
.kind .content-wrap{flex-direction:column;}
.kind .text-area,.kind .img-area{width:100%;height:auto;}
.kind .img-area{aspect-ratio:16/10;}
.kind .text-area{padding:4rem 5%;}
}


/* promise */
.promise .contBox{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:center;max-width:1000px;margin:4.5rem auto 0;z-index:10;}
.promise .contBox .box{position:relative;width:100%;overflow:hidden;}
.promise .contBox .box>img{width:100%;}
.promise .contBox .box:nth-child(1){grid-row:1/3;}
.promise .contBox .box:nth-child(2){grid-row:2/4;}
.promise .contBox .box:nth-child(3){grid-row:3/5;}
.promise .contBox .box:nth-child(4){grid-row:4/6;}
.promise .contBox .box:nth-child(5){grid-row:5/7;}
.promise .contBox .box .txtBox{position:absolute;left:0;bottom:0;width:100%;padding:2rem;color:#fff;z-index:2;}

@media (max-width:768px){
.promise .contBox .box .txtBox{padding:30px 25px;}
.promise .contBox .box .txtBox br{display:none;}
}

@media (max-width:600px){
.promise .contBox{display:flex;flex-wrap:nowrap;gap:15px;overflow-x:auto;width:calc(100% + var(--inPd) * 2);margin:4rem 0 0 calc(var(--inPd) * -1);padding:0 var(--inPd);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:var(--inPd);overscroll-behavior-x:contain;}
.promise .contBox::-webkit-scrollbar{display:none;}
.promise .contBox .box{flex:0 0 80%;scroll-snap-align:center;}
}