.sub21-bg{background: url(../sub/img/sub21_bg.webp) center center / cover no-repeat;}
.sub21-bottom-bg{background: url(../sub/img/sub21_bottom_bg.webp) center center / cover no-repeat;}
.sub12-bg{background: url(../sub/img/sub_doctor_bg.webp) center center / cover no-repeat;}
.sub13-bg{background: url(../sub/img/sub_equip_bg.webp) center center / cover no-repeat;}
.sub14-bg{background: url(../sub/img/sub_locate_bg01.webp) center center / cover no-repeat;}
.sub-padding-bg{padding: 132px 0; background: #FBFBFB;}
.sub-padding-bt{padding-bottom: 132px;}
.img-center{text-align: center; margin: 0 auto; width: 100%; max-width: 1356px;}

.sub-comm-txt{display: flex; flex-direction: column; gap: 38px;}
.sub-comm-txt .tit{display: flex; flex-direction: column; gap: 12px;}
.sub-comm-txt .tit h3{color: #141414; font-family: var(--ff-pretendard); font-size: var(--fz-32); font-style: normal; font-weight: 600; line-height: 1.5; /* 150% */}
.sub-comm-txt .tit h4{color: #141414; font-family: var(--ff-cormorant); font-size: var(--fz-20); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.2px;}
.sub-comm-txt .tit h5{color: #141414; font-family: var(--ff-notoserif); font-size: var(--fz-22); font-style: normal; font-weight: 400; line-height: 1.45; /* 145.455% */}
.sub-comm-txt .tit .brown{color: #C5A059;}
.sub-comm-txt .desc{display: flex; flex-direction: column; gap: 18px;}
.sub-comm-txt02 {gap: 32px;}
.sub-comm-txt02 .desc{gap: 28px;}
.sub-comm-txt .desc p{color: #141414; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.77; /* 177.778% */ white-space: nowrap;}
.sub-comm-txt .desc .txt02{color: #141414; font-family: var(--ff-pretendard); font-size: var(--fz-20); font-style: normal; font-weight: 600; line-height: 1.77; /* 177.778% */}

.sec-comm-top{display: flex; height: 420px; align-items: center; justify-content: center; margin-top: 130px;}
.sec-comm-top .wrap{display: flex; flex-direction: column; gap: 50px; align-items: center; justify-content: center; text-align: center;}

.sec-comm-top .tit{color: #FFF;  display: flex; flex-direction: column; gap: 13px; align-items: center; justify-content: center; text-align: center;}
.sec-comm-top .tit h3{font-family: var(--ff-cormorant); font-size: var(--fz-20); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.2px;}
.sec-comm-top .tit h2{color: #FFF; font-family: var(--ff-cormorant); font-size: var(--fz-32); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.32px;}
.sec-comm-top .desc{color: #FFF; text-align: center; font-family: var(--ff-pretendard); font-size: var(--fz-32); font-style: normal; font-weight: 600; line-height: 1.31; /* 131.25% */}

.sub-main-comm{background: #fff; display: flex; flex-direction: column; gap: 128px; padding: 120px 0; justify-content: center;}
.sub-main-comm .box-inner{display: flex; flex-direction: column; gap: 100px;}
.sub-sect-column{display: flex; flex-direction: column; gap: 48px; justify-content: center; align-items: center; text-align: center;}

.sub-tit-box{display: flex; flex-direction: column; gap: 89px; }
.sub-tit-box02{ gap: 48px; }
.sub-tit-box > .sub-comm-txt .tit{align-items: center; text-align: center;}


.sub-sect-left .inner{max-width: 1356px; justify-content: space-between; width: 100%; margin: 0 auto;  display: flex; align-items: center;}
.sub-sect-left .inner02{max-width: 1258px;}
.sub-sect-left .inner03{max-width: 1215px;}
.sub-sect-left .inner04{gap: 112px;}
.sub-sect-left .inner05{justify-content: start; gap: 112px;}
.sub-sect-right .inner{max-width: 1356px; justify-content: space-between; width: 100%; margin: 0 auto;  display: flex; align-items: center; padding-left: 84px;}

.sub-process-sect{position:relative;padding:182px 0 ;background:#F5F1E8;}
.sub-process-sect .inner{display:grid;grid-template-columns:358px 1fr; gap:168px; max-width:1471px; width:100%;margin:0 auto;}
.sub-process-sect .process-left{position:relative;}
.sub-process-sect .process-sticky{position:sticky; top:170px; display:flex; align-items:flex-start; gap:46px; padding-top: 50px;}
.sub-process-sect .process-sticky h3{margin:0; color: #141414; font-family: var(--ff-cormorant); font-size: var(--fz-20); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.28px;}
.sub-process-sect .process-step-nav{display:flex;flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;}
.sub-process-sect .process-step-nav a{position: relative; display:inline-block; color: #141414; font-family: var(--ff-cormorant); font-size: var(--fz-28); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.28px;}
.sub-process-sect .process-step-nav a::after{transition: .35s; width: 0px; height: 1px; background-color: #141414; display: block; content: ""; left: 0; bottom: 0;}
.sub-process-sect .process-step-nav a.is-active::after{width: 100%;}
.sub-process-sect .process-right{display:flex; flex-direction: column;gap:50px;}
.sub-process-sect .process-card{position:relative; width:100%; height:395px; overflow:hidden; padding: 44px 40px; display: flex; flex-direction: column; justify-content: space-between;}
.sub-process-sect .process-card > *{position: relative; z-index: 2;}
.sub-process-sect .process-img{position:absolute; inset:0; z-index:0;}
.sub-process-sect .process-img img{display:block; width:100%; height:100%; object-fit:cover;}
.sub-process-sect .process-txt{ color:#fff; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch;}
.sub-process-sect .process-txt h4{font-family: var(--ff-pretendard); font-size: var(--fz-24); font-style: normal; font-weight: 600; line-height: normal;}
.sub-process-sect .process-txt p{font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.77; /* 177.778% */}
.sub-process-sect .process-num{ display:flex; align-items:center; justify-content:center; width:54px; height:54px; background:#C5A059; color: #FFF; font-family: var(--ff-cormorant); font-size: var(--fz-38); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.38px; margin-left: auto; line-height: .1;}
.sub-process-sect .process-card.is-active .process-num{background:#C5A059;}

.sub-layer-map-sect{position:relative;background:#fff; }
.sub-layer-map-sect .inner{width:100%;max-width:1471px;margin:0 auto; display: flex; flex-direction: column; gap: 48px;}
.sub-layer-map-sect .layer-tit{display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center;}
.sub-layer-map-sect .layer-map-sm{color: #141414; font-family: var(--ff-cormorant); font-size: var(--fz-20); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.2px;}
.sub-layer-map-sect .layer-map-title{ color:#141414;text-align:center;font-family:var(--ff-cormorant);font-size:var(--fz-28);font-style:normal;font-weight:700;line-height:normal;letter-spacing:.28px;}
.sub-layer-map-sect .layer-map-title02{color: #141414; font-family: var(--ff-pretendard); font-size: var(--fz-32); font-style: normal; font-weight: 600; line-height: 1.5; /* 150% */}
.sub-layer-map-sect .layer-map-swiper-wrap{position:relative;width:100%;max-width:1356px;margin:0 auto; border-radius: 20px;}
.sub-layer-map-sect .layer-map-swiper{width:100%;overflow:hidden;}
.sub-layer-map-sect .layer-map-card{width:100%;min-height:496px;padding:85px 111px;border:1px solid #A6A6A6;border-radius:20px;background:#fff;box-sizing:border-box; display: flex; flex-direction: column; gap: 50px;}
.sub-layer-map-sect .layer-map-card-title{display:flex;align-items:center;justify-content:center;gap:12px; }
.sub-layer-map-sect .layer-map-card-title span{color: #C5A059; font-family: var(--ff-cormorant); font-size: var(--fz-36); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.36px;}
.sub-layer-map-sect .layer-map-card-title h4{margin:0;color:#141414; color: #141414; font-family: var(--ff-notoserif); font-size: var(--fz-28); font-style: normal; font-weight: 600; line-height: normal;}
.sub-layer-map-sect .layer-map-card-cont{display:grid;grid-template-columns:572px 1fr;align-items:center;gap:70px;}
.sub-layer-map-sect .img-box{ overflow:hidden;background:#f1f1f1;}
.sub-layer-map-sect .img-box img{display:block;width:100%;height:100%;object-fit:cover; transition: .35s;}
.sub-layer-map-sect .layer-map-card:hover .img-box img{transform: scale(1.05);}
.sub-layer-map-sect .txt-box{display:flex;flex-direction:column;align-items:flex-start; gap: 38px;}
.sub-layer-map-sect .top-txt{display: flex; flex-direction: column; gap: 18px;}
.sub-layer-map-sect .bottom-txt{display: flex; flex-direction: column; gap: 12px;}
.sub-layer-map-sect .bottom-btn{width: fit-content; border-radius: 10px; border: 1px solid #847C70; background: #4A4540; overflow: hidden;}
.sub-layer-map-sect .bottom-btn a {display: flex; align-items: center; gap: 12px; padding: 10px 18px 10px 28px; color: #FFF; font-family: var(--ff-notoserif); font-size: var(--fz-16); font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.16px;}
.sub-layer-map-sect .txt-box h5{color:#141414; font-family: var(--ff-pretendard); font-size: var(--fz-20); font-style: normal; font-weight: 600; line-height: normal;}
.sub-layer-map-sect .txt-box p{color: #141414; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.77; /* 177.778% */}
.sub-layer-map-sect .txt-box strong{width: fit-content; display: flex; padding: 6px 28px; justify-content: center; align-items: center; gap: 10px; border-radius: 99px; background: #C5A059; color: #FFF; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 600; line-height: normal;}
.sub-layer-map-sect .txt-box .tool{color: #141414; font-family: var(--ff-pretendard); font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.77; /* 177.778% */}
.sub-layer-map-sect .layered-btn{position:absolute;top:50%;z-index:5;width:56px;height:56px;border:1px solid #A6A6A6;border-radius:50%;background:#fff;transform:translateY(-50%);cursor:pointer; display: flex; align-items: center; justify-content: center;}
.sub-layer-map-sect .layered-btn:hover{border-color: #F6F2EA; background: #F6F2EA;}
.sub-layer-map-sect .layer-map-prev{left:-84px;}
.sub-layer-map-sect .layer-map-next{right:-84px;}
.sub-layer-map-sect .layered-btn{transition: .35s;}
.sub-layer-map-sect .swiper-slide{height:auto;}

.sub-doctor .sec-sub-intro, .sub-about .sec-sub-intro{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 48px; width: 100%; padding: 128px 20px; box-sizing: border-box;}
.sub-doctor .sec-sub-intro .sub-comm-txt .tit, .sub-about .sec-sub-intro .sub-comm-txt .tit{align-items: center; text-align: center;}
.sub-doctor .sec-sub-intro article, .sub-about .sec-sub-intro article{display: flex; flex-direction: column; align-items: center; gap: 48px; width: 100%; max-width: 1440px;}
.sub-doctor .sec-sub-intro article .doctor-img-box, .sub-about .sec-sub-intro article .doctor-img-box{width: 100%; max-width: 1272px; text-align: center;}
.sub-doctor .sec-sub-intro article .doctor-img, .sub-about .sec-sub-intro article .doctor-img{width: 100%; max-width: 1272px; height: 584px; object-fit: cover; border-radius: 0; display: block; margin: 0 auto;}
.sub-doctor .sec-sub-intro article .desc, .sub-about .sec-sub-intro article .desc{line-height: 32px; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; color: #141414; text-align: center; word-break: keep-all;}

.sub-doctor .sec-sub-doctor{display: flex; flex-direction: column; align-items: center; gap: 191px; width: 100%; padding-bottom: 128px;}
.sub-doctor .sec-sub-doctor .doctor-item{display: flex; justify-content: center; align-items: center; gap: 183px; width: 100%; max-width: 1105px;}
.sub-doctor .sec-sub-doctor .doc-img-box{width: 553px; height: 677px; overflow: hidden; flex-shrink: 0;}
.sub-doctor .sec-sub-doctor .doc-img{width: 100%; height: 100%; object-fit: cover; display: block;}
.sub-doctor .sec-sub-doctor .info-cont{display: flex; flex-direction: column; gap: 70px; width: 315px; flex-shrink: 0;}
.sub-doctor .sec-sub-doctor .info-cont.left-pad{padding-left: 40px; box-sizing: content-box;}
.sub-doctor .sec-sub-doctor .doc-name{display: flex; align-items: flex-end; gap: 15px; white-space: nowrap;}
.sub-doctor .sec-sub-doctor .doc-name h3{color: #141414; font-family: var(--ff-notoserif); font-size: 42px; font-weight: 700; line-height: normal; letter-spacing: 1.26px;}
.sub-doctor .sec-sub-doctor .doc-name .part{color: #000; font-family: var(--ff-pretendard); font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0.6px;}
.sub-doctor .sec-sub-doctor .career-txt{display: flex; flex-direction: column; gap: 28px; color: #000; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0.54px;}
.sub-doctor .sec-sub-doctor .career-txt .history{margin-bottom: 0;}
.sub-doctor .sec-sub-doctor .career-txt .list{display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0; list-style: none;}
.sub-doctor .sec-sub-doctor .career-txt .list li::before{content: "· ";}

/* .sub-locate{display: flex; flex-direction: column; align-items: center; width: 100%; background-color: #fff;} */

.sub-locate .sec-sub-intro, .sub-locate .sec-sub-map{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 124px 20px; box-sizing: border-box;}
.sub-locate .sec-sub-intro{padding-bottom: 0; gap: 40px;}
.sub-locate .sec-sub-intro h3{letter-spacing: 0.01em; font-family: var(--ff-cormorant), 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; color: #141414; text-align: center; line-height: 1em;}
.sub-locate .sec-sub-intro article{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; max-width: 1440px;}
.sub-locate .sec-sub-intro article .locate-img-box{width: 100%;}
.sub-locate .sec-sub-intro article .locate-img{width: 100%; height: 471px; border-radius: 20px; object-fit: cover; display: block;}
.sub-locate .btn-wrap{display: flex; justify-content: center; align-items: center; gap: 28px;}
.sub-locate .map-btn-wrap{display: flex; justify-content: flex-start; align-items: center; gap: 28px;}
.sub-locate .btn-wrap a, .sub-locate .map-btn-wrap a{display: inline-flex; justify-content: center; align-items: center; gap: 10px; height: 40px; padding: 0 28px; border: 1px solid #141414; border-radius: 10px; letter-spacing: 0.48px; font-family: var(--ff-notoserif), 'NanumMyeongjo', serif; font-size: 16px; font-weight: 400; line-height: 1; color: #141414; background: #fff; transition: all 0.3s ease; white-space: nowrap; flex-shrink: 0; box-sizing: border-box;}
.sub-locate .btn-wrap a:hover, .sub-locate .map-btn-wrap a:hover{background-color: #f6f2ea; border-color: #141414;}
.sub-locate .btn-wrap a img, .sub-locate .map-btn-wrap a img{object-fit: contain; border-radius: 0;}
.sub-locate .btn-wrap a.btn-kakao img{width: 20px; height: 18px;}
.sub-locate .btn-wrap a.btn-naver img{width: 19px; height: 20px;}
.sub-locate .map-btn-wrap a.btn-naver-map img{width: 15px; height: 20px;}
.sub-locate .map-btn-wrap a.btn-kakao-map img{width: 14px; height: 20px;}
.sub-locate .sec-sub-map article{display: flex; justify-content: space-between; align-items: stretch; gap: 60px; width: 100%; max-width: 1440px; box-sizing: border-box;}
.sub-locate .sec-sub-map article .map-box{width: calc(52% - 30px); max-width: 718px; border-radius: 20px; overflow: hidden; flex-shrink: 1;}
.sub-locate .sec-sub-map article .map-box iframe{width: 100%; height: 100%; border: 0; display: block;}
.sub-locate .sec-sub-map article .map-box .root_daum_roughmap{width: 100% !important; height: 100% !important; border: none; border-radius: 20px; overflow: hidden;}
.sub-locate .sec-sub-map article .map-box .root_daum_roughmap .wrap_map{height: 100% !important;}
.sub-locate .sec-sub-map article .info-cont{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 64px; width: calc(48% - 30px); flex-shrink: 1; padding: 10px 0 25px; box-sizing: border-box;}
.sub-locate .sec-sub-map article .info-cont h3{line-height: 1.722em; font-family: var(--ff-notoserif), 'NanumMyeongjo', serif; font-size: 36px; font-weight: 700; color: #141414; margin-bottom: 0; letter-spacing: -0.02em; word-break: keep-all;}
.sub-locate .sec-sub-map article .info-cont ul{display: flex; flex-direction: column; align-items: flex-start; gap: 44px; width: 100%;}
.sub-locate .sec-sub-map article .info-cont ul li{display: flex; align-items: flex-start; gap: 32px; width: 100%; line-height: 1.231em; font-family: var(--ff-pretendard), 'Pretendard', sans-serif; font-size: 26px; color: #141414;}
.sub-locate .sec-sub-map article .info-cont ul li h4{width: 100px; font-weight: 600; flex-shrink: 0; white-space: nowrap;}
.sub-locate .sec-sub-map article .info-cont ul li .detail{display: flex; flex-direction: column; gap: 10px; flex: 1; font-weight: 400; word-break: keep-all;}
.sub-locate .sec-sub-map article .info-cont ul li .detail .phone-num{font-size: 30px; font-weight: 600; line-height: 1.067em; white-space: nowrap; color: inherit; text-decoration: none;}
.sub-locate .sec-sub-map article .info-cont ul li .detail p{display: flex; align-items: center; gap: 48px; margin-bottom: 0; flex-wrap: wrap;}
.sub-locate .sec-sub-map article .info-cont ul li .detail p.holiday{color: #9F9F9F; font-size: 22px; line-height: 1.45; letter-spacing: 1.76px;}
.sub-locate .sec-sub-map article .info-cont ul li .detail p .day-wf, .sub-locate .sec-sub-map article .info-cont ul li .detail p .day-sat{display: inline-block; width: 95px; flex-shrink: 0; white-space: nowrap;}
.sub-locate .sec-sub-map article .info-cont ul li .detail p .day-wf{font-weight: 600; letter-spacing: 0.23em;}
.sub-locate .sec-sub-map article .info-cont ul li .detail p .day-sat{font-weight: 600; letter-spacing: 0.08em;}
.sub-locate .sec-sub-map article .info-cont ul li .detail p .time{font-weight: 400; white-space: nowrap; font-variant-numeric: tabular-nums; font-feature-settings: "tnum";}
.sub-locate .sec-sub-map article .info-cont ul li .detail .transport-wrap{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.sub-locate .sec-sub-map article .info-cont ul li .detail .transport-txt{margin-bottom: 0; word-break: keep-all;}
.sub-locate .sec-sub-map article .info-cont ul li .detail.parking-detail{display: flex; flex-direction: column; gap: 10px; width: 100%;}
.sub-locate .sec-sub-map article .info-cont ul li .detail.parking-detail .parking-title{font-size: 26px; font-weight: 400; line-height: 1.4; color: #141414; margin-bottom: 0; display: block;}
.sub-locate .sec-sub-map article .info-cont ul li .detail.parking-detail .parking-desc{font-size: 22px; font-weight: 400; line-height: 1.45; color: #141414; margin-bottom: 0; word-break: keep-all; display: block;}

/* equipment page styling */
.sec-sub-equip{padding: 120px 0;}
.sec-sub-equip .wrap{width: 92%; max-width: 1440px; margin: 0 auto; box-sizing: border-box;}
.eq-search-box{display: flex; justify-content: flex-end; margin-bottom: 40px;}
.eq-search-box form{display: flex; align-items: center; gap: 6px; box-sizing: border-box;}
.eq-search-box .eq-select-wrap{box-sizing: border-box;}
.eq-search-box select{height: 43px; padding: 0 32px 0 16px; border: 1px solid #C5A059; border-radius: 5px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M0 0L6 6L12 0H0Z' fill='%23868686'/%3E%3C/svg%3E") no-repeat right 12px center #fff; background-size: 10px 5px; appearance: none; -webkit-appearance: none; font-size: 15px; font-weight: 500; color: #868686; cursor: pointer; outline: none; box-sizing: border-box; max-width: 100%;}
.eq-search-box select:focus{color: #141414;}
.eq-search-box .eq-input-wrap{display: flex; align-items: center; height: 43px; border: 1px solid #C5A059; border-radius: 5px; overflow: hidden; background: #fff; box-sizing: border-box; min-width: 0;}
.eq-search-box input{width: 220px; height: 100%; padding: 0 16px; border: none; outline: none; background: transparent; font-size: 15px; font-weight: 500; color: #141414; box-sizing: border-box; min-width: 0;}
.eq-search-box input::placeholder{color: #868686;}
.eq-search-box button{height: 100%; padding: 0 24px; border: none; background: #C5A059; font-size: 15px; font-weight: 500; color: #fff; cursor: pointer; transition: background 0.3s; flex-shrink: 0; box-sizing: border-box;}
.eq-search-box button:hover{background: #b08d48;}

.eq-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px 40px; margin-bottom: 60px;}
.eq-card{display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 0; cursor: pointer; box-sizing: border-box;}
.eq-thumb{width: 100%; aspect-ratio: 1/1; margin-bottom: 30px; overflow: hidden; background: #F8F8F8; display: flex; align-items: center; justify-content: center; transition: background 0.4s;}
.eq-thumb img{width: 100%; height: 100%; object-fit: contain; transition: transform 0.5s;}
#sub_eq .eq-thumb img{width: 100%; height: 100%; object-fit: contain;}
.eq-card:hover .eq-thumb{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 36.5%, rgba(197, 160, 89, 0.4) 83%);}
.eq-card:hover .eq-thumb img{transform: scale(1.05);}
.eq-info{display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; min-width: 0; text-align: center; box-sizing: border-box;}
.eq-title{font-size: 22px; font-weight: 600; line-height: 30px; color: #141414; margin: 0; word-break: break-word; overflow-wrap: break-word; max-width: 100%;}
.eq-short{font-size: 16px; font-weight: 400; line-height: 24px; color: #9f9f9f; margin: 0; word-break: break-word; overflow-wrap: break-word; max-width: 100%;}
.eq-short span, #modalShort span{display: inline-block; word-break: break-word; overflow-wrap: break-word;}

.eq-pagination{margin-top: 40px; text-align: center;}
.eq-pagination .pg_wrap{display: inline-flex; gap: 5px; flex-wrap: wrap; justify-content: center;}
.eq-pagination .pg_page{padding: 5px 10px; border: 1px solid #ddd; font-size: 14px; color: #333; text-decoration: none;}
.eq-pagination .pg_current{padding: 5px 10px; border: 1px solid #333; background: #333; font-size: 14px; font-weight: bold; color: #fff;}

.eq-modal{position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box;}
.eq-modal.active{display: flex;}
.eq-modal-bg{position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.eq-modal-content{position: relative; z-index: 1; display: flex; align-items: center; gap: 35px; width: 90%; max-width: 1040px; max-height: 90vh; overflow-y: auto; padding: 60px 78px; box-sizing: border-box; background: #fff; border-radius: 16px;}
.eq-modal-close{position: absolute; top: 30px; right: 30px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: none; background: none; cursor: pointer;}
.eq-modal-close svg{display: block; width: 100%; height: 100%;}
.eq-modal-left{position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 330px; height: 330px; background: #f8f8f8; overflow: hidden;}
.eq-modal-left img{display: block; width: 100%; height: 100%; object-fit: contain;}
.eq-modal-right{display: flex; flex-direction: column; gap: 40px; flex: 1; min-width: 0; box-sizing: border-box;}
.eq-modal-head{display: flex; flex-direction: column; gap: 16px;}
.eq-modal-right h3{margin: 0; word-break: break-word; overflow-wrap: break-word; font-size: 34px; font-weight: 700; line-height: 43px; color: #141414;}
.eq-modal-right p{margin: 0; word-break: break-word; overflow-wrap: break-word; font-size: 16px; font-weight: 600; line-height: 27px; color: #9f9f9f;}
.eq-modal-right #modalDesc{max-height: 250px; overflow-y: auto; word-break: break-word; overflow-wrap: break-word; font-size: 16px; font-weight: 500; line-height: 28px; color: #141414;}

.sub-layer-map-sect .layer-map-swiper .swiper-wrapper {align-items: stretch; }
.sub-layer-map-sect .layer-map-swiper .swiper-slide {height: auto; display: flex;}
.sub-layer-map-sect .layer-map-card {width: 100%;height: 100%;}

@media(max-width: 1200px){
    .eq-list{grid-template-columns: repeat(3, 1fr); gap: 50px 20px;}
}

@media(max-width:1024px){

    .sec-comm-top{height:400px;margin-top:0px; padding:80px 24px 0 ;box-sizing:border-box;}

    #sub_eq{overflow:hidden;}
    #sub_eq img{max-width:100%;height:auto;}
    #sub_eq .sub21-bg{background-position:center center;}
    #sub_eq .sub21-bottom-bg{background-position:center center;background-size:cover;}
    #sub_eq .sub-padding-bg{padding: 0;}
    #sub_eq .sub-padding-bt{padding-bottom:80px;}
    #sub_eq .img-center img{width:100%;}
    /* #sub_eq .sec-comm-top{height:400px;margin-top:0px; padding:80px 24px 0 ;box-sizing:border-box;} */
    #sub_eq .sec-comm-top .wrap{gap:32px;}
    #sub_eq .sec-comm-top .tit{gap:10px;}
    #sub_eq .sec-comm-top .tit h3{font-size:18px;letter-spacing:.18px;}
    #sub_eq .sec-comm-top .tit h2{font-size:28px;letter-spacing:.28px;}
    #sub_eq .sec-comm-top .desc{font-size:18px;line-height:1.4;word-break:keep-all;}

    #sub_eq .sub-main-comm{gap:80px;padding:80px 24px;}
    #sub_eq .sub-main-comm .box-inner{gap:70px;}
    #sub_eq .sub-sect-column{gap:40px;padding:0 24px;box-sizing:border-box;}
    #sub_eq .sub-sect-column > .img-box{width:100%;}
    #sub_eq .sub-sect-column > .img-box img{width:100%;}

    #sub_eq .sub-comm-txt{gap:28px;width:100%;}
    #sub_eq .sub-comm-txt .tit{gap:10px;}
    #sub_eq .sub-comm-txt .tit h3{font-size:24px;line-height:1.45;word-break:keep-all;}
    #sub_eq .sub-comm-txt .tit h4{font-size:18px;line-height:1.3;}
    #sub_eq .sub-comm-txt .tit h5{font-size:19px;line-height:1.55;word-break:keep-all;}
    #sub_eq .sub-comm-txt .desc{gap:16px;}
    #sub_eq .sub-comm-txt .desc p{font-size:15px;line-height:1.75;white-space:normal;word-break:keep-all;overflow-wrap:break-word;}
    #sub_eq .sub-comm-txt .desc .txt02{font-size:17px;line-height:1.65;word-break:keep-all;}

    #sub_eq .sub-tit-box{gap:60px;padding:0;box-sizing:border-box;}
    #sub_eq .sub-tit-box02{gap:44px;}
    #sub_eq .sub-tit-box > .sub-comm-txt .tit{align-items:center;text-align:center;}
    #sub_eq .sub-tit-box .box-inner{width:100%;}

    #sub_eq .sub-sect-left .inner{max-width:100%;padding:0 ;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:34px;}
    #sub_eq .sub-sect-left .inner02{max-width:100%;}
    #sub_eq .sub-sect-left .inner03{max-width:100%;}
    #sub_eq .sub-sect-left .inner04{gap:34px;}
    #sub_eq .sub-sect-right .inner{max-width:100%;padding:0;box-sizing:border-box;flex-direction:column-reverse;align-items:flex-start;gap:34px;}
    #sub_eq .sub-sect-left .img-box,#sub_eq .sub-sect-right .img-box{width:100%;}
    #sub_eq .sub-sect-left .img-box img,#sub_eq .sub-sect-right .img-box img{width:100%;}
    #sub_eq .sub-sect-left .txt-box,#sub_eq .sub-sect-right .txt-box{width:100%;}

    #sub_eq .sub-process-sect{padding:90px 0;}
    #sub_eq .sub-process-sect .process-img img{height: 100%;}
    #sub_eq .sub-process-sect .inner{display:flex;flex-direction:column;gap:36px;max-width:100%;padding:0 24px;box-sizing:border-box;}
    #sub_eq .sub-process-sect .process-left{width:100%;}
    #sub_eq .sub-process-sect .process-sticky{position:relative;top:auto;display:flex;flex-direction:column;gap:22px;padding-top:0;}
    #sub_eq .sub-process-sect .process-sticky h3{font-size:18px;}
    #sub_eq .sub-process-sect .process-step-nav{display:flex;flex-direction:row;gap:24px;width:100%; padding-bottom:8px; flex-wrap: wrap;}
    #sub_eq .sub-process-sect .process-step-nav li{flex:0 0 auto;}
    #sub_eq .sub-process-sect .process-step-nav a{font-size:22px;white-space:nowrap;}
    #sub_eq .sub-process-sect .process-right{gap:28px;}
    #sub_eq .sub-process-sect .process-card{height:320px;padding:28px 24px;}
    #sub_eq .sub-process-sect .process-txt{gap:16px;}
    #sub_eq .sub-process-sect .process-txt h4{font-size:19px;line-height:1.45;word-break:keep-all;}
    #sub_eq .sub-process-sect .process-txt p{font-size:14px;line-height:1.7;word-break:keep-all;}
    #sub_eq .sub-process-sect .process-num{width:44px;height:44px;font-size:28px;}

    #sub_eq .sub-layer-map-sect{padding:0;}
    #sub_eq .sub-layer-map-sect .inner{max-width:100%;gap:36px;padding:0;box-sizing:border-box;}
    #sub_eq .sub-layer-map-sect .layer-tit{gap:10px;text-align:center;}
    #sub_eq .sub-layer-map-sect .layer-map-sm{font-size:18px;}
    #sub_eq .sub-layer-map-sect .layer-map-title{font-size:24px;}
    #sub_eq .sub-layer-map-sect .layer-map-title02{font-size:24px;line-height:1.45;word-break:keep-all;}
    #sub_eq .sub-layer-map-sect .layer-map-swiper-wrap{max-width:100%;border-radius:16px;padding-bottom:0;}
    #sub_eq .sub-layer-map-sect .layer-map-card{min-height:auto;padding:40px 24px;border-radius:16px;gap:32px;}
    #sub_eq .sub-layer-map-sect .layer-map-card-title{gap:10px;align-items:center;justify-content:center;text-align:center; flex-direction: column;}
    #sub_eq .sub-layer-map-sect .layer-map-card-title span{font-size:28px;}
    #sub_eq .sub-layer-map-sect .layer-map-card-title h4{font-size:22px;line-height:1.35;word-break:keep-all;}
    #sub_eq .sub-layer-map-sect .layer-map-card-cont{display:flex;flex-direction:column;gap:30px;}
    #sub_eq .sub-layer-map-sect .img-box{width:100%; border-radius:10px;}
    #sub_eq .sub-layer-map-sect .img-box img{width:100%;height:100%;object-fit:cover;}
    #sub_eq .sub-layer-map-sect .txt-box{width:100%;gap:28px;}
    #sub_eq .sub-layer-map-sect .top-txt{gap:14px;white-space:normal;}
    #sub_eq .sub-layer-map-sect .bottom-txt{gap:10px;}
    #sub_eq .sub-layer-map-sect .txt-box h5{font-size:17px;line-height:1.55;word-break:keep-all;}
    #sub_eq .sub-layer-map-sect .txt-box p{font-size:14px;line-height:1.75;word-break:keep-all;}
    #sub_eq .sub-layer-map-sect .txt-box strong{padding:6px 20px;font-size:14px;}
    #sub_eq .sub-layer-map-sect .txt-box .tool{font-size:14px;line-height:1.7;word-break:keep-all; white-space: normal;}
    #sub_eq .sub-layer-map-sect .bottom-btn{border-radius:8px;}
    #sub_eq .sub-layer-map-sect .bottom-btn a{gap:10px;padding:10px 16px 10px 20px;font-size:14px;}
    #sub_eq .sub-layer-map-sect .layered-btn{ width:44px;height:44px;}
    #sub_eq .sub-layer-map-sect .layer-map-prev{left: 0; transform: translateX(-50%);}
    #sub_eq .sub-layer-map-sect .layer-map-next{right:0; transform: translateX(50%);}
    #sub_eq .sub-layer-map-sect .layered-btn img{width:8px;}

    .sub-locate .sec-sub-intro, .sub-locate .sec-sub-map{padding: 80px 20px;}
    .sub-locate .sec-sub-intro{padding-bottom: 0; gap: 40px;}
    .sub-locate .sec-sub-intro h3{font-size: 26px;}
    .sub-locate .sec-sub-intro article{gap: 20px;}
    .sub-locate .sec-sub-intro article .locate-img-box {height: 200px;}
    .sub-locate .sec-sub-intro article .locate-img{width: 100%; height: 100% !important; border-radius: 12px;}
    .sub-locate .btn-wrap, .sub-locate .map-btn-wrap{gap: 10px; justify-content: center; flex-wrap: wrap;}
    .sub-locate .btn-wrap a, .sub-locate .map-btn-wrap a{padding: 8px 16px; font-size: 14px; border-radius: 6px; width: auto; height: auto;}
    .sub-locate .sec-sub-map article{flex-direction: column; gap: 40px; align-items: center;}
    .sub-locate .sec-sub-map article .map-box{width: 100%; max-width: 100%; height: 300px; border-radius: 12px; aspect-ratio: auto;}
    .sub-locate .sec-sub-map article .info-cont{width: 100%; max-width: 100%; gap: 28px; align-items: center; text-align: center; padding: 0;}
    .sub-locate .sec-sub-map article .info-cont h3{line-height: 1.4em; font-size: 18px; text-align: center;}
    .sub-locate .sec-sub-map article .info-cont ul{gap: 28px; align-items: center;}
    .sub-locate .sec-sub-map article .info-cont ul li{flex-direction: column; gap: 8px; font-size: 16px; line-height: 1.5em; align-items: center; text-align: center;}
    .sub-locate .sec-sub-map article .info-cont ul li h4{width: 100%; font-size: 18px; line-height: 1.3em; text-align: center;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail{align-items: center; text-align: center; gap: 8px;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail .phone-num{font-size: 28px; line-height: 1.4em;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail p{gap: 16px; justify-content: center;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail p .day-wf, .sub-locate .sec-sub-map article .info-cont ul li .detail p .day-sat{display: inline-block; width: 68px; flex-shrink: 0; white-space: nowrap;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail p.holiday{font-size: 16px;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail .transport-wrap{gap: 10px; align-items: center;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail.parking-detail .parking-title{font-size: 16px; line-height: 1.4em; text-align: center;}
    .sub-locate .sec-sub-map article .info-cont ul li .detail.parking-detail .parking-desc{font-size: 14px; line-height: 1.45em; text-align: center;}

    .sub-doctor .sec-sub-intro, .sub-about .sec-sub-intro{padding: 60px 20px; gap: 30px;}
    .sub-doctor .sec-sub-intro article, .sub-about .sec-sub-intro article{gap: 30px;}
    .sub-doctor .sec-sub-intro article .doctor-img-box, .sub-about .sec-sub-intro article .doctor-img-box{height: auto;}
    .sub-doctor .sec-sub-intro article .doctor-img, .sub-about .sec-sub-intro article .doctor-img{width: 100%; height: auto; border-radius: 12px;}
    .sub-doctor .sec-sub-intro article .desc, .sub-about .sec-sub-intro article .desc{line-height: 1.6; font-size: 15px;}

    .sub-doctor .sec-sub-doctor{padding: 0 20px 80px; gap: 80px;}
    .sub-doctor .sec-sub-doctor .doctor-item{flex-direction: column; gap: 40px; width: 100%; max-width: 100%;}
    .sub-doctor .sec-sub-doctor .doctor-item:nth-child(2){flex-direction: column-reverse;}
    .sub-doctor .sec-sub-doctor .doc-img-box{width: 100%; max-width: 400px; height: auto; aspect-ratio: 553 / 677;}
    .sub-doctor .sec-sub-doctor .info-cont, .sub-doctor .sec-sub-doctor .info-cont.left-pad{width: 100%; max-width: 400px; gap: 30px; padding-left: 0;}
    .sub-doctor .sec-sub-doctor .doc-name h3{font-size: 32px;}
    .sub-doctor .sec-sub-doctor .doc-name .part{font-size: 16px;}
    .sub-doctor .sec-sub-doctor .career-txt{font-size: 15px; line-height: 1.6; gap: 20px;}

    .sec-sub-equip{padding: 70px 0;}
    .eq-search-box{justify-content: center; margin-bottom: 30px;}
    .eq-search-box form{width: 100%; max-width: 540px; margin: 0 auto;}
    .eq-search-box .eq-select-wrap{flex: 0 0 auto;}
    .eq-search-box select{height: 42px; font-size: 14px; padding: 0 28px 0 12px;}
    .eq-search-box .eq-input-wrap{flex: 1; min-width: 0; height: 42px;}
    .eq-search-box input{width: 100%; font-size: 14px; padding: 0 12px;}
    .eq-search-box button{height: 42px; font-size: 14px; padding: 0 20px; white-space: nowrap;}
    .eq-list{grid-template-columns: repeat(2, 1fr); gap: 40px 16px; margin-bottom: 40px;}
    .eq-thumb{margin-bottom: 18px;}
    .eq-info{gap: 10px;}
    .eq-title{font-size: 18px; line-height: 1.4;}
    .eq-short{font-size: 14px; line-height: 1.5;}
    .eq-modal-content{flex-direction: column; gap: 24px; width: 92%; max-width: 480px; max-height: 86vh; padding: 40px 24px 30px; border-radius: 14px;}
    .eq-modal-close{top: 16px; right: 16px; width: 32px; height: 32px;}
    .eq-modal-left{width: 100%; height: auto; aspect-ratio: 4/3; max-height: 220px; border-radius: 8px;}
    .eq-modal-right{gap: 18px; width: 100%;}
    .eq-modal-head{gap: 8px;}
    .eq-modal-right h3{font-size: 22px; line-height: 1.3;}
    .eq-modal-right p{font-size: 14px; line-height: 1.5;}
    .eq-modal-right #modalDesc{max-height: 180px; font-size: 14px; line-height: 1.6;}
}

@media(max-width: 768px){
    .pc{display: none !important;}
    .mo{display: block !important;}
    span.pc{display: none !important;}
    span.mo{display: inline !important;}

    #sub_eq .sec-comm-top{height: auto; min-height: 280px; padding: 70px 20px 40px;}
    #sub_eq .sec-comm-top .wrap{gap: 18px;}
    #sub_eq .sec-comm-top .tit h2{font-size: 24px; letter-spacing: 0.2px;}
    #sub_eq .sec-comm-top .desc{font-size: 15px; line-height: 1.5; word-break: break-word; overflow-wrap: break-word;}

    .sec-sub-equip{padding: 50px 0;}
    .sec-sub-equip .wrap{width: 90%;}
    .eq-search-box{margin-bottom: 24px;}
    .eq-list{gap: 30px 14px;}
    .eq-title{font-size: 16px; line-height: 1.35;}
    .eq-short{font-size: 13px; line-height: 1.45;}
}

@media(max-width: 540px){
    #sub_eq .sec-comm-top{padding: 60px 16px 36px; min-height: 240px;}
    #sub_eq .sec-comm-top .tit h2{font-size: 21px;}
    #sub_eq .sec-comm-top .desc{font-size: 14px; line-height: 1.45;}

    .sec-sub-equip{padding: 36px 0;}
    .sec-sub-equip .wrap{width: 92%;}
    
    /* 모바일 작은 화면에서 검색창 2단 전환으로 잘림 현상 방지 */
    .eq-search-box form{flex-direction: column; gap: 8px; width: 100%;}
    .eq-search-box .eq-select-wrap{width: 100%;}
    .eq-search-box select{width: 100%; height: 40px; font-size: 13px; padding: 0 28px 0 12px;}
    .eq-search-box .eq-input-wrap{width: 100%; height: 40px;}
    .eq-search-box input{flex: 1; min-width: 0; font-size: 13px; padding: 0 10px;}
    .eq-search-box button{padding: 0 16px; font-size: 13px; height: 100%;}

    .eq-list{grid-template-columns: repeat(2, 1fr); gap: 24px 10px; margin-bottom: 30px;}
    .eq-thumb{margin-bottom: 10px; border-radius: 6px;}
    .eq-info{gap: 6px;}
    .eq-title{font-size: 14px; line-height: 19px;}
    .eq-short{font-size: 12px; line-height: 16px;}
    .eq-short span{margin: 0 2px;}

    .eq-pagination{margin-top: 24px;}
    .eq-pagination .pg_wrap{gap: 3px;}
    .eq-pagination .pg_page, .eq-pagination .pg_current{padding: 4px 7px; font-size: 12px; min-width: 28px;}

    /* 모바일 모달 팝업 최적화 */
    .eq-modal{padding: 16px 12px;}
    .eq-modal-content{width: 100%; padding: 28px 16px 20px; max-height: 88vh; border-radius: 10px; gap: 16px;}
    .eq-modal-close{top: 10px; right: 10px; width: 28px; height: 28px;}
    .eq-modal-close svg{width: 18px; height: 18px;}
    .eq-modal-left{max-height: 160px; border-radius: 6px;}
    .eq-modal-right{gap: 12px;}
    .eq-modal-head{gap: 6px;}
    .eq-modal-right h3{font-size: 18px; line-height: 24px;}
    .eq-modal-right p{font-size: 12.5px; line-height: 18px;}
    .eq-modal-right #modalDesc{font-size: 12.5px; line-height: 20px; max-height: 150px;}
}