@charset "utf-8";
.doc-cnt15 {margin-bottom:var(--space-15);}
.doc-cnt30 {margin-bottom:var(--space-30);}
.no-margin {margin-bottom:0 !important;}

.greetings .img {margin-bottom:var(--space-40); padding:0 !important;}
.greetings .txt1 {font-size:var(--font-size-28); letter-spacing:-.03em; line-height:1.5em; margin-bottom:var(--space-50); color:var(--color-bk); font-weight:700;}
.greetings .txt1 span {color:var(--color-primary);}
.greetings p {margin-top:var(--space-40);}
.greetings > * {padding:0 var(--space-20);}

.medical-staff {gap:var(--space-80); margin-bottom:var(--space-80); display:flex;}
.medical-staff:last-child {margin-bottom:0;}
.staff-info {padding-top:var(--space-35); flex:1;}

.staff-title {padding-bottom:var(--space-25); margin-bottom:var(--space-25); border-bottom:1px solid #ddd;}
.staff-title strong {color:var(--color-primary); font-size:var(--font-size-28); letter-spacing:-.03em; line-height:1.5em;}
.staff-title span {font-size:var(--font-size-18); padding-left:var(--space-20); color:var(--color-bk); letter-spacing:-.03em; line-height:1.5em; font-weight:600;}
.staff-career {padding-bottom:var(--space-25); border-bottom:1px solid #ddd; display:flex;}
.staff-career .item {width:50%;}
.staff-career .tit {margin-bottom:10px; font-weight:600; color:var(--color-primary);}
.staff-txt {margin-top:var(--space-25); gap:var(--space-40); display:grid;}

.inspection-item {margin-bottom:var(--space-80);}
.inspection-item:last-child {margin-bottom:0;}
.inspection-item .imgwrap {display:flex; gap:var(--space-40);}
.inspection-title {margin-bottom:var(--space-35);}
.inspection-title .name {display:flex;}
.inspection-title .name span {margin-right:var(--space-20); width:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight:700; border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--color-primary); font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.5em; background-color:#d6ebff;}
.inspection-title .name strong {color:var(--color-bk); font-size:var(--font-size-28); letter-spacing:-.03em; line-height:1.5em;}
.inspection-title p {padding:var(--space-20) 0 0 var(--space-60);}

.hospital-tour .swiper-container-wrapper {position:relative;}
.hospitalSwiper {width:100%; height:100%; text-align:center;}
.hospitalSwiper .swiper-slide {width:auto;}
.hospital-tour p {font-size:var(--font-size-28); margin-top:var(--space-35); font-weight:700; color:var(--color-bk); opacity:0;}
.hospital-tour .swiper-slide-active p {opacity:1;}
.hospital-tour .swiper-custom-btn {width:350px; bottom:-10px; display:flex; z-index:1000; justify-content:space-between; position:absolute; left:50%; transform:translateX(-50%);}
.hospital-tour .custom-prev, 
.hospital-tour .custom-next {width:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); height:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); position:relative; margin-top:0; top:auto; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; font-size:0; cursor:pointer;}
.hospital-tour .swiper-button-next:after, .hospital-tour .swiper-button-prev:after {font-size:0 !important;}
.hospital-tour .custom-prev {background-image:url('/images/sub/hospital-prev.png'); left:0;}
.hospital-tour .custom-next {background-image:url('/images/sub/hospital-next.png'); right:0;}
.hospital-tour .custom-prev:hover {background-image:url('/images/sub/hospital-prev-on.png');}
.hospital-tour .custom-next:hover {background-image:url('/images/sub/hospital-next-on.png');}

.subject {margin-bottom:var(--space-100);}
.subject:last-child,
.subject.last {margin-bottom:0;}

.doc-tit {padding:0 0 20px 25px; font-size:var(--font-size-24); color:var(--color-primary); font-weight:700; position:relative;}
.doc-tit:before {width:14px; height:14px; top:5px; position:absolute; content:''; left:0; border-radius:3px; background-color:var(--color-primary);}
.doc-indent {padding-left:25px; margin-bottom:var(--space-30);}
.doc-indent2 {padding-left:40px;}
.doc-indent3 {padding-left:80px;}

.subject-btns {margin-bottom:var(--space-50); display:flex; gap:10px;}
.subject-btns a {height:40px; padding:0 var(--space-20); gap:10px; display:flex; align-items:center; justify-content:space-between; font-weight:600; border-radius:7px; border:1px solid var(--color-primary); color:var(--color-primary);}
.subject-btns a i {width:16px; height:16px; margin-top:-2px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; display:inline-block;}
.subject-btns a:hover {background-color:var(--color-primary); color:#fff;}
.subject-btns .download i {background-image:url('/images/sub/download.png');}
.subject-btns .link i {background-image:url('/images/sub/gopage.png');}
.subject-btns .download:hover i {background-image:url('/images/sub/download-w.png');}
.subject-btns .link:hover i {background-image:url('/images/sub/gopage-w.png');}

.chk-title {font-size:var(--font-size-18); margin-bottom:var(--space-20); display:flex; align-items:center; font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#8db431;}
.chk-title i {width:20px; height:20px; margin-right:10px; background-image:url('/images/sub/chk-title.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; display:inline-block;}

.define {display:flex;}
.define dl {display:flex; flex:1;}
.define span {color:var(--color-primary); font-weight:600;}
.define dd {padding-left:var(--space-20); margin-left:var(--space-20); flex:1; position:relative;}
.define dd:before {position:absolute; content:''; top:50%; transform:translateY(-50%); left:0; width:1px; height:10px; background-color:#ddd;}

.dot-item {padding-left:17px; position:relative;}
.dot-item:before {width:5px; height:5px; top:10px; left:0; border-radius:100%; position:absolute; content:''; background-color:var(--color-primary);}
.dot-item strong {font-weight:600;}
.dot-item .bar {color:#ddd; padding:0 10px; font-size:12px;}

.subtable table {width:100%; text-align:center; border-collapse:collapse; border-spacing:0; border-top:2px solid #686868;}
.subtable table th {padding:var(--space-15) var(--space-20); border:1px solid #ddd; background:#fafafa; font-weight:600; color:#222;}
.subtable table td {padding:var(--space-15) var(--space-20); border:1px solid #ddd;}
.subtable tr th:first-child, .subtable tr td:first-child {border-left:0;}
.subtable tr th:last-child, .subtable tr td:last-child {border-right:0;}
.subtable .left {text-align:left;}

.symptom {display:flex;}
.symptom .dot-item {flex:1;}

.cause {display:flex; gap:var(--space-40);}
.cause .item {flex:1;}
.cause ul {gap:var(--space-15) 0; display:flex; flex-wrap:wrap; line-height:1.75em;}
.cause .item:nth-child(2) ul {flex-direction:column;}
.cause .item:first-child ul li {width:50%;}

.border-padding {padding:var(--space-35) var(--space-40); border:1px solid #ddd; border-radius:10px;}

.emergency {padding:var(--space-25) var(--space-30); background-color:#fff4f1; border-radius:10px;}
.emergency .tit {font-size:var(--font-size-18); color:#b44931; font-weight:700;}
.emergency img {margin:-2px 10px 0 0; vertical-align:middle;}
.emergency ul {padding:var(--space-25) var(--space-30) 0; display:grid; gap:var(--space-15);}

.how-to-check {display:flex; gap:var(--space-20);}
.how-to-check > li {padding:var(--space-35); flex:1; background-color:#f3f9ff; border-radius:15px;}
.how-to-check .tit {margin-bottom:var(--space-20); font-size:var(--font-size-20); font-weight:600; color:var(--color-primary);}
.how-to-check .dot-item {margin-bottom:var(--space-15);}
.how-to-check .dot-item:last-child {margin-bottom:0;}

.conclusion {padding:var(--space-25) var(--space-30); background-color:#fcfff4; border-radius:10px;}
.conclusion .doc-indent {margin-bottom:0 !important;}

.major-type {display:flex; align-items:center;}
.major-type-title {font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}

.major-type .major-type-title {width:370px;}
.major-type ul {flex:1;}

.num-title {font-size:var(--font-size-20); gap:10px; margin-bottom:var(--space-20); display:flex; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.major-cause li .num,
.num-title .num {width:30px; height:30px; border-radius:100%; color:#fff; background-color:var(--color-primary); display:flex; align-items:center; justify-content:center;}

.major-cause {justify-content:center; display:flex; flex-wrap:wrap; gap:var(--space-20); text-align:center;}
.major-cause li {padding:var(--space-35) 0; border-radius:20px; border:1px solid #ddd;}
.major-cause li .tit {font-size:var(--font-size-20); margin-bottom:var(--space-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.major-cause li .num {margin:0 auto 10px;}

.major-cause.bg-blue li {border:0; background-color:#f3f9ff;}
.major-cause.bg-blue .tit {color:var(--color-primary);}

.major-cause.wid-4 li {width:25%; max-width:calc(25% - 15px);}
.major-cause.wid-3 {gap:var(--space-40);}
.major-cause.wid-3 li {width:33.3333%; max-width:calc(33.3333% - 28px);}
.major-cause.wid-3 li strong {font-weight:600;}

.step-list {margin-bottom:var(--space-30); display:grid; gap:var(--space-30);}
.step-item {padding:var(--space-40) var(--space-45); background-color:#f3f9ff; border-radius:20px;}

.step-tit {margin-bottom:var(--space-20); display:flex; gap:var(--space-20); align-items:center;}
.step-tit .num {width:60px; height:30px; text-align:center; font-weight:600; border-radius:7px; color:#fff; background-color:var(--color-primary); display:flex; align-items:center; justify-content:center;}
.step-tit strong {font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}

.subject.flex {gap:var(--space-40); display:flex; flex-wrap:wrap;}
.subject.flex .num-list {max-width:calc(50% - var(--space-20)); width:50%;}

.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:20px; height:clamp(250px, calc( 520 / var(--inner) * 100vw ), 520px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}
#sub .root_daum_roughmap,
#sub .root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
#sub .direction {margin-top:var(--space-60);}
#sub .direction .group {padding:var(--space-45) var(--space-40); align-items:center; border-top:1px solid #ddd; display:flex;}
#sub .direction .group:last-child {border-bottom:1px solid #ddd;}
#sub .direction .flex {gap:10px var(--space-25);}
#sub .direction dl {padding-left:15px; position:relative;}
#sub .direction dl:before {top:11px; width:5px; height:5px; position:absolute; content:''; left:0; border-radius:100%; background-color:var(--color-primary);}
#sub .direction dl dt:after {background-color:#ddd;}

.direction .ico {width:48px; display:inline-block; margin-right:var(--space-40);}
.direction .ico img {vertical-align:middle;}
.direction .left {width:340px; font-size:var(--font-size-20); font-weight:700; color:var(--color-primary);}
.direction .right {font-weight:500; flex:1;}
.direction .gr2 {flex-direction:column; gap:var(--space-35);}
.direction .gr2 .item {display:flex;}
.direction .gr2 .item:nth-child(1) dl {max-width:calc(50% - 20px); width:50%;}
.direction .gr2 .item:nth-child(2) dl {width:auto;}
.direction .gr2 .item:nth-child(2) dl.wide {max-width:100%;}
.direction .gr3 dl {width:auto;}

.hospital-video {position:relative; overflow:hidden; line-height:0; height:540px; min-width:960px; border-radius:20px;}
.hospital-video video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.hemodialysis .imgwrap {gap:10px; display:flex;}
.hemodialysis .img {flex:1; text-align:center;}
.hemodialysis p {font-size:var(--font-size-18); padding:var(--space-30) var(--space-30) 0; font-weight:600; color:#484848; letter-spacing:-.03em; line-height:1.5em;}