@charset "utf-8";

/* 공통 */
.noti-txt { margin-bottom: 20px; display: inline-flex; align-items: center; padding: 11px 15px; border-radius: 30px; background: #F4F4F4; gap: 8px; font-size: 14px; line-height: 1.2em; font-weight: 400; }
.noti-txt.mg { margin-bottom: 0; }
.subtit { margin-bottom: 25px; line-height: 1.5em; color: #121212; font-size: var(--font-size40); font-weight: 700; }
.sub-txtbox { margin-bottom: 100px; }
.sub-txtbox h4 { font-size: var(--font-size32); font-weight: 600; line-height: 1.37em; margin-bottom: 30px; color: #121212; }
.sub-txtbox h4 .clr1 { color: #878787;}
.sub-txtbox h4 .clr2 { color: var(--color-primary);}
.sub-txtbox .group { margin-bottom: 20px; }
.sub-txtbox .group:last-child { margin-bottom: 0; }
.sub-txtbox .group h5 { font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1.55em; margin-bottom: 5px;}
.subtxt { font-size: var(--font-size18); line-height: 1.66em; }
.subtxt.mg { margin-bottom: 20px; }
.subtxt strong { color: #121212; font-weight: 600; }
.sub-flex { margin-top: 150px; }
.sub-flex.mt { margin-top: 0; }
.sub-flex.mg { margin-bottom: 60px; }
.sub-flex .group { display: flex; align-items: flex-start; border-bottom: 1px dashed #ccc; padding: 60px 0;}
.sub-flex .group:first-child { padding-top: 0; }
.sub-flex .group:last-child { padding-bottom: 0; border: none; }
.sub-flex .group.bd { padding-bottom: 60px; border-bottom: 1px dashed #ccc;}
.sub-flex .group .title { width: 320px; font-size: var(--font-size32); font-weight: 700; line-height: 1.2em; color: #121212; }
.sub-flex .group .title span { font-size: var(--font-size24); font-weight: 600; }
.sub-flex .group .contents { flex: 1 1 auto; min-width: 0; width: 1%; }
.sub-flex .group.block { display: block; }
.sub-flex .group.block .title { width: 100%; margin-bottom: 40px; }
.sub-flex .group.block .contents { width: 100%; }
.sub-flex .group .contents .video-container { border-radius: 16px; }
.sub-tbl-wrap { overflow: auto;}
.sub-tbl-wrap.height { height: 600px; }
.sub-tbl-wrap.height::-webkit-scrollbar { width: 5px; }
.sub-tbl-wrap.height::-webkit-scrollbar-thumb { background-color: #505050; border-radius: 10px; background-clip: padding-box; }
.sub-tbl-wrap.height::-webkit-scrollbar-track { background-color: #ddd; border-radius: 10px; }
.sub-tbl-wrap.mg { margin-bottom: 70px; }
.sub-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
.sub-tbl tr { border-bottom: 1px solid #ddd;}
.sub-tbl tr th { line-height: 1em; padding: 26px 10px; color: #121212; font-weight: 600; border-right: 1px solid #ddd; background: #f4f4f4; }
.sub-tbl tr th:last-child { border: none; }
.sub-tbl tr th.bd { border-right: 1px solid #ddd;}
.sub-tbl tr th.bdn { border-right: none; }
.sub-tbl.fz tr th { font-size: var(--font-size18);}
.sub-tbl tr td { line-height: 1.5em; padding: 22px 10px; border-right: 1px solid #ddd; text-align: center; }
.sub-tbl tr td:last-child { border: none; }
.sub-tbl tr td.bd { border-right: 1px solid #ddd;}
.sub-tbl tr td.bdn { border-right: none; }
.sub-tbl tr td.left { padding-left: 20px; text-align: left; }
.sub-tbl tr td.left2 { padding-left: 20px; }
.sub-tbl.pd tr th { padding: 18px 10px; line-height: 1.62em; }
.sub-tbl.pd tr th.pd { padding: 5px 10px;}
.sub-tbl.pd tr th.left { text-align: left; padding-left: 20px; }
.sub-tbl.fz tr td { font-size: var(--font-size18); padding-left: 40px; }
.sub-tbl.pd tr td { padding: 18px 5px; line-height: 1.62em;}
.sub-tbl.pd tr td.left2 { padding-left: 20px; text-align: left; }
.sub-tbl tr.bd { border-bottom: 1px solid #505050;}
.sub-tbl tr td .dot { display: inline-block; width: 16px; height: 16px; border-radius: 16px; background: #121212; margin: auto; position: relative; top: 3px;}
.chk-txt { margin-top: 25px; position: relative; line-height: 1.5em; font-weight: 400; color: #878787; padding-left: 24px; }
.chk-txt::before { content: ""; position: absolute; left: 0; width: 16px; height: 16px; background: url(../images/sub/sub1-4-chk.png) center no-repeat; background-size: contain; top: 3px; }
.subtab-wrap { padding: 40px 0 80px;}
.subtab-wrap ul { display: flex; border-bottom: 1px solid #ddd;}
.subtab-wrap ul li { flex: 1;}
.subtab-wrap ul li a { display: block; padding: 17px 5px; position: relative; line-height: 1.5em; font-size: var(--font-size20); font-weight: 600; color: #878787; text-align: center;}
.subtab-wrap ul li a::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 3px; background: var(--color-primary); transition: .3s;}
.subtab-wrap ul li.active a,
.subtab-wrap ul li a:hover { color: var(--color-primary);}
.subtab-wrap ul li.active a::after { width: 100%; }

/* 진료 목표 */
.purpose .item { margin-bottom: 60px; display: flex; }
.purpose .item:last-child { margin-bottom: 0; }
.purpose .item .icon { width: 150px; height: 150px; border-radius: 150px; display: flex; align-items: center; justify-content: center; background: #f9f9f9; margin-right: 30px; }
.purpose .item .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 5px; }
.purpose .item .info h4 { color: #121212; font-size: var(--font-size22); font-weight: 600; line-height: 1.5em; margin-bottom: 12px; }
.purpose.al .item { align-items: center;}

/* 진료 분야 */
.cl-field h5 { font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1.5em; margin-bottom: 27px; }

/* 검사 종류 */
.kind-img-wrap { display: flex; flex-wrap: wrap; gap: 21px;}
.kind-img-wrap.mg { margin: 40px 0 30px;}
.kind-img-wrap .item { width: calc(100%/3 - 14px); position: relative; color: #fff; border-radius: 16px; overflow: hidden; }
.kind-img-wrap .item img { width: 100%; }
.kind-img-wrap .item .tt { font-size: var(--font-size18); font-weight: 600; line-height: 1.2em; position: absolute; left: 20px; bottom: 17px; }
.kind-img-wrap .item .tt strong { font-weight: 600; display: block; }
.kind-img-wrap .item .tt span { display: block; font-size: 14px; font-weight: 500; line-height: 1.2em; margin-top: 10px; }

/* 진료과/의료진 */
.doctor-group { margin-bottom: 150px; }
.doctor-group .subtit { margin-bottom: 15px; }
.doctor-group.mg { margin-bottom: 0; }
.doctor-list { display: flex; flex-wrap: wrap; gap: 40px; }
.doctor-list .item { width: calc(100%/2 - 20px); padding: 40px; border-radius: 24px; border: 1px solid #ddd; }
.doctor-list .item .top { display: flex; border-bottom: 1px solid #ddd;}
.doctor-list .item .thumb { width: 190px; margin-right: 40px; }
.doctor-list .item .thumb>div { position: relative; display: block; overflow: hidden; padding-bottom: 133%; }
.doctor-list .item .thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.doctor-list .item .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.doctor-list .item .info .fx { display: flex; align-items: center; margin-bottom: 40px; gap: 25px; }
.doctor-list .item .info .fx .name { font-size: var(--font-size32); font-weight: 700; line-height: 1em; color: #121212; }
.doctor-list .item .info .fx .subject { line-height: 1.2em; font-size: var(--font-size18); font-weight: 700; color: var(--color-primary); position: relative; }
.doctor-list .item .info .fx .subject::before { content: ""; position: absolute; left: -12px; width: 1px; height: 20px; background: #ddd; top: 0; bottom: 0; margin: auto; }
.doctor-list .item .info .field { padding: 6px 8px; font-size: 14px; font-weight: 600; line-height: 1em; color: #121212; border-radius: 8px; background: #EEE; margin-bottom: 10px; display: inline-block; }
.doctor-list .item .info .txt { line-height: 1.62em; }
.doctor-list .item .schedule { margin: 40px 0;}
.doctor-list .item .schedule h5 { position: relative; padding-left: 28px; font-size: 16px; font-weight: 700; line-height: 1.5em; color: #121212; margin-bottom: 12px; }
.doctor-list .item .schedule h5::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; margin: auto; background: url(../images/sub/sub1-timer-ico.png) center no-repeat; background-size: contain; }
.doctor-tbl-wrap { overflow: auto;}
.doctor-tbl { width: 100%; border-collapse: collapse; border-top: 2px solid #121212;}
.doctor-tbl tr { border-bottom: 1px solid #ddd;}
.doctor-tbl tr th { line-height: 1em; font-weight: 600; color: #121212; padding: 12px 10px; border-right: 1px solid #ddd; background: #f4f4f4; }
.doctor-tbl tr th:last-child { border-right: none; }
.doctor-tbl tr td { text-align: center; line-height: 1em; padding: 12px 10px; border-right: 1px solid #ddd;}
.doctor-tbl tr td:last-child { border: none; }
.doctor-tbl tr td .on { display: inline-block; width: 16px; height: 16px; border-radius: 16px; background: var(--color-primary); margin: auto; position: relative; top: 2px; }
.doctor-tbl.pd tr th { padding: 22px 10px;}
.doctor-tbl.pd tr td { padding: 22px 10px; font-weight: 400; }
.doctor-tbl.pd tr td.left { text-align: left; padding-left: 20px; }
.doctor-list .item .links { display: flex; gap: 10px; flex-wrap: wrap;}
.doctor-list .item .links a { display: flex; align-items: center; justify-content: center; width: calc(100%/2 - 5px); height: 56px; border-radius: 8px; color: #121212; border: 1px solid #121212; font-weight: 500; line-height: 1em; }
.doctor-list .item .links a.reserve { color: #fff; background: var(--color-primary); border-color: var(--color-primary);}

/* 진료 목표 체크리스트 (단일열) */
.check-list .item { padding: 20px; display: flex; align-items: center; gap: 8px; font-size: var(--font-size18); line-height: 1.5em; background: #f4f4f4; border-radius: 8px; margin-bottom: 15px; }
.check-list .item:last-child { margin-bottom: 0; }
.check-list .item span { position: relative; padding-left: 24px; color: #121212; font-weight: 400; }
.check-list .item span::before { content: ""; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; background: url(../images/sub/sub1-1-chk.png) center no-repeat; background-size: contain;}
.check-list.flex { display: flex; gap: 15px; flex-wrap: wrap;}
.check-list.flex .item { width: calc(100%/3 - 10px); margin-bottom: 0; }
.check-list.flex2 { gap: 16px; }
.check-list.flex2 .item { width: calc(100%/2 - 8px); }

/* 테이블 내 불릿 리스트 */
.dot-list { padding: 8px 0; margin: 0; }
.dot-list.pd { padding: 0; }
.dot-list.mg { margin-bottom: 20px; }
.dot-list li { padding-left: 12px; position: relative; line-height: 1.8em; }
.dot-list li::before { content: ""; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 4px; background: #ccc; }
.dot-list.fz { padding: 0; }
.dot-list.fz li { font-size: var(--font-size18); margin-bottom: 5px; }
.dot-list.fz li:last-child { margin-bottom: 0; }
.dot-list.fz li::before { top: 13px; }
.dot-list.fz li span { font-size: 16px; color: #878787; }
.dot-list.fz li strong { color: #121212; font-weight: 600; }

/* 의료진 상세 페이지 */
.dv-hero { width: 100%; min-height: 53vh; display: flex; overflow: hidden; padding-top: 80px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.dv-profile { max-width: 600px; flex-shrink: 0; }
.dv-name-row { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.dv-name { font-size: var(--font-size40); font-weight: 700; color: #121212; line-height: 1em; }
.dv-name-sep { display: block; width: 1px; height: 24px; background: #ddd; }
.dv-specialty { font-size: var(--font-size24); font-weight: 700; color: var(--color-primary); line-height: 1em; }
.dv-msg { font-size: var(--font-size20); color: #505050; line-height: 1.6em; margin-bottom: 30px; }
.dv-hline { width: 100%; height: 2px; background: #ddd; margin-bottom: 30px; }
.dv-field-box { margin-bottom: 40px; }
.dv-field-label { display: flex; align-items: center; gap: 8px; font-size: var(--font-size18); font-weight: 700; color: #121212; margin-bottom: 8px; }
.dv-field-label img { width: 24px; height: 24px; }
.dv-field-txt { font-size: var(--font-size18); color: #121212; line-height: 1.5em; }
.dv-btns { display: flex; gap: 10px; }
.dv-btn-list, .dv-btn-reserve { flex: 1; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 500; line-height: 1em; }
.dv-btn-list { border: 1px solid #121212; color: #121212; }
.dv-btn-reserve { background: var(--color-primary); color: #fff; }
.dv-info { max-width: 1400px; margin: 0 auto; padding: 120px 30px 0; }
.dv-sub { display: flex; flex-direction: column; gap: 60px; }
.dv-sub .sub-group { display: flex; flex-direction: column; gap: 20px; }
.dv-sub-title { font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1.5em; }
.dv-press { border-top: 1px solid #121212; }
.dv-press .item { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; height: 80px; border-bottom: 1px solid #ddd; color: #121212; }
.dv-press .item .txt { font-size: var(--font-size18); font-weight: 600; line-height: 1.5em; }
.dv-press .item .ico { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: url(../images/sub/sub1-doc-view.png) center no-repeat; background-size: contain; transition: .2s;}
.dv-press .item:hover { background: #f9f9f9; }
.dv-press .item:hover .ico { background-image: url(../images/sub/sub1-doc-view-c.png);}

/* ===== 진료지원부 ===== */

/* 비전&미션 */
.vision-mission { display: flex; }
.vision-mission .vm-item { flex: 1; padding: 0 70px; display: flex; flex-direction: column; align-items: center; }
.vision-mission .vm-item:first-child { border-right: 1px solid #ddd; }
.vision-mission .vm-label { font-size: var(--font-size32); font-weight: 400; color: #000; line-height: 1em; margin: 30px 0 20px;}
.vision-mission .vm-txt { font-size: var(--font-size18); color: #121212; line-height: 1.66em; text-align: center; }

/* 핵심가치 */
.core-value { display: flex; gap: 40px; }
.core-value .cv-item { flex: 1; display: flex; flex-direction: column; gap: 20px; align-items: center; }
.core-value .cv-img { width: 100%; height: 200px; border-radius: 125px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
.core-value .cv-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.core-value .cv-img::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.2); border-radius: 125px; }
.core-value .cv-img span { position: relative; z-index: 1; font-size: var(--font-size28); font-weight: 700; color: #fff; text-align: center; line-height: 1em; }
.core-value .cv-txt { font-size: var(--font-size18); color: #505050; line-height: 1.66em; text-align: center; }

/* 조직도 박스 */
.org-box { border: 1px solid #ddd; border-radius: 16px; padding: 80px 15px; text-align: center; }

/* 예약안내 */
.rs-call { padding: 30px 60px; display: flex; border-radius: 16px; background: #FDF7F2; align-items: center; flex-wrap: wrap; gap: 15px; justify-content: space-between;}
.rs-call .left { display: flex; align-items: center; }
.rs-call .left .info { padding-left: 17px; }
.rs-call .left .info strong { display: block; font-size: var(--font-size28); font-weight: 700; line-height: 1.2em; color: var(--color-primary); margin-bottom: 8px; }
.rs-call .left .info strong span { display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.2em; }
.rs-call .left .info p { font-size: var(--font-size18); line-height: 1.4em; color: #121212; font-weight: 400; }
.rs-call .right { display: flex; align-items: center;}
.rs-call .right .info { padding-left: 15px; }
.rs-call .right .info strong { display: block; font-size: 16px; font-weight: 600; line-height: 1em; color: #121212; margin-bottom: 10px; }
.rs-call .right .info p { display: block; font-size: 16px; line-height: 1.2em; }
.rs-guide-bold { display: flex; gap: 15px 20px; flex-wrap: wrap; align-items: center; line-height: 1.4em; font-size: var(--font-size18); font-weight: 600; color: #121212; }
.rs-guide-bold .noti-txt { margin-bottom: 0; }
.rs-guide-links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.rs-guide-wrap { display: flex; gap: 21px; flex-wrap: wrap; margin-top: 30px; }
.rs-guide-wrap .col { width: calc(100%/3 - 14px); border-radius: 16px; background: #f4f4f4; text-align: center; }
.rs-guide-wrap .col a { display: block; padding: 60px 15px;}
.rs-guide-wrap .col .tt { line-height: 1em; margin: 22px 0 26px; font-size: var(--font-size22); font-weight: 700; color: #121212; }
.rs-guide-wrap .col .txt { line-height: 1.62em; font-weight: 500; margin-bottom: 20px; }
.rs-guide-wrap .col .view { display: inline-block; width: 32px; height: 32px; background: url(../images/sub/sub1-3-view.png) center no-repeat; background-size: contain; transition: .3s; }
.rs-guide-wrap .col a:hover .view { background-image: url(../images/sub/sub1-3-view-c.png);}

/* 예약하기 */
.rs-process-num-wrap { display: flex; justify-content: center;}
.rs-process-num { display: inline-flex; justify-content: center; margin-bottom: 80px; position: relative; }
.rs-process-num::before { content: ""; position: absolute; z-index: -1; top: 15px; border-top: 1px dashed #ddd; width: 75%; height: 1px; left: 0; right: 0; margin: auto; }
.rs-process-num.wt::before { width: 55%; }
.rs-process-num .item { width: 170px; text-align: center; color: #878787;  }
.rs-process-num .item .dot { display: inline-block; width: 30px; height: 30px; background: url(../images/sub/sub1-reserve-dot.png) center no-repeat; background-size: contain; position: relative; }
.rs-process-num .item .num { line-height: 1em; font-size: 14px; margin: 25px 0 15px; font-weight: 400; }
.rs-process-num .item .tit { line-height: 1.2em; font-size: var(--font-size18); font-weight: 600;}
.rs-process-num .item.active { color: var(--color-primary);}
.rs-process-num .item.active .dot { background-image: url(../images/sub/sub1-reserve-dot-on.png);}
.rs-process-num .item.active .dot::before { content: ""; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; border-radius: 50%; transform: translate(-50%, -50%); animation: ripple 1s infinite; background: rgba(227, 99, 7,0.4); z-index: -1; }
@keyframes ripple { 
    0% { width: 32px; height: 32px; opacity: 1; } 
    100% { width: 48px; height: 48px; opacity: 0; } 
}
.rs-process-num .item.end .dot { background-image: url(../images/sub/process-chk-ico.png);}
.rs-process-num-wrap.space .rs-process-num { display: flex; width: 100%; justify-content: space-between;}
.rs-process-num-wrap.space .rs-process-num::before { width: 80%; }
.rs-process-num-wrap.space .item { width: 120px; }
.rs-flex { display: flex; align-items: flex-start; height: 100%; }
.rs-flex .left { width: 63%; padding-right: 60px; }
.rs-flex .right { width: 37%; position: sticky; top: 90px;}
.rs-flex.wt { display: block; max-width: 680px; margin: auto; }
.rs-flex .rs-group { margin-bottom: 60px; }
.rs-flex .rs-group .input { width: 100%; border-radius: 8px; }
.rs-flex .rs-group:last-child { margin-bottom: 0; }
.rs-flex .rs-group h4 { line-height: 1em; font-size: var(--font-size24); font-weight: 700; color: #121212; margin-bottom: 20px; }
.rs-flex .rs-group h4.bd { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.rs-flex .rs-group h4 .required { display: inline-block; position: relative; width: 4px; height: 4px; border-radius: 4px; background: #f00; margin-left: 5px; top: -7px; }
.rs-flex .rs-group h5 { font-size: var(--font-size18); font-weight: 700; line-height: 1.5em; color: #121212; margin-bottom: 5px; }
.rs-choice-btn-wrap { display: flex; gap: 10px; flex-wrap: wrap;}
.rs-choice-btn-wrap .rs-btn { width: calc(100%/5 - 8px); display: flex; align-items: center; justify-content: center; height: 56px; border-radius: 8px; border: 1px solid #ddd; background: #fff; font-weight: 400; transition: .2s;}
.rs-choice-btn-wrap .rs-btn.active, 
.rs-choice-btn-wrap .rs-btn:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); font-weight: 700; }
.healthpromotion .rs-choice-btn-wrap { gap: 20px; }
.healthpromotion .rs-choice-btn-wrap .rs-btn { width: calc(100%/4 - 15px);}
.rs-doctor-choice .item { display: flex; padding: 30px; border-radius: 8px; align-items: center; justify-content: space-between; margin-bottom: 10px; position: relative; }
.rs-doctor-choice .item:last-child { margin-bottom: 10px; }
.rs-doctor-choice .item::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; border: 1px solid #ddd; border-radius: 8px; }
.rs-doctor-choice .item .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; position: relative; z-index: 1; }
.rs-doctor-choice .item .info .name { line-height: 1em; font-size: var(--font-size18); font-weight: 700; color: #121212; margin-bottom: 12px; }
.rs-doctor-choice .item .info .txt { line-height: 1.4em; font-weight: 400; }
.rs-doctor-choice .item button { display: inline-block; width: 32px; height: 32px; background: transparent url(../images/sub/sub1-reserve-chk.png) center no-repeat; background-size: contain; border: none; text-indent: -9999em; position: relative; z-index: 1; }
.rs-doctor-choice .item.active::after { border: 2px solid var(--color-primary);}
.rs-doctor-choice .item.active button { background-image: url(../images/sub/sub1-reserve-chk-on.png);}
.rs-choice-result { border-radius: 8px; border: 2px solid var(--color-primary); background: #FFF; box-shadow: 3px 6px 8px 0 rgba(0, 0, 0, 0.10); padding: 10px 30px; margin-bottom: 20px; }
.rs-choice-result li { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #ddd; color: #121212; }
.rs-choice-result li:last-child { border: none; }
.rs-choice-result li .tt { font-size: var(--font-size18); font-weight: 600; line-height: 1.2em; }
.rs-choice-result li .txt { font-weight: 400; line-height: 1.2em;  }
.rs-choice-result li .txt .fx { display: flex; flex-wrap: wrap; gap: 5px 30px; }
.rs-choice-result li.block { display: block;}
.rs-choice-result li.block .tt { margin-bottom: 10px; }
.rs-choice-result li.block .txt { line-height: 1.5em; margin-top: 5px; }
.rs-choice-result.visit { padding: 17px 0; }
.rs-choice-result.visit li { padding: 0; display: block; }
.rs-choice-result.visit li a { display: flex; justify-content: space-between; align-items: center; padding: 13px 30px; }
.rs-choice-result.visit li.room-name { border: none; }
.rs-choice-result.visit li.room-name a { pointer-events: none;}
.rs-choice-result.visit li:last-child { border-bottom: 1px solid #ddd; }
.rs-choice-result.visit li.active a { background: #ddd;}
.rs-choice-btn-wrap { display: flex; flex-wrap: wrap; gap: 10px; }
.rs-choice-btn-wrap .rs-choice-btn { flex: 1; display: flex; height: 56px; border-radius: 8px; line-height: 1em; align-items: center; justify-content: center; font-weight: 500; color: #121212; border: 1px solid #121212; background-color: #fff; }
.rs-choice-btn-wrap .rs-choice-btn.active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

/* 진료일시 선택 */
.rs-tit-fx { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px; }
.rs-tit-fx h4 { margin-bottom: 0 !important }
.rs-cal-status { display: flex; gap: 10px 20px; flex-wrap: wrap; }
.rs-cal-status span { display: inline-block; position: relative; padding-left: 17px; line-height: 1em; font-size: 14px; color: #121212; font-weight: 400; }
.rs-cal-status span::before { content: ""; position: absolute; left: 0; top: 1px; width: 12px; height: 12px; border-radius: 12px; border: 2px solid var(--color-primary); }
.rs-cal-status span.choice::before { background: var(--color-primary);}
.rs-calendar { padding: 50px 40px; border-radius: 8px; border: 1px solid #ddd; }

/* 동의 및 본인인증 */
.agree_box { margin-bottom: 20px; }
.agree_box .privacy_wrap { padding:30px; height: 270px; border-radius: 8px; border: 1px solid #ddd; overflow-y:auto;  font-size:16px; line-height: 1.5em; }
.agree_box .privacy_wrap::-webkit-scrollbar { width: 5px; }
.agree_box .privacy_wrap::-webkit-scrollbar-thumb { background-color: #505050; border-radius: 10px; background-clip: padding-box; }
.agree_box .privacy_wrap::-webkit-scrollbar-track { background-color: #ddd; border-radius: 10px; }
.agree_box .privacy_wrap .privacy_wrap { height:auto; overflow:hidden}
.agree_box .privacy_wrap .privacy { letter-spacing:-0.5px;color:#777; height: auto; overflow: hidden; font-size: 14px; }
.agree_box .privacy_wrap .privacy + .privacy { margin-top:30px;}
.agree_box .privacy_wrap .privacy .tit { margin-bottom:12px; color:#666; font-size:14px;}
.agree_box + .contact_bottom { margin-top:40px;}
.privacy_wrap{ padding:40px 0 100px;color:#666; font-size:14px; line-height:2em; display:block; overflow:hidden; clear:both}
.privacy_wrap.info_tablewrap { padding-top:80px;}
.privacy_wrap .privacy {height: 800px; overflow: hidden;overflow-y: auto; border-bottom: 1px solid #d5d5d5}
.privacy_wrap .privacy.bd { border: none; }
.privacy_wrap .privacy + .privacy { margin-top:50px;}
.privacy_wrap .privacy { color:#666; }
.privacy_wrap .privacy a { color:#666;}
.privacy_wrap .privacy .tit { color:#333; font-size:20px;margin-bottom:10px; }
.privacy_wrap .privacy .info_table { overflow: auto;}
.privacy_wrap .privacy .info_table .line { display:block; width:100%; height:1px; background:#ececec; margin:20px auto}
.privacy_wrap .privacy .info_table .tit { color:#666}
.privacy_wrap .privacy .info_table table { border-top:2px solid #333; width: 100%; }
.privacy_wrap .privacy .info_table table td { border-bottom:1px solid #ccc;color:#333; border-right: 1px solid #ececec; padding:15px 0; line-height: 1.44em; text-align:center; font-size: 14px; }
.privacy_wrap .privacy .info_table table td.bd_r { border-right:1px solid #ececec}
.privacy_wrap .privacy .info_table table td.bd_l { border-left:1px solid #ececec}
.privacy_wrap .privacy .info_table table td.bd { border-right: none; }
.privacy_wrap .privacy .info_table table td.info_left { text-align:left; padding:0 20px}
.privacy_wrap .privacy .info_table table thead td { font-weight:800}
.privacy_wrap .privacy .info_table table tbody td { font-size:14px; color: #666; padding: 10px;}
.privacy_wrap .privacy .info_table table td:last-child { border-right: 0}
.privacy_wrap .privacy.show_mobile { display:none}
.privacy_wrap.info_tablewrap #info_tablewrap2 .privacy { margin-top:50px;}
.agree-chk { padding: 20px; border-radius: 8px; background: #F4F4F4; }
.agree-chk .checkbox { color: #121212; font-weight: 700; font-size: 14px; line-height: 1.2em; }
.agree-chk .checkbox label:before { margin: -.1em 8px 0 0; width: 20px; height: 20px; background-color: #fff; border-radius: 3px; position: absolute; right: -37px; }

/* 본인인증 */
.verificate { display: flex; gap: 20px; flex-wrap: wrap;}
.verificate .item { width: calc(100%/2 - 10px); }
.verificate .item a { border-radius: 16px; border: 1px solid #ddd; background: #fff; padding: 60px 10px; text-align: center; display: block; }
.verificate .item a:hover { border-color: var(--color-primary); box-shadow: 3px 6px 8px 0 rgba(0, 0, 0, 0.10); }
.verificate .item .tt { margin-top: 20px; font-size: var(--font-size20); line-height: 1em; font-weight: 400; color: #121212; }

/* 예약내역 */
.rs-complete { padding: 0 40px; border-radius: 8px; background: #F4F4F4; }
.rs-complete li { display: flex; justify-content: space-between; padding: 35px 0; border-bottom: 1px solid #ddd; color: #121212; }
.rs-complete li:last-child { border: none; }
.rs-complete li .tt { font-size: var(--font-size18); font-weight: 600; line-height: 1.3em; }
.rs-complete li .txt { font-weight: 500; line-height: 1.5em; }

/* 절차 공통 */
.step-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.step-wrap::before { content: ""; position: absolute; left: 0; width: 100%; height: 1px; top: 70px; z-index: -1; border-bottom: 1px dashed #ddd;}
.step-wrap .item { text-align: center; }
.step-wrap .item .step { margin: 20px 0 10px; line-height: 1em; font-weight: 400; }
.step-wrap .item .tt { line-height: 1.5em; font-size: var(--font-size20); font-weight: 600; color: #121212; }
.step-wrap .item .txt { margin-top: 7px; line-height: 1.44em; font-weight: 500; font-size: 14px; }

/* 입퇴원 */
.adm-faq>li { margin-bottom: 10px; border-radius: 8px; background: #F4F4F4;}
.adm-faq>li:last-child { margin-bottom: 0; }
.adm-faq>li .tit a { display: block; padding: 27px 30px; position: relative; font-size: var(--font-size18); font-weight: 500; color: #000; line-height: 1.4em; }
.adm-faq>li .tit a::after { content: ""; position: absolute; right: 30px; top: 35px; width: 18px; height: 10px; background: url(../images/sub/sub1-5-down.png) center no-repeat; background-size: contain; transition: .3s;}
.adm-faq>li .cnt { padding: 30px; padding-top: 0; display: none; }
.adm-faq>li .cnt.block { display: block; }
.adm-faq>li .cnt .inbox p { margin-bottom: 20px; display: block; }
.adm-faq>li .cnt .inbox p strong { color: #121212; font-weight: 600; }
.adm-faq>li .cnt .inbox p strong span { color: var(--color-primary); }
.adm-faq>li .cnt .inbox p:last-child { margin-bottom: 0; }
.adm-faq>li.active { background: transparent; border: 1px solid #000;}
.adm-faq>li.active .tit a::after { background-image: url(../images/sub/sub1-5-up.png);}
.adm-process { display: flex; flex-wrap: wrap; gap: 60px; }
.adm-process .item { width: calc(100%/3 - 40px); position: relative; }
.adm-process .item::after { content: ""; position: absolute; top: 100px; width: 15px; height: 23px; right: -38px; background: url(../images/sub/sub1-5-arrow.png) center no-repeat; background-size: contain; }
.adm-process .item:last-child::after { display: none; }
.adm-process .item img { border-radius: 16px; }
.adm-process .item .txtbox { padding: 30px 10px; }
.adm-process .item .step { line-height: 1em; font-size: 14px; font-weight: 500; color: var(--color-primary); }
.adm-process .item .tt { margin: 10px 0 20px; font-size: var(--font-size20); font-weight: 700; color: #121212; }
.adm-process .item .txt { line-height: 1.62em; }
.adm-visit { display: flex; flex-wrap: wrap; gap: 20px; }
.adm-visit .col { width: calc(100%/2 - 10px); text-align: center; color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 24px; padding: 36px 10px;}
.adm-visit .col.bg1 { background-image: url(../images/sub/sub1-5-img4.jpg);}
.adm-visit .col.bg2 { background-image: url(../images/sub/sub1-5-img5.jpg);}
.adm-visit .col .tt { line-height: 1em; font-size: var(--font-size24); font-weight: 700; margin-bottom: 15px; }
.adm-visit .col .txt { font-size: var(--font-size18); line-height: 1em; font-weight: 400; }

/* sub2 공통 */
.sub2-img-wrap { display: flex; flex-wrap: wrap; gap: 20px; }
.sub2-img-wrap .item { width: calc(100%/2 - 10px); border-radius: 16px; overflow: hidden; position: relative; }
.sub2-img-wrap .item img { width: 100%; }
.sub2-img-wrap .item .tt { position: absolute; left: 30px; bottom: 25px; font-size: var(--font-size24); font-weight: 700; line-height: 1.5em; color: #fff; }
.sub2-img-wrap .item .tt span { display: block; font-size: var(--font-size18);}

/* 언어치료 */
.speech-wrap { display: flex; flex-wrap: wrap; gap: 16px; }
.speech-wrap .item { flex: 1; border-radius: 8px; background: #f4f4f4; text-align: center; padding: 30px 10px; }
.speech-wrap .item .tt { line-height: 1.2em; margin: 6px 0 10px; font-size: var(--font-size18); font-weight: 700; color: #121212; }

/* 퇴행성신경질환센터 */
.neuro-graph { padding: 60px; border-radius: 16px; border: 1px solid #ddd; background: #fff; display: flex; margin-bottom: 30px; }
.neuro-graph .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 40px; }
.neuro-graph .info .tt { display: inline-flex; height: 26px; align-items: center; padding: 0 12px; background: var(--color-primary); color: #fff; line-height: 1em; font-size: 14px; font-weight: 700; border-radius: 25px; }
.neuro-graph .info .tt.bg2 { background: #232a38; }
.neuro-graph .info .in { margin-top: 15px; }
.neuro-graph .info .in .tit { font-weight: 600; color: #121212; line-height: 1.666em; }
.neuro-graph .info .in .txt { font-size: 14px; line-height: 1.71em; font-weight: 400; }
.neuro-graph .info .box.pd { margin-top: 20px; padding-top: 25px; border-top: 1px dashed #ccc;}
.neuro-graph .info .fx { display: flex; gap: 10px; }
.neuro-graph .info .fx .in { width: calc(100%/2 - 5px); }

/* 진료협력 폼 */
.rs-form { padding: 0 30px; border-radius: 16px; border: 1px solid #ddd; background: #f9f9f9; margin-bottom: 40px; }
.rs-form .item { padding: 30px 0; border-bottom: 1px dashed #ddd;}
.rs-form .item:last-child { border: none; }
.rs-form .item .tt { line-height: 1.4em; color: #121212; font-weight: 600; font-size: var(--font-size18); margin-bottom: 14px; }
.rs-form .item .tt .required { display: inline-block; width: 4px; height: 4px; border-radius: 4px; background: #f00; margin-left: 4px; position: relative; top: -4px; }
.rs-form .item .txt { font-size: var(--font-size18); line-height: 1.4em; font-weight: 400; color: #878787; }
.rs-form .item .txt .input { width: 100%; border-radius: 8px; background-color: #fff; }
.rs-form .item .item-fx { display: flex; flex-wrap: wrap; gap: 10px 30px; }
.rs-form .item .item-fx .box { font-size: 16px; color: #505050; }

/* 진료협력 접수완료 */
.complete-wrap { text-align: center; margin-bottom: 60px; }
.complete-wrap h3 { margin: 45px 0 25px; font-size: var(--font-size32); font-weight: 700; line-height: 1.3em; color: #121212; }

/* 병상생활지원서비스 */
.serv-life .item { display: flex; align-items: center; margin-bottom: 60px; }
.serv-life .item:last-child { margin-bottom: 0; }
.serv-life .item img { border-radius: 16px; }
.serv-life .item .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 40px; }
.serv-life .item .info .tt { line-height: 1.5em; font-size: var(--font-size24); font-weight: 600; color: #121212; margin-bottom: 18px; }

/* 지역사회 자원연계 */
.serv-social .box { margin-bottom: 55px;}
.serv-social .box:last-child { margin-bottom: 0; }
.serv-social .box h3 { font-size: var(--font-size20); font-weight: 700; line-height: 1.5em; color: #121212; margin-bottom: 12px; }
.serv-social .box ul { margin-bottom: 30px; }
.serv-social .box ul li { margin-bottom: 10px; padding-left: 1.1em; text-indent: -1.1em; }
.serv-social .box ul li:last-child { margin-bottom: 0; }

/* 임상영양서비스 */
.nutri { margin-bottom: 60px; }
.nutri .col { margin-bottom: 20px; padding: 30px; border-radius: 16px; background: #F4F4F4; }
.nutri .col:last-child { margin-bottom: 0; }
.nutri .col .tit { display: flex; margin-bottom: 15px; }
.nutri .col .tit .num { display: flex; width: 32px; height: 32px; border-radius: 32px; background: var(--color-primary); color: #fff; line-height: 1em; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; margin-right: 12px; }
.nutri .col .tit strong { font-size: var(--font-size20); font-weight: 700; line-height: 1.66em; color: #121212; }

/* 오시는 길 */
.map-wrap { margin-bottom: 220px; }
.map-wrap .contain { position: relative; }
.lct { border-radius: 16px; background: linear-gradient(180deg, #E36307 0%, rgba(227, 99, 7, 0.76) 100%); position: absolute; left: 30px; bottom: -120px; padding: 70px 30px; text-align: center; color: #fff; z-index: 1;}
.lct .add { font-size: var(--font-size22); font-weight: 600; line-height: 1.5em; margin-top: 18px; }
.lct-rows { display: flex; flex-direction: column; gap: 20px; }
.lct-row { display: flex; align-items: flex-start; gap: 30px; }
.lct-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 110px; height: 26px; padding: 6px 8px; border-radius: 8px; font-size: 14px; font-weight: 600; color: #fff; line-height: 1em; flex-shrink: 0; box-sizing: border-box; }
.lct-label { min-width: 110px; font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1.5em; flex-shrink: 0; }
.lct-desc { font-size: var(--font-size18); color: #505050; line-height: 1.5em; }
.lct-desc-rows { display: flex; flex-direction: column; gap: 10px; }
.lct-sub { font-size: var(--font-size24); font-weight: 600; }
.lct-notes { display: flex; flex-direction: column; gap: 3px; }
.lct-note { display: flex; align-items: center; gap: 8px; }
.lct-note .ico { width: 16px; height: 16px; flex-shrink: 0; }
.lct-note .txt { color: #505050; line-height: 1.5em; padding-top: 2px;}
.lct-notes.color .txt { color: #878787; }

/* 전화번호 */
.phone .group { margin-bottom: 80px; }
.phone .group .subtit { margin-bottom: 25px; }
.phone .group:last-child { margin-bottom: 0; }

/* 병원사용 설명서 */
.guide-depth2 { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
.guide-depth2 li a { width: 140px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 23px; background: #f4f4f4; line-height: 1em; font-size: var(--font-size18); color: #676767; font-weight: 600; }
.guide-depth2 li.active a,
.guide-depth2 li a:hover { color: #fff; background: #121212; }
.guide-depth3 { display: flex; gap: 10px 60px; flex-wrap: wrap; margin-bottom: 60px; }
.guide-depth3 li { width: auto;}
.guide-depth3 li a { display: inline-block; padding: 10px 0; line-height: 1.1em; font-size: var(--font-size18); color: #878787; font-weight: 600; position: relative; }
.guide-depth3 li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #121212; transition: .3s;}
.guide-depth3 li.active a,
.guide-depth3 li a:hover { color: #121212; }
.guide-depth3 li.active a::after,
.guide-depth3 li a:hover::after { width: 100%; }

/* 주차안내 */
.park-img { padding: 60px 10px; text-align: center; border-radius: 16px; background: #F4F7FC; }
.park-total { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 50px 0 30px;}
.park-total strong { font-size: var(--font-size24); line-height: 1.4em; color: #121212; font-weight: 600; }
.park-info { display: flex; }
.park-info li { flex:1; border-right: 1px solid #ddd; text-align: center; padding: 27px 10px; }
.park-info li:last-child { border: none; }
.park-info li .txt { line-height: 1.4em; font-size: var(--font-size18); font-weight: 400; margin-bottom: 15px;}
.park-info li .tit { font-size: var(--font-size24); font-weight: 400; color: #121212; line-height: 1.3em; }
.park-info li .tit span { font-size: 16px; color: #878787; display: inline-block; padding-left: 5px;}

/* 층별안내 공통 */
.floor { display: flex; align-items: flex-start;}
.floor .tab { width: 120px; margin-right: 80px; border-radius: 16px; overflow: hidden; border: 1px solid #ddd;}
.floor .tab li a { display: flex; align-items: center; justify-content: center; text-align: center; height: 104px; border-bottom: 1px solid #ddd; line-height: 1em; font-size: var(--font-size24); color: #878787; font-weight: 700; }
.floor .tab li:last-child a { border: none; }
.floor .tab li.active a, 
.floor .tab li a:hover { color: #fff; background: #121212; }
.floor .info { flex: 1 1 auto; min-width: 0; width: 1%;} 
.floor .info h3 { font-size: 64px; line-height: 1em; color: #121212; font-weight: 600; margin-bottom: 30px;}
.floor .info .area { padding: 60px; border-radius: 16px; background: #FFF; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08); position: relative; display: flex; align-items: flex-start;}
.floor .info .area ul { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 30px; }
.floor .info .area ul li { display: flex; margin-bottom: 20px; }
.floor .info .area ul li:last-child { margin-bottom: 0; }
.floor .info .area ul li .num { width: 32px; height: 32px; border-radius: 40px; background: var(--color-primary); color: #fff; line-height: 1em; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
.floor .info .area ul li .txt { font-size: var(--font-size18); line-height: 1.5em; font-weight: 400; flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 2px; }
.floor [data-tab-content] { display: none;}
.floor [data-tab-content].active { display: block;}

/* 비급여수가조회 */
.uninsure-date { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 30px; gap: 8px; }
.uninsure-date .date { font-weight: 400; color: #878787; line-height: 1em; }

/* 증명서 발급 */
.certi-txt { display: flex; flex-direction: column; gap: 20px; }
.certi-txt li { display: flex; align-items: flex-start; gap: 30px; font-size: var(--font-size18); line-height: 1.5em; }
.certi-txt li .tt { min-width: 129px; font-weight: 600; color: #121212; }
.certi-txt li .txt { color: #505050; }
.certi-txt li .txt .gray { color: #878787; }
.certi-notice { display: flex; align-items: center; gap: 30px; background: #f9f9f9; border-radius: 16px; padding: 40px 30px; margin-top: 40px; }
.certi-notice-icon { width: 100px; height: 100px; flex-shrink: 0; overflow: hidden; border-radius: 50%; }
.certi-notice-icon img { width: 100%; height: 100%; object-fit: cover; }
.certi-notice-list { display: flex; flex-direction: column; gap: 20px; }
.certi-notice-list li { color: #404040; line-height: 1.5em; padding-left: 12px; position: relative; }
.certi-notice-list li::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #ccc; top: 9px; }
.certi-notice-list li .bold { font-weight: 500; color: #121212; }
.certi-notice-list li .gray { color: #878787; padding-left: 5px; }
.certi-group { margin-bottom: 60px; }
.certi-group:last-child { margin-bottom: 0; }
.certi-group h4 { font-size: var(--font-size20); line-height: 1.5em; color: #121212; font-weight: 600; margin-bottom: 13px; }
.download-btn-wrap { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 15px; }
.download-btn-wrap a { width: calc(100%/3 - 10px); justify-content: center; display: flex; align-items: center; gap: 15px; padding: 18px 0;}
.download-btn-wrap a img { position: relative; top: -1px; }
.download-btn-wrap a::after { display: none; }
.download-btn { display: inline-block; padding: 17px 35px 16px; border: 1px solid #121212; color: #121212; border-radius: 8px; padding-right: 70px; position: relative; font-weight: 500; }
.download-btn::after { content: ""; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; width: 14px; height: 14px; background: url(../images/sub/sub4-9-download.png) center no-repeat; background-size: contain; }
.certi-info-txt { font-size: var(--font-size20); line-height: 1.5em; color: #121212; font-weight: 400; margin-bottom: 33px; }

/* 면회신청 */
.visit-guide { display: flex; flex-wrap: wrap; gap: 20px; }
.visit-guide .item { flex: 1; border-radius: 16px; background: #F9F9F9; padding: 30px; }
.visit-guide .item .tt { line-height: 1em; font-size: var(--font-size24); font-weight: 700; color: #121212; }
.visit-guide .item .subtxt { margin: 20px 0 10px; min-height: 55px;}
.visit-guide .item .txt { margin-top: 15px; line-height: 2em; }
.visit-guide .item p { margin: 15px 0; line-height: 1.62em; }
.visit-guide .item .icon { text-align: right; }
.visit-check-txt { font-size: var(--font-size18); font-weight: 700; color: #121212; line-height: 1.5em; margin-bottom: 35px; }

/* 채용절차 */
.recruit-process { display: flex; flex-wrap: wrap; gap: 50px 40px; }
.recruit-process .col { width: calc(100%/4 - 30px); padding: 20px 10px; border-top: 1px solid #121212; min-height: 200px;}
.recruit-process .col .num { line-height: 1em; font-size: 14px; font-weight: 600; color: #121212; margin-bottom: 17px; }
.recruit-process .col .tt { line-height: 1.6em; font-size: var(--font-size20); font-weight: 600; color: #121212; letter-spacing: -.04em;}
.recruit-process .col .txt { margin-top: 8px; }
.recruit-process .col .txt p { line-height: 1.5em; margin-bottom: 5px; }
.recruit-process .col .txt p:last-child { margin-bottom: 0; }
.recruit-process .col .link { text-align: center; margin-top: 18px; }
.recruit-process .col .link a { width: 100%; }

/* 고객의 소리 */
.voice-info { margin-bottom: 100px; }
.voice-info .top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 60px; }
.voice-info .top .right { display: flex; gap: 20px; }
.voice-info .top .right .box { padding: 30px; display: flex; border-radius: 16px; background: #FDF7F2; align-items: center; min-width: 270px;}
.voice-info .top .right .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 15px; }
.voice-info .top .right .info .tt { font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1em; margin-bottom: 10px; }
.voice-info .top .right .info .txt { line-height: 1.3em; }
.voice-info .btm { display: flex; flex-wrap: wrap; gap: 30px; }
.voice-info .btm .col { width: calc(100%/2 - 15px); }
.voice-info .btm .col a { padding: 40px; border-radius: 16px; border: 1px solid #ddd; background: #FFF; display: block; position: relative; }
.voice-info .btm .col a::after { content: ""; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; background: url(../images/sub/sub5-4-view.png) center no-repeat; background-size: contain; transition: .2s;}
.voice-info .btm .col .tt { line-height: 1.4em; font-size: var(--font-size24); font-weight: 600; color: #121212; margin-bottom: 13px; }
.voice-info .btm .col .txt { line-height: 1.5em; }
.voice-info .btm .col a:hover::after { background-image: url(../images/sub/sub5-4-view-c.png);}

/* 병원견학 */
.tour-flex { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap;}

/* 자원봉사안내 */
.volunteer-step { display: flex; flex-wrap: wrap; gap: 160px; text-align: center; }
.volunteer-step .item { text-align: center; width: auto; position: relative; width: 110px; }
.volunteer-step .item::after { content: ""; position: absolute; width: 38px; height: 6px; background: url(../images/sub/sub-process-dot.png) center no-repeat; background-size: contain; right: -95px; top: 68px; }
.volunteer-step .item:last-child::after { display: none;}
.volunteer-step .item .step { line-height: 1em; font-size: 14px; font-weight: 400; margin-bottom: 20px; }
.volunteer-step .item .tt { line-height: 1.3em; color: #121212; font-size: var(--font-size20); font-weight: 600; margin-top: 17px; }
.volunteer-step .item .txt { margin-top: 8px; }

/* 사회공헌 */
.contri-vision { display: flex; flex-direction: column; align-items:center; gap: 20px; max-width: 880px;}
.contri-vision-box { background: #f4f4f4; border-radius: 1000px; padding: 50px; position: relative; display: flex; align-items: center; justify-content: center; }
.contri-vision-circles { display: flex; align-items: center; gap: 30px; position: relative; z-index: 1; }
.cv-circle { width: 240px; height: 240px; border-radius: 50%; overflow: hidden; position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.cv-circle img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cv-circle::after { content: ""; position: absolute; inset: 0; background: rgba(233,134,63,0.8); border-radius: 50%; }
.cv-circle span { position: relative; z-index: 1; font-size: var(--font-size24); font-weight: 600; color: #fff; text-align: center; line-height: 1.25em; }
.cv-dashed-oval { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 840px; height: 300px; border: 1px dashed #ccc; border-radius: 1000px; pointer-events: none; }
.contri-vision-txt { font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1em; text-align: center; }
.contri-slogan { text-align: center; display: flex; gap: 24px; flex-wrap: wrap;}
.contri-slogan .item { width: calc(100%/3 - 16px); }
.contri-slogan .item .txt { line-height: 1em; margin-bottom: 15px; }
.contri-slogan .item .img { position: relative; border-radius: 16px; overflow: hidden; }
.contri-slogan .item .img::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 16px; border: 1px solid #ddd;}
.contri-link { display: flex; margin-top: 30px; gap: 10px; width: 100%; justify-content: flex-end;}
.contri-link a { width: 200px; justify-content: center; display: flex; align-items: center; gap: 15px; padding: 17px 0;}
.contri-link a::after { display: none; }
.contri-big { position: relative; border-radius: 16px; overflow: hidden;}
.contri-big img { width: 100%; }
.contri-big .download-btn { position: absolute; right: 30px; bottom: 30px; background: rgba(255, 255, 255, 0.20); border: none; color: #fff; }
.contri-big .download-btn::after { background-image: url(../images/sub/download-btn-w.png);}

/* 후원 */
.donate-campaign h4 { line-height: 1.5em; font-size: var(--font-size24); font-weight: 700; color: #121212; padding-bottom: 24px; border-bottom: 1px solid #ddd; margin-bottom: 26px; }
.donate-campaign .col { margin-bottom: 35px; }
.donate-campaign .col p { margin-bottom: 20px; }
.donate-campaign .col p:last-child { margin-bottom: 0; }
.donate-group { margin-bottom: 80px; }
.donate-group:last-child { margin-bottom: 0; }
.donate-group h4 { line-height: 1.5em; font-size: var(--font-size24); font-weight: 600; color: #121212; margin-bottom: 30px; }
.donate-link { text-align: right; margin-top: 30px; }
.donate-account { padding: 35px 40px; border-radius: 16px; border: 1px solid #DDD; }
.donate-account h4 { font-size: var(--font-size24); line-height: 1.58em; color: #121212; font-weight: 600; margin-bottom: 30px; }
.donate-info { display: flex; flex-wrap: wrap; gap: 20px; }
.donate-info .col { width: calc(100%/2 - 10px); padding: 30px; border-radius: 16px; border: 1px solid #ddd; display: flex; align-items: flex-end; }
.donate-info .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; }
.donate-info .col .info .tt { font-size: var(--font-size24); line-height: 1.3em; color: #121212; font-weight: 600; }
.donate-info .col .info .txt { margin: 14px 0 24px; }
.donate-info .col .info .fx { display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}
.donate-info .col .info .fx .download-btn { padding-top: 16px; padding-bottom: 15px; }

/* 사회공헌/후원 */
.partner { overflow: hidden; margin-bottom: 80px; }
.partner h3 { font-size: var(--font-size32); font-weight: 700; color: #121212; line-height: 1.4em; margin-bottom: 25px; }
.op-wrap { display: flex; gap: 20px; }
.op-wrap .item { width: 220px; min-width: 0; flex-shrink: 0; text-align: center; overflow: hidden; position: relative;}
.op-wrap .item img { display: block; width: 100%; height: auto; }

/* 병원소개/미션 */
.it-bg { padding: 110px 0; background: url(../images/sub/sub7-1-visual.jpg) center no-repeat; background-size: cover; color: #fff; }
.it-bg .subtit { color: #fff; font-weight: 400; line-height: 1.45em; }
.it-bg .subtit strong { font-weight: 700; }
.it-bg p { color: rgba(255,255,255,0.5); font-weight: 400; line-height: 1.5em; margin-top: 30px; }
.it-sec1 { padding-top: 120px; background: url(../images/sub/sub7-1-bg.jpg) top center no-repeat; background-size: 100% 100vh; }
.mission-wrap { position: relative; }
.mission-wrap .arrow { position: absolute; left: 0; right: 0; margin: auto; top: 17%; }
.mission { display: flex; gap: 120px; justify-content: center; margin-bottom: 80px; position: relative; z-index: 1; }
.mission .col { width: auto; text-align: center; }
.mission .col .ctr { display: flex; margin: auto; width: 140px; height: 44px; border-radius: 50px; align-items: center; justify-content: center; color: #fff; line-height:1.5em; font-size: var(--font-size18); font-weight: 700; background: var(--color-primary); }
.mission .col .icon { margin: 30px 0;}
.mission .col .tt { line-height: 1.4em; color: #121212; font-size: var(--font-size24); font-weight: 700; margin-bottom: 12px; }
.mission .col .txt { line-height: 1.75em; }
.value-organ { text-align: center; position: relative; z-index: 1;}
.it-certi { display: flex; gap: 40px; flex-wrap: wrap;}
.it-certi-item { text-align: center; }
.it-certi-item .thumb { border-radius: 8px; overflow: hidden; margin-bottom: 15px; position: relative; }
.it-certi-item .thumb img { width: 100%; }
.it-certi-item .thumb .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; font-size: var(--font-size18); line-height: 1.55em; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 8px; opacity: 0; transition: .3s; background: rgba(0,0,0,0.5);}
.it-certi-item .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 8px; border: 1px solid #ddd;}
.it-certi-item .tt { line-height: 1.62em; color: #878787; }
.it-certi-item:hover .thumb .txt { opacity: 1; }
.it-medical { display: flex; align-items: flex-start;}
.it-medical .it-certi-item { margin-right: 40px; }
.it-medical .image { flex: 1 1 auto; min-width: 0; width: 1%; text-align: center; }
.it-medical .image .thumb { border-radius: 16px; overflow: hidden; position: relative; margin-bottom: 15px; }
.it-medical .image .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 16px; border: 1px solid #ddd;}
.it-medical .image .tt { line-height: 1.62em; color: #878787; }
.it-field { margin-bottom: 80px; }
.it-field.mg { margin-bottom: 0; }
.it-field h3 { font-size: var(--font-size20); font-weight: 600; line-height: 1.4em; color: #121212; margin-bottom: 15px; }
.it-diagram { text-align: center; }
.it-pd-txt { padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #ddd;}
.it-care-wrap { text-align: center; }
.it-care-wrap .it-top { display: flex; gap: 30px; padding-bottom: 50px; position: relative; }
.it-care-wrap .it-top::after { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 77.1%; height: 1px; background: #ddd; bottom: 0; }
.it-care-item { flex: 1; padding: 20px; border-radius: 16px; background: #F9F9F9; position: relative; }
.it-care-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: -50px; width: 1px; height: 50px; background: #ddd; margin: auto; }
.it-care-item .tt { margin-top: 24px; font-size: var(--font-size18); line-height: 1.55em; color: #121212; font-weight: 600; }
.it-care-wrap .it-txt-item { border-radius: 16px; background: #f9f9f9; padding: 5px 20px; flex: 1;}
.it-care-wrap .it-txt-item li { display: block; width: 100%; text-align: center; border-bottom: 1px dashed #ddd; padding: 13px 0; line-height: 1.3em; font-size: var(--font-size18); }
.it-care-wrap .it-txt-item li:last-child { border: none; }
.it-care-wrap .it-txt-item li.bd { border-bottom: 1px dashed #ddd;}
.it-care-wrap .it-btm { border-radius: 16px; padding: 5px 20px; background: #f9f9f9; gap: 50px; display: flex; position: relative; margin-top: 50px; }
.it-care-wrap .it-btm::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: -50px; width: 1px; height: 50px; background: #ddd; }
.it-care-wrap .it-btm .it-txt-item { border-radius: 0; background: transparent; padding: 0; }
.it-care-flex { display: flex; gap: 30px; flex-wrap: wrap;}
.it-care-flex .col { width: calc(100%/2 - 15px);}
.it-care-flex .it-txt-item { margin-top: 50px; }

/* 병원장 인사말 */
.gt { position: relative; overflow: hidden; margin-bottom: 60px; }
.gt::before { content: ""; position: absolute; left: 120px; bottom: 0; width: calc(100% - 120px); height: 85%; border-radius: 500px 0 0 500px; background: #FDF7F2; z-index: -1; }
.gt .contain { display: flex; align-items: center; position: relative; }
.gt .contain::after { content: none;}
.gt .info { padding-right: 20px; font-size: var(--font-size56); line-height: 1.35em; color: #121212; font-weight: 400;  font-family: "Nanum Myeongjo", serif; flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 50px; position: relative; z-index: 1; }
.gt .info span { color: var(--color-primary); font-weight: 600; }
.gt .big { position: absolute; left: 20px; bottom: -80px; font-size: 250px; color: #fff; font-weight: 800; line-height: 1em; }
.gt .img { position: relative; z-index: 1; }
.gt-content h2 { font-size: var(--font-size40); font-weight: 400; line-height: 1.4em; color: #121212; margin-bottom: 40px; } 
.gt-content .txt p { margin-bottom: 25px; font-size: var(--font-size20); line-height: 1.8em; }
.gt-content .txt p:last-child { margin-bottom: 0; }
.gt-content .sign { display: flex; align-items: flex-end; margin-top: 40px; }
.gt-content .sign strong { font-size: var(--font-size20); line-height: 1.3em; display: inline-block; font-weight: 600; color: #121212; padding-right: 25px; }

/* 연혁 */
.hst { display: flex; align-items: flex-start; height: 100%; position: relative; }
.hst .track  { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 1px; height: 100%; background: #ddd; }
.hst .track .bar { position: absolute; left: 0; top: 0; width: 100%; height: 0; background: var(--color-primary);}
.hst .dot-wrap { position: absolute; left: calc(50% - 15px); top: 0; width: 30px; height: 100%; pointer-events: none; }
.hst .dot { position: sticky; top: calc(30vh - 15px); width: 30px; height: 30px; background: url(../images/sub/sub1-reserve-dot-on.png) center no-repeat; background-size: contain; }
.hst .dot::before { content: ""; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; border-radius: 50%; transform: translate(-50%, -50%); animation: ripples 1s infinite; background: rgba(227, 99, 7,0.4); z-index: -1; }
@keyframes ripples { 
    0% { width: 30px; height: 30px; opacity: 1; } 
    100% { width: 44px; height: 44px; opacity: 0; } 
}
.hst>div { width: calc(100%/2);}
.hst .left { padding-right: 30px; position: sticky; top: 100px; }
.hst .left h3 { font-size: var(--font-size32); font-weight: 400; line-height: 1.62em; color: #121212; margin-bottom: 80px; }
.hst .left h3 strong { font-weight: 700; }
.hst .left ul li { margin-bottom: 50px; font-size: var(--font-size24); font-weight: 700; color: #ccc; line-height: 1.2em; transition: .3s; cursor: pointer;}
.hst .left ul li:last-child { margin-bottom: 0; }
.hst .left ul li strong { display: inline-block; padding-right: 10px; font-size: var(--font-size40);}
.hst .left ul li.active { color: var(--color-primary); font-size: var(--font-size32);}
.hst .left ul li.active strong { padding-right: 20px; font-size: 72px;}
.hst .right { padding-left: 75px; }
.hst .right .method { line-height: 1.2em; font-size: var(--font-size48); font-weight: 700; color: var(--color-primary); padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.hst .right .group { margin-bottom: 150px; }
.hst .right .group:last-child { margin-bottom: 0; }
.hst .right .inbox { margin-bottom: 95px; }
.hst .right .inbox:last-child { margin-bottom: 0; }
.hst .right .inbox .flex { display: flex; align-items: flex-start; }
.hst .right .inbox .year { width: 90px; font-size: var(--font-size24); line-height: 1.2em; color: #121212; font-weight: 700; }
.hst .right .inbox .flex ul { flex: 1 1 auto; min-width: 0; width: 1%; }
.hst .right .inbox .flex ul li { display: flex; margin-bottom: 20px; font-size: var(--font-size18); line-height: 1.5em; }
.hst .right .inbox .flex ul li:last-child { margin-bottom: 0; }
.hst .right .inbox .flex ul li .month { width: 45px; position: relative; font-weight: 600; color: #121212; padding-left: 12px; }
.hst .right .inbox .flex ul li .month::before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 4px; background: #505050; }
.hst .right .inbox .flex ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.hst .right .inbox .img { margin-top: 30px; }
.hst .right .inbox .img img { border-radius: 16px; }

/* HI */
.company-wrap { text-align: center; padding: 40px 0 60px; margin-bottom: 60px; border-bottom: 1px dashed #ccc; }
.ci-big { height: 400px; border-radius: 16px; border: 1px solid #ddd; background: url(../images/sub/ci-bg.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;}
.ci-link { display: flex; justify-content: center; gap: 10px; margin-top: 30px; }
.ci-link.right { justify-content: flex-end;}
.ci-link .download-btn { width: 200px; gap: 15px; padding: 0; padding-top: 17px; padding-bottom: 16px; align-items: center; display: flex; justify-content: center; }
.ci-link .download-btn::after { display: none; }
.ci .ci-group { margin-bottom: 24px; }
.ci .ci-group h3 { font-size: var(--font-size18); font-weight: 600; color: #121212; line-height: 1.4em; margin-bottom: 12px; }
.ci .ci-group .flex { display: flex; flex-wrap: wrap; gap: 20px; }
.ci .ci-group .flex .img { width: calc(100%/2 - 10px); border-radius: 16px; border: 1px solid #ddd; height: 200px; background: url(../images/sub/ci-bg2.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 0 15px;}
.ci-big2 { height: 300px; border-radius: 16px; border: 1px solid #ddd; background: url(../images/sub/ci-bg3.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 0 15px;}

/* 재단소개 */
.found { text-align: center; padding: 55px 15px; border-radius: 16px; background: #FDF7F2; margin-bottom: 20px; }
.found h5 { font-size: 16px; font-weight: 600; color: var(--color-primary); line-height: 1.3em; }
.found h3 { margin: 25px 0 14px; font-size: var(--font-size28); font-weight: 400; line-height: 1.44em; color: #121212; }
.found h3 strong { font-weight: 600; }
.found .chk {display: inline-grid; row-gap: 14px; column-gap: 70px; grid-template-rows: repeat(2,fit-content(100%)); grid-template-columns: repeat(3,fit-content(100%)); margin-top: 55px; }
.found .chk p { text-align: left; font-size: var(--font-size18); font-weight: 500; color: #121212; line-height: 1.5em; position: relative; padding-left: 24px; }
.found .chk p::before { content: ""; position: absolute; left: 0; width: 16px; height: 16px; background: url(../images/sub/sub1-1-chk.png) center no-repeat; background-size: contain; top: 6px; }
.found-logo { display: flex; justify-content: center; gap: 40px; }

/* 협력병원/기관 공통 */
.op-list { display: flex; gap: 20px; flex-wrap: wrap;}
.op-list .item { text-align: center; position: relative; border-radius: 8px; overflow: hidden; width: calc(100%/4 - 15px);}
.op-list .item::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 8px; border: 1px solid #ddd;}

/* 개인검진 */
.individual-txt { font-size: var(--font-size20); line-height: 1.6em; color: #121212; font-weight: 400; margin-bottom: 40px; }

/* 공단검진 */
.insurance-method { display: flex; align-items: center; padding: 30px; border-radius: 16px; background: #F9F9F9; }
.insurance-method .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 30px; }
.insurance-method .info .tt { color: var(--color-primary); font-size: var(--font-size24); line-height: 1.3em; font-weight: 700; margin-bottom: 5px; }
.insurance-method .info .tt span { font-size: var(--font-size18); color: #121212; font-weight: 400; }

/* 일반 건강검진 */
.general-list li { display: flex; font-size: var(--font-size18); line-height: 1.6em; margin-bottom: 10px; }
.general-list li:last-child { margin-bottom: 0; }
.general-list li .tt { width: 140px; color: #121212; font-weight: 600; }
.general-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.general-list li .txt span { color: #878787; }
.general-list li .txt.pt { padding-top: 1px; }
.general-list.wt li .tt {width: auto; padding-right: 20px; }

/* 암검진 */
.cancer .col { margin-bottom: 80px; }
.cancer .col:last-child { margin-bottom: 0; }
.cancer .col h3 { font-size: var(--font-size24); font-weight: 600; line-height: 1.5em; color: #121212; margin-bottom: 12px; }
.cancer .circle-wrap { display: flex; margin-top: 25px; gap: 98px; flex-wrap: wrap;}
.cancer .circle-wrap .circle { width: 145px; height: 145px; display: flex; align-items: center; justify-content: center; border-radius: 150px; background: #F4F4F4; font-weight: 600; color: #121212; position: relative; flex-direction: column;}
.cancer .circle-wrap .circle.last { color: var(--color-primary);}
.cancer .circle-wrap .circle::after { content: ""; position: absolute; width: 38px; height: 6px; top: 0; bottom: 0; margin: auto; right: -67px; background: url(../images/sub/sub-process-dot.png) center no-repeat; background-size: contain;}
.cancer .circle-wrap .circle.pt::after { top: 12px; }
.cancer .circle-wrap .circle.pt::before { content: "유소견"; font-size: 16px; font-weight: 600; color: var(--color-primary); position: absolute; right: -67px; top: 40%; transform: translateY(-50%);}
.cancer .circle-wrap .circle.plus::after { width: 18px; height: 18px; background: url(../images/sub/sub-process-plus.png) center no-repeat; background-size: contain; right: -57px; }
.cancer .circle-wrap .circle:last-child::after { display: none; }
.cancer .circle-wrap .circle span { display: block; font-size: 14px; color: #878787; font-weight: 400; }
.cancer-chk { position: relative; color: #878787; line-height: 1.3em; padding-left: 24px; }
.cancer-chk::before { content: ""; position: absolute; left: 0; width: 16px; height: 16px; top: 2px; background: url(../images/sub/sub1-4-chk.png) center no-repeat; background-size: contain; }

/* 예약하기 */
.health-choice-wrap { margin-top: 40px; }
.health-rs-choice { padding: 35px 50px; border-radius: 8px; border: 1px solid #DDD; margin-bottom: 20px; }
.health-rs-choice.mg { margin-bottom: 0; }
.health-rs-choice.pd { padding: 25px 50px; display: flex; align-items: center; }
.health-rs-choice.pd .tt { width: 210px; font-size: var(--font-size22); line-height: 1.4em; color: #121212; font-weight: 600; }
.health-rs-choice.pd .subtxt { flex: 1 1 auto; min-width: 0; width: 1%; position: relative; }
.health-rs-choice.pd .subtxt::after { content: ""; position: absolute; right: -20px; top: 0; bottom: 0; margin: auto; width: 16px; height: 10px; background: url(../images/center_sub/rs-up.png) center no-repeat; background-size: contain; }
.health-rs-choice .tit { font-size: var(--font-size20); font-weight: 600; line-height: 1.5em; color: #121212; margin-bottom: 30px; }
.health-rs-choice .col { margin-bottom: 40px; }
.health-rs-choice .col:last-child { margin-bottom: 0; }
.health-rs-choice .col .subtxt { border-bottom: 1px solid #ddd; padding-bottom: 4px; margin-bottom: 20px; }
.health-rs-choice .col .item-fx { display: flex; flex-wrap: wrap; gap: 10px; }
.health-rs-choice .col .item-fx .item { width: calc(100%/5 - 8px);}
.health-rs-choice .col .item-fx .item .checkbox label:before { width: 20px; height: 20px; border-radius: 4px; }
.health-rs-choice .col .item-fx.auto { gap: 10px 30px;}
.health-rs-choice .col .item-fx.auto .item { width: auto;}
.health-rs-choice.special { display: none; }
.health-day-flex { display: flex; padding: 0 10px; gap: 20px; }
.health-day-flex .item { width: calc(100%/2 - 10px); display: flex; align-items: center; position: relative; }
.health-day-flex .item .tt { font-size: var(--font-size18);}
.health-day-flex .item .day { font-weight: 600; color: #121212; text-align: center; width: 150px; }
.health-time-flex { display: flex; gap: 10px 30px; flex-wrap: wrap; align-items: center;}
.health-time-flex .item.flex { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; align-items: center;}
.health-time-flex .item.flex .radiobox { position: relative; top: 1px; }
.health-time-flex .item.flex .select { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; width: 1%; margin-left: 20px; }
.health-time-flex .item.flex .select span { padding: 0 18px;}
.health-time-flex .item.flex select { flex: 1 1 auto; min-width: 0; width: 1%; height: 58px; }
.health-time-flex .item.flex select:disabled { cursor: not-allowed; background: #f4f4f4; color: #878787; }
.button-flex { display: flex; gap: 10px; }
.button-flex button { width: calc(100%/2 - 5px); height: 58px; border-radius: 8px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; line-height: 2em; transition: .3s; font-weight: 400; background: transparent;}
.button-flex button:hover, 
.button-flex button.active { background: var(--color-primary); border-color: var(--color-primary); color: #fff; font-weight: 600; }
.health-drug-flex .drugs { display: none; gap: 10px 30px; flex-wrap: wrap; margin-top: 10px; align-items: center;}
.health-drug-flex .drugs .item { display: inline-block; }
.health-drug-flex .drugs .item.fx { flex: 1 1 auto; min-width: 0; width: 1%;}
.health-drug-flex .input { height: 58px; width: 100%; }
.health-drug-flex .input:disabled { cursor: not-allowed; background: #f4f4f4; color: #878787; }

/* 검진절차 */
.health-process-step { margin-bottom: 80px; } 
.health-wt { max-width: 72%;} 


/* 20260909 수정사항 - 의료사회복지서비스 */
.social-img-wrap { display: flex; justify-content: center; gap: 50px 28px; flex-wrap: wrap; text-align: center; }
.social-img-wrap .item { width: calc(100%/4 - 21px); }
.social-img-wrap .item img { width: 100%; text-align: center; border-radius: 16px; }
.social-img-wrap .item .tt { font-size: var(--font-size18); font-weight: 600; line-height: 1.6em; margin-top: 18px; color: #121212; }