.youtubeList .youtubeItem .youtubeThumb iframe { width: 100%; height: 100%; border: 0; pointer-events: none; }
.noticeReadBody .embed-responsive { position: relative; width: 100%; max-width: 900px; aspect-ratio: 16 / 9; margin: 0 auto; overflow: hidden; }
.noticeReadBody .embed-responsive iframe { display: block; width: 100%; height: 100%; border: 0; }
.forMob { display: none; }
.commonTitleBox { margin-bottom: 44px; text-align: center; }
.commonTitleBox span { display: block; margin-bottom: 12px; font-size: 17px; font-weight: 600; color: var(--colorMain); }
.commonTitleBox strong { display: block; font-size: 40px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.noticeSearchBox { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 28px; }
.noticeSearchBox input { width: 320px; height: 50px; padding: 0 18px; border: 1px solid #dbe4ec; border-radius: 10px; font-size: 16px; color: #555; }
.noticeSearchBox button { width: 90px; height: 50px; border: 0; border-radius: 10px; background: var(--colorMain); font-size: 16px; font-weight: 700; color: var(--colorWhite); cursor: pointer; }
.subWrap { overflow: visible; padding: 0 40px;  word-break: keep-all; }
.subWrap .subMain {  position: relative; display: flex; align-items: center; width: 100%; height: 310px; background: var(--colorWhite); margin-bottom: 100px; }
.subWrap .subMain .subMainBg { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
.subWrap .subMain .subMainBg img { display: block; width: 100%; height: 100%; border-radius: 30px; object-fit: cover; }
.subWrap .subMain .subMainText { position: relative; z-index: 2; width: 100%; max-width: 1400px; margin: 0 auto 25px; padding: 0 110px; }
.subWrap .subMain .subMainText strong { display: block; text-align: center; font-size: 55px; font-weight: 700; line-height: 1.1; color: var(--colorText); }
.subWrap .subMain .subMainText .subLocation { display: flex; align-items: center; gap: 10px; }
.subWrap .subMain .subMainText .subLocation a { width: 15px; height: 15px; }
.subWrap .subMain .subMainText .subLocation a img { width: 100%; height: 100%; }
.subWrap .subMain .subMainText .subLocation > li { position: relative; display: flex; align-items: center; }
/* .subWrap .subMain .subMainText .subLocation > li::after { content: "•"; position: absolute; right: -12px; top: 50%; font-size: 12px; color: var(--colorSub); transform: translateY(-50%); } */
.subWrap .subMain .subMainText .subLocation > li:last-child::after { display: none; }
.subWrap .subMain .subMainText .subLocation > li > a,
.subWrap .subMain .subMainText .subLocation > li > button { display: flex; align-items: center; gap: 4px; font-size: 18px; font-weight: 500; color: var(--colorText); background: none; border: 0; cursor: pointer; }
.subWrap .subMain .subMainText .subLocation > li > a .material-symbols-outlined { font-size: 20px; color: var(--colorPoint); }
.subWrap .subMain .subMainText .subLocation > li > button .material-symbols-outlined { font-size: 20px; color: var(--colorMain); transition: transform 0.25s ease; }
.subWrap .subMain .subMainText .subLocation > li.on > button .material-symbols-outlined { transform: rotate(180deg); }
.subWrap .subMain .subMainText .subLocation > li .depthMenu { position: absolute; left: 0; top: calc(100% + 18px); display: none; width: auto; white-space: nowrap; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 10px; background: var(--colorWhite); z-index: 20; }
.subWrap .subMain .subMainText .subLocation > li.on .depthMenu { display: block; }
.subWrap .subMain .subMainText .subLocation > li .depthMenu li { }
.subWrap .subMain .subMainText .subLocation > li .depthMenu li:last-child { border-bottom: 0; }
.subWrap .subMain .subMainText .subLocation > li .depthMenu li a { display: flex; align-items: center; height: 40px; padding: 0 20px; font-size: 16px; font-weight: 500; color: var(--colorText);  background: var(--colorWhite);  transition: all 0.25s ease; width: 100%; }
.subWrap .subMain .subMainText .subLocation > li .depthMenu li.active a { font-weight: 700; background: #f6f6f6; }
.subWrap .subMain .subMainText .subLocation > li .depthMenu li a:hover { font-weight: 700;  background: #f6f6f6; }
.subWrap .subMain .subMainText .subLocation > li .depthMenu:hover li.active a { background: none; }
.subWrap .subMain .subMainText .subLocation > li .depthMenu:hover li.active:hover a { background: #f6f6f6; }
/* 인사말 */
.infoWrap { margin-bottom: 100px; }
.infoWrap h1 { font-size: 50px; line-height: 1.2;  color: var(--colorBlack); text-align: center; margin-bottom: 100px; }
.infoWrap h1 strong { font-weight: 700; color: var(--colorMain); }
.infoWrap .infoBox { display: flex; justify-content: center; gap: 100px; }
.infoWrap .infoBox .ceoImg { }
.infoWrap .infoBox .ceoImg img { border-radius: 30px; }
.infoWrap .infoBox .textBox {  }
.infoWrap .infoBox .textBox p { font-size: 25px; line-height: 1.4; color: var(--colorBlack); margin-bottom: 50px; }
.infoWrap .infoBox .textBox .signature { display: flex; align-items: center; justify-content: end; }
.infoWrap .infoBox .textBox .signature img {  }
.visionWrap { margin-bottom: 120px; padding: 110px 40px; border-radius: 30px; background: linear-gradient(135deg, rgba(42, 55, 103, 0.08), rgba(83, 146, 204, 0.08)); text-align: center; }
.visionWrap .visionInner { max-width: 1400px; margin: 0 auto; }
.visionWrap .visionInner h2 { margin-bottom: 28px; font-size: 22px; font-weight: 800; letter-spacing: 0.18em; color: #3b4877; }
.visionWrap .visionInner .visionTitle { margin-bottom: 30px; font-size: 44px; font-weight: 600; line-height: 1.3; color: var(--colorBlack); }
.visionWrap .visionInner .visionTitle strong { font-weight: 800; color: var(--colorMain); }
.visionWrap .visionInner .visionText { font-size: 22px; font-weight: 400; line-height: 1.7; color: var(--colorBlack); }
.principleWrap { margin-bottom: 140px; }
.principleWrap .principleInner { max-width: 1200px; margin: 0 auto; }
.principleWrap .principleInner h2 { margin-bottom: 18px; font-size: 18px; font-weight: 700; letter-spacing: 0.18em; color: #3b4877; text-align: center; }
.principleWrap .principleInner .principleTitle { position: relative; margin-bottom: 110px; padding-bottom: 34px; font-size: 50px; font-weight: 700; line-height: 1.3; color: var(--colorMain); text-align: center; }
.principleWrap .principleInner .principleTitle::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 70px; height: 1px; background: var(--colorMain); transform: translateX(-50%); }
.principleWrap .principleInner .principleList { display: flex; flex-direction: column; gap: 120px; }
.principleWrap .principleInner .principleList li { display: flex; align-items: center; gap: 80px; }
.principleWrap .principleInner .principleList li:nth-child(even) { flex-direction: row-reverse; }
.principleWrap .principleInner .principleList li .sloganBox { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 230px; height: 230px; border-radius: 50%; }
.principleWrap .principleInner .principleList li:nth-child(1) .sloganBox { background: var(--colorMain); }
.principleWrap .principleInner .principleList li:nth-child(2) .sloganBox { background: var(--colorSub); }
.principleWrap .principleInner .principleList li:nth-child(3) .sloganBox { background: var(--colorPoint); }
.principleWrap .principleInner .principleList li .sloganBox p { text-align: center; color: var(--colorWhite); }
.principleWrap .principleInner .principleList li .sloganBox p strong { display: flex; align-items: end; justify-content: center; margin-bottom: 5px; font-size: 50px; font-weight: 600; line-height: 1; }
.principleWrap .principleInner .principleList li .sloganBox p span { display: block; font-size: 24px; }
.principleWrap .principleInner .principleList li .sloganBox p em { display: block; font-size: 20px; font-weight: 600; font-style: normal; line-height: 1.3; }
.principleWrap .principleInner .principleList li .textBox { flex: 1; }
.principleWrap .principleInner .principleList li .textBox .en { font-size: 25px; }
.principleWrap .principleInner .principleList li .textBox h3 { margin-bottom: 20px; font-size: 40px; font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; }
.principleWrap .principleInner .principleList li:nth-child(1) .textBox h3 { color: var(--colorMain); }
.principleWrap .principleInner .principleList li:nth-child(2) .textBox h3 { color: var(--colorSub); }
.principleWrap .principleInner .principleList li:nth-child(3) .textBox h3 { color: var(--colorPoint); }
.principleWrap .principleInner .principleList li .textBox p { font-size: 32px; font-weight: 400; line-height: 1.55; color: var(--colorBlack); letter-spacing: -0.03em; }


/* 병원특징 */
.featureInner { width: 100%; max-width: 1400px; margin: 0 auto 100px; }
.featureTitleBox { text-align: center; margin-bottom: 60px; }
.featureTitleBox p { font-size: 44px; font-weight: 300; line-height: 1.35; color: var(--colorBlack); }
.featureTitleBox p em { font-style: normal; font-weight: 700; color: var(--colorMain); }
.featureTitleBox p strong { font-weight: 700; color: var(--colorMain); }
.featureList { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.featureList li { display: flex; height: 100%; list-style: none; }
.featureList li .featureItem { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 320px; height: 100%; padding: 36px 20px; border: 1px solid #e5e8f0; border-radius: 24px; background: var(--colorWhite); text-align: center; transition: all 0.3s ease; }
.featureList li .featureItem:hover { transform: translateY(-8px); border-color: var(--colorMain); }
.featureList li .featureItem .featureIcon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 150px; height: 150px; margin-bottom: 24px; border-radius: 50%; background: #f3f6fb; }
.featureList li .featureItem .featureIcon img { display: block; max-width: 100px; max-height: 100px; }
.featureList li .featureItem p { display: flex; align-items: center; justify-content: center; flex: 1; width: 100%; font-size: 20px; font-weight: 600; line-height: 1.45; color: var(--colorBlack); }

/* 진료시간 */
.timeInner { width: 100%; max-width: 1400px; margin: 0 auto 100px; }
.timeInfoBox { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; margin-bottom: 120px; }
.timeInfoBox .timeImg { overflow: hidden; border-radius: 30px; }
.timeInfoBox .timeImg img { display: block; width: 100%; height: 100%; object-fit: cover; }
.timeInfoBox .timeContent { display: flex; flex-direction: column; gap: 24px; }
.timeInfoBox .timeContent .timeCard { padding: 40px; border: 1px solid #e5e8f0; border-radius: 30px; background: var(--colorWhite); }
.timeInfoBox .timeContent .timeCard strong { display: block; margin-bottom: 30px; font-size: 34px; font-weight: 700; color: var(--colorMain); }
.timeInfoBox .timeContent .timeCard .timeTable { display: flex; flex-wrap: wrap; gap: 20px 0; }
.timeInfoBox .timeContent .timeCard .timeTable li { display: flex; width: 50%; }
.timeInfoBox .timeContent .timeCard .timeTable li span { width: 120px; font-size: 20px; font-weight: 600; color: var(--colorBlack); }
.timeInfoBox .timeContent .timeCard .timeTable li p { font-size: 20px; color: var(--colorBlack); }
.timeInfoBox .timeContent .timeCard .timeTable li p.red { color: #e53935; font-weight: 700; }
.timeInfoBox .timeContent .timeCard small { display: block; margin-top: 30px; font-size: 22px; color: #e53935; }
.timeInfoBox .timeContent .callCard .callList { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.timeInfoBox .timeContent .callCard .callList a { font-size: 42px; font-weight: 700; color: var(--colorBlack); }
.timeInfoBox .timeContent .callCard .address { font-size: 17px; line-height: 1.6; color: var(--colorBlack); }
.clinicTitleBox { text-align: center; margin-bottom: 60px; }
.clinicTitleBox strong { display: block; margin-bottom: 16px; font-size: 46px; font-weight: 700; color: var(--colorMain); }
.clinicTitleBox p { font-size: 22px; line-height: 1.7; color: var(--colorMain); }
.clinicList { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.clinicList li { display: flex; }
.clinicList li .clinicItem { display: flex; flex-direction: column; width: 100%; overflow: hidden; border-radius: 24px; border: 1px solid #e5e8f0; background: var(--colorWhite); transition: all 0.3s ease; }
.clinicList li .clinicItem:hover { transform: translateY(-8px); border-color: var(--colorMain); }
.clinicList li .clinicItem .clinicThumb { overflow: hidden; aspect-ratio: 1 / 0.8; }
.clinicList li .clinicItem .clinicThumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.clinicList li .clinicItem:hover .clinicThumb img { transform: scale(1.08); }
.clinicList li .clinicItem .clinicText { display: flex; flex-direction: column; flex: 1; padding: 30px; }
.clinicList li .clinicItem .clinicText strong { margin-bottom: 18px; font-size: 28px; font-weight: 700; color: var(--colorMain); }
.clinicList li .clinicItem .clinicText p { flex: 1; font-size: 17px; line-height: 1.7; color: var(--colorBlack); }
.clinicList li .clinicItem .clinicText a { display: inline-flex; align-items: center; margin-top: 30px; font-size: 16px; font-weight: 600; color: var(--colorMain); }
.mobileBr { display: none; }

/* 협력기관 */
.cooperationInner { margin-bottom: 100px; }
.cooperationInner .cooperationTitleBox { text-align: center; margin-bottom: 60px; }
.cooperationInner .cooperationTitleBox p { font-size: 44px; font-weight: 300; line-height: 1.35; color: var(--colorBlack); }
.cooperationInner .cooperationTitleBox p em { font-style: normal; font-weight: 700; color: var(--colorMain); }
.cooperationInner .cooperationList { display: flex; flex-wrap: wrap; gap: 24px; }
.cooperationInner .cooperationList li { width: calc((100% - 72px) / 4); }
.cooperationInner .cooperationList li:nth-child(-n+3) { width: calc((100% - 48px) / 3); }
.cooperationInner .cooperationList li .cooperationItem { display: flex; align-items: center; justify-content: center; min-height: 150px; padding: 28px; border: 1px solid #e5e8f0; border-radius: 24px; background: var(--colorWhite); transition: all 0.3s ease; }
.cooperationInner .cooperationList li .cooperationItem:hover { transform: translateY(-6px); border-color: var(--colorMain); }
.cooperationInner .cooperationList li .cooperationItem img { display: block; max-width: 100%; height: 90px; object-fit: contain; }

/* 오시는길 */
.locationInner { width: 100%; max-width: 1400px; margin: 0 auto 120px; }

.locationInner .locationTitleBox span { display: block; margin-bottom: 14px; font-size: 15px; font-weight: 700; letter-spacing: 0.18em; color: var(--colorSub); }
.locationInner .locationTitleBox h3 { margin-bottom: 18px; font-size: 42px; font-weight: 700; line-height: 1.25; color: var(--colorText); }
.locationInner .locationTitleBox p { font-size: 19px; font-weight: 400; color: #555; }
.locationInner .locationMapBox { overflow: hidden; width: 100%; height: 520px; border-radius: 10px; }
.locationInner .locationMapBox iframe { display: block; width: 100%; height: 100%; border: 0; }
.locationInner .locationInfoBox { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 28px; }
.locationInner .locationInfoBox .locationInfoItem { display: flex; align-items: flex-start; gap: 16px; min-height: 150px; padding: 30px 26px; border: 1px solid #e5e8f0; border-radius: 10px; background: var(--colorWhite); }
.locationInner .locationInfoBox .locationInfoItem > span { flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; background: var(--colorMain); font-size: 25px; line-height: 46px; text-align: center; color: var(--colorWhite); }
.locationInner .locationInfoBox .locationInfoItem div strong { display: block; margin-bottom: 10px; font-size: 19px; font-weight: 700; color: var(--colorText); }
.locationInner .locationInfoBox .locationInfoItem div p { font-size: 16px; font-weight: 400; line-height: 1.6; color: #555; }

.locationInner .locationInfoDetailBox { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; margin-top: 32px; visibility: visible !important; opacity: 1 !important; transform: none !important; }
.locationInner .locationInfoDetailBox .locationDetailItem { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 80px; padding: 30px; border: 1px solid #e5e8f0; border-radius: 10px; background: #fff; }
.locationInner .locationInfoDetailBox .locationDetailTitle { display: block !important; margin-bottom: 18px; font-size: 20px; font-weight: 700; color: #2a3767; }
.locationInner .locationInfoDetailBox p { display: block !important; margin: 0; font-size: 17px; line-height: 1.6; color: #555; }
.locationInner .locationInfoDetailBox p a { color: #555; }
.locationInner .locationInfoDetailBox ul { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.locationInner .locationInfoDetailBox ul li { display: flex !important; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 100px; background: #f5f7fb; font-size: 15px; font-weight: 500; color: #555; }
.locationInner .locationInfoDetailBox .subwayLine { display: inline-flex !important; align-items: center; justify-content: center; min-width: 48px; height: 24px; padding: 0 8px; border-radius: 100px; font-size: 12px; font-weight: 700; color: #fff; }
.locationInner .locationInfoDetailBox .line6 { background: #b5500b; }
.locationInner .locationInfoDetailBox .line4 { background: #00a4e3; }
.locationInner .locationInfoDetailBox .lineUi { background: #b7c452; }
.locationInner .locationInfoDetailBox .locationBusList { flex-direction: column; align-items: flex-start; }
.locationInner .locationInfoDetailBox .locationBusList li { width: 100%; }
.locationInner .locationInfoDetailBox .busType { flex-shrink: 0; display: inline-flex !important; align-items: center; justify-content: center; width: 54px; height: 28px; border-radius: 100px; font-size: 13px; font-weight: 700; color: #fff; }
.locationInner .locationInfoDetailBox .busType.village { background: #69b241; }
.locationInner .locationInfoDetailBox .busType.branch { background: #4fb848; }
.locationInner .locationInfoDetailBox .busType.blue { background: #2d6cdf; }


/* 의료진 소개 */
.doctorProfileInner { width: 100%; max-width: 1400px; margin: 0 auto 100px; } 
.doctorProfileTop { display: grid; grid-template-columns: 440px 1fr; gap: 110px; align-items: start; } 
.doctorImageBox { position: sticky; top: 120px; overflow: hidden; border-radius: 30px; background: var(--colorWhite); } 
.doctorImageBox img { display: block; width: 100%; height: 620px; object-fit: cover; } 
.doctorInfoBox { min-width: 0; } 
.doctorTitleBox { display: flex; align-items: end; color: #333; margin-bottom: 34px; padding-bottom: 30px; border-bottom: 1px solid #dbe5ee; } 
.doctorTitleBox h3 { font-size: 48px; font-weight: 600; letter-spacing: -1.44px; margin-right: 24px; } 
.doctorTitleBox p { display: flex; align-items: center; font-size: 27px; font-weight: 600; } 
.doctorTitleBox p.a::after { content: ""; display: inline-block; width: 1px; height: 18px; margin: 0 13px; background-color: #333; vertical-align: middle; }
.doctorContentGrid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 24px; } 
.doctorContentCard { padding: 34px; border: 1px solid #dce8f1; border-radius: 10px; background: rgba(255, 255, 255, 0.9); } 
.doctorContentCard strong { display: block; margin-bottom: 22px; font-size: 25px; font-weight: 800; color: var(--colorMain); letter-spacing: -0.03em; } 
.doctorContentCard ul { margin: 0; padding: 0; list-style: none; } 
.doctorContentCard ul li { position: relative; padding-left: 16px; margin-bottom: 13px; font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--colorBlack); letter-spacing: -0.03em; } 
.doctorContentCard ul li:last-child { margin-bottom: 0; } 
.doctorContentCard ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorMain); } 
.doctorContentCard ul li em { display: inline-block; min-width: 92px; margin-right: 8px; font-style: normal; font-weight: 800; color: var(--colorMain); }

.doctorHistoryCard { max-height: 620px; overflow-y: auto; } 
.doctorHistoryCard::-webkit-scrollbar { width: 6px; } 
.doctorHistoryCard::-webkit-scrollbar-thumb { border-radius: 999px; background: #b8cad8; } 
.doctorBookBox { margin-top: 28px; padding: 38px; border-radius: 10px; background: var(--colorMain); } 
.doctorBookBox strong { display: block; margin-bottom: 24px; font-size: 26px; font-weight: 800; color: var(--colorWhite); letter-spacing: -0.03em; } 
.doctorBookBox ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 34px; margin: 0; padding: 0; list-style: none; } 
.doctorBookBox ul li { position: relative; padding-left: 16px; font-size: 16px; font-weight: 400; line-height: 1.65; color: rgba(255, 255, 255, 0.86); letter-spacing: -0.03em; } 
.doctorBookBox ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorWhite); } 
.doctorBookBox ul li em { display: inline-block; min-width: 92px; margin-right: 8px; font-style: normal; font-weight: 800; color: var(--colorWhite); }
.doctorBookBox ul li { display: grid; grid-template-columns: 110px 1fr; gap: 18px; position: relative; padding-left: 16px; font-size: 16px; font-weight: 400; line-height: 1.65; color: rgba(255, 255, 255, 0.86); letter-spacing: -0.03em; align-items: start; } 
.doctorBookBox ul li em { min-width: auto; margin-right: 0; font-style: normal; font-weight: 800; color: var(--colorWhite); }
.doctorHistoryCard ul li { display: grid; grid-template-columns: 110px 1fr; gap: 18px; position: relative; padding-left: 16px; margin-bottom: 13px; font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--colorBlack); letter-spacing: -0.03em; align-items: start; } 
.doctorHistoryCard ul li em { min-width: auto; margin-right: 0; font-style: normal; font-weight: 800; color: var(--colorMain); }

/* 유튜브 강의 */
.youtubePageInner { width: 100%; max-width: 1400px; margin: 0 auto 100px; }
.youtubePageTitleBox { margin-bottom: 42px; text-align: center; }
.youtubePageTitleBox span { display: inline-block; margin-bottom: 14px; font-size: 15px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; text-transform: uppercase; }
.youtubePageTitleBox h3 { margin: 0 0 16px; font-size: 44px; font-weight: 800; line-height: 1.25; color: var(--colorText); letter-spacing: -0.04em; }
.youtubePageTitleBox p { margin: 0; font-size: 18px; font-weight: 400; line-height: 1.7; color: #667789; }
.youtubeSearchBox { display: flex; justify-content: end; gap: 10px; margin-bottom: 46px; }
.youtubeSearchBox select { width: 130px; height: 54px; padding: 0 18px; border: 1px solid #dce5ee; border-radius: 14px; background: var(--colorWhite); font-size: 15px; color: var(--colorBlack); }
.youtubeSearchBox input { width: 360px; height: 54px; padding: 0 20px; border: 1px solid #dce5ee; border-radius: 14px; background: var(--colorWhite); font-size: 15px; color: var(--colorBlack); }
.youtubeSearchBox button { width: 110px; height: 54px; border: 0; border-radius: 14px; background: var(--colorMain); font-size: 15px; font-weight: 700; color: var(--colorWhite); cursor: pointer; }
.youtubeList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 0; padding: 0; list-style: none; }
.youtubeList li { min-width: 0; }
.youtubeList .youtubeItem { display: block; overflow: hidden; border-radius: 26px; background: var(--colorWhite); box-shadow: 0 18px 50px rgba(18, 61, 99, 0.09); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.youtubeList .youtubeItem:hover { transform: translateY(-8px); box-shadow: 0 26px 70px rgba(18, 61, 99, 0.16); }
.youtubeList .youtubeThumb { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; background: #111; }
.youtubeList .youtubeThumb::after { content: "▶"; position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); font-size: 22px; color: #e62117; transform: translate(-50%, -50%); }
.youtubeList .youtubeThumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.youtubeList .youtubeItem:hover .youtubeThumb img { transform: scale(1.06); }
.youtubeList .youtubeThumb span { position: absolute; left: 50%; top: 50%; color: var(--colorWhite); transform: translate(-50%, -50%); }
.youtubeList .youtubeInfo { padding: 24px 24px 26px; }
.youtubeList .youtubeInfo strong { display: block; min-height: 56px; margin-bottom: 14px; font-size: 20px; font-weight: 800; line-height: 1.4; color: var(--colorText); letter-spacing: -0.04em; }
.youtubeList .youtubeInfo p { margin: 0; font-size: 15px; font-weight: 500; color: #7b8a99; }
.youtubeList .youtubeEmpty { grid-column: 1 / -1; padding: 80px 20px; border: 1px solid #e2e8f0; border-radius: 24px; background: var(--colorWhite); font-size: 17px; color: #777; text-align: center; }
.youtubePageNum { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 54px; }
.youtubePageNum a { display: flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 14px; border: 1px solid #dce5ee; border-radius: 999px; background: var(--colorWhite); font-size: 15px; font-weight: 600; color: #526879; transition: all 0.25s ease; }
.youtubePageNum a:hover { border-color: var(--colorMain); color: var(--colorMain); }
.youtubePageNum a.active { border-color: var(--colorMain); background: var(--colorMain); color: var(--colorWhite); }



/* 기관지 내시경 */
.content { width: 100%; margin-bottom: 100px; }
.content .bronchoInner { width: 100%; max-width: 1400px; margin: 0 auto; }
.content .bronchoInner + .bronchoInner { padding-top: 40px; }
.content .commonTitleBox { margin-bottom: 60px; text-align: center; }
.content .commonTitleBox span { display: block; margin-bottom: 14px; font-size: 18px; font-weight: 600; color: var(--colorMain); }
.content .commonTitleBox strong { display: block; font-size: 46px; font-weight: 500; line-height: 1.35; color: var(--colorText); }
.content .commonTitleBox strong em { font-style: normal; color: var(--colorPoint); font-weight: 600; }
.content .bronchoIntro .bronchoVisualBox { overflow: hidden; width: 100%; margin-bottom: 40px; }
.content .bronchoIntro .bronchoVisualBox img { display: block; width: 100%; height: auto; }
.content .bronchoIntro .bronchoTextBox { margin: 0 auto; text-align: center; }
.content .bronchoIntro .bronchoTextBox p { font-size: 22px; font-weight: 400; line-height: 1.75; color: #444; }
.content .bronchoIntro .bronchoPointBox { margin: 36px auto 0; padding: 34px 40px; border-radius: 10px; background: #f4f8fc; text-align: center; }
.content .bronchoIntro .bronchoPointBox p { font-size: 20px; font-weight: 600; line-height: 1.7; color: var(--colorText); }
.content .commonCardList { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.content .commonCardList li { overflow: hidden; border-radius: 10px; background: var(--colorWhite); box-shadow: 0 18px 40px rgba(20, 45, 80, 0.08); transition: transform 0.35s ease; }
.content .commonCardList li:hover { transform: translateY(-10px); }
.content .commonCardList li .imgBox { overflow: hidden; }
.content .commonCardList li .imgBox img { display: block; width: 100%; height: 280px; object-fit: cover; transition: transform 0.5s ease; }
.content .cough .commonCardList li { box-shadow: unset; border: 1px solid var(--colorMain); }
.content .cough .commonCardList li .imgBox { display: flex; align-items: center; justify-content: center; padding: 30px; }
.content .cough .commonCardList li .imgBox img { height: auto; }
.content .commonCardList li:hover .imgBox img { transform: scale(1.08); }
.content .commonCardList li .textBox { padding: 30px; }
.content .commonCardList li .textBox p { font-size: 20px; font-weight: 600; line-height: 1.6; color: var(--colorText); }
.content .commonCardList li .textBox p.info { font-size: 17px; font-weight: 500; color: var(--colorBlack); }


/* 형광기관지 */
.content .bronchoMerit { padding-top: 40px; }
.content .bronchoMerit .bronchoMeritVisual { overflow: hidden; width: 100%; margin-bottom: 40px; }
.content .bronchoMerit .bronchoMeritVisual img { display: block; width: 100%; height: auto; }
.content .bronchoMerit .bronchoMeritList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.content .bronchoMerit .bronchoMeritList li { display: flex; align-items: center; gap: 22px; min-height: 120px; padding: 30px 34px; border: 1px solid #e7edf4; border-radius: 10px; background: var(--colorWhite); transition: all 0.3s ease; }
.content .bronchoMerit .bronchoMeritList li:hover { transform: translateY(-6px); border-color: var(--colorMain); }
.content .bronchoMerit .bronchoMeritList li span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: var(--colorMain); font-size: 17px; font-weight: 700; color: var(--colorWhite); }
.content .bronchoMerit .bronchoMeritList li p { font-size: 19px; font-weight: 500; line-height: 1.65; color: var(--colorText); }
.content .bronchoMerit .bronchoMeritList li { display: grid; grid-template-columns: 54px 1fr; align-items: flex-start; gap: 16px 22px; }
.content .bronchoMerit .bronchoMeritList li span { grid-row: 1 / 3; }
.content .bronchoMerit .bronchoMeritList li p:not(.info) { padding-top: 10px; font-size: 22px; font-weight: 700; }
.content .bronchoMerit .bronchoMeritList li .info { grid-column: 2 / 3; font-size: 16px; font-weight: 400; line-height: 1.8; color: #555; }

/* 안내사항 */
.noticeWrap { width: 100%; max-width: 1400px; margin: 40px auto 0; padding: 80px 60px; border-radius: 10px; background: #f8fafc; }
.noticeWrap .commonTitleBox { margin-bottom: 50px; text-align: center; }
.noticeWrap .commonTitleBox span { display: block; margin-bottom: 14px; font-size: 18px; font-weight: 600; color: var(--colorMain); }
.noticeWrap .commonTitleBox strong { display: block; font-size: 42px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.noticeWrap .commonNoticeList { display: flex; flex-direction: column; gap: 18px; }
.noticeWrap .commonNoticeList li { display: flex; align-items: center; gap: 24px; padding: 30px 36px; border-radius: 10px; background: var(--colorWhite); }
.noticeWrap .commonNoticeList li span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: var(--colorMain); font-size: 18px; font-weight: 700; color: var(--colorWhite); }
.noticeWrap .commonNoticeList li p { font-size: 18px; font-weight: 400; line-height: 1.75; color: #555; }

/* faq */
.faqWrap { width: 100%; max-width: 1400px; margin: 80px auto 120px; padding: 80px 60px; border-radius: 10px; background: #f3f6fa; }
.faqWrap .commonTitleBox { margin-bottom: 50px; text-align: center; }
.faqWrap .commonTitleBox span { display: block; margin-bottom: 14px; font-size: 18px; font-weight: 600; color: var(--colorMain); }
.faqWrap .commonTitleBox strong { display: block; font-size: 42px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.faqWrap .commonFaqList { display: flex; flex-direction: column; gap: 20px; }
.faqWrap .commonFaqList > li { overflow: hidden; border-radius: 10px; background: var(--colorWhite); }
.faqWrap .commonFaqList > li .faqBtn { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 34px 40px; border: 0; background: var(--colorWhite); cursor: pointer; text-align: left; }
.faqWrap .commonFaqList > li .faqBtn .questionBox { display: flex; align-items: center; gap: 16px; }
.faqWrap .commonFaqList > li .faqBtn .questionBox span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #eef5ff; font-size: 17px; font-weight: 700; color: var(--colorMain); }
.faqWrap .commonFaqList > li .faqBtn .questionBox strong { font-size: 23px; font-weight: 700; line-height: 1.4; color: var(--colorText); }
.faqWrap .commonFaqList > li .faqBtn .faqIcon { position: relative; flex-shrink: 0; width: 22px; height: 22px; }
.faqWrap .commonFaqList > li .faqBtn .faqIcon span { position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background: var(--colorText); transform: translate(-50%, -50%); transition: all 0.25s ease; }
.faqWrap .commonFaqList > li .faqBtn .faqIcon span:last-child { transform: translate(-50%, -50%) rotate(90deg); }
.faqWrap .commonFaqList > li.active .faqBtn .faqIcon span:last-child { transform: translate(-50%, -50%) rotate(0deg); opacity: 0; }
.faqWrap .commonFaqList > li .faqAnswer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.faqWrap .commonFaqList > li .faqAnswer p { padding: 0 40px 36px; font-size: 18px; font-weight: 400; line-height: 1.75; color: #555; }
.faqWrap .commonFaqList > li .faqAnswer ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 24px; padding: 0 40px 36px; }
.faqWrap .commonFaqList > li .faqAnswer ul.one { grid-template-columns: repeat(1, 1fr); }
.faqWrap .commonFaqList > li .faqAnswer ul li { position: relative; padding-left: 16px; font-size: 17px; font-weight: 400; line-height: 1.6; color: #555; }
.faqWrap .commonFaqList > li .faqAnswer ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 5  0%; background: var(--colorMain); }


/* x레이 */
.xrayMethodBox { width: 100%; max-width: 1400px; margin: 120px auto 0; border-radius: 10px; }
.xrayMethodBox .commonTitleBox { margin-bottom: 56px; text-align: center; }
.xrayMethodBox .commonTitleBox span { display: block; margin-bottom: 14px; font-size: 18px; font-weight: 600; color: var(--colorMain); }
.xrayMethodBox .commonTitleBox strong { display: block; font-size: 42px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.xrayMethodBox .xrayMethodList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.xrayMethodBox .xrayMethodList li a { display: block; overflow: hidden; border-radius: 10px; background: var(--colorWhite); box-shadow: 0 18px 45px rgba(20, 45, 80, 0.08); transition: all 0.35s ease; }
.xrayMethodBox .xrayMethodList li a:hover { transform: translateY(-10px); box-shadow: 0 24px 60px rgba(20, 45, 80, 0.13); }
.xrayMethodBox .xrayMethodList li a .imgBox { overflow: hidden; width: 100%; height: 320px; background: #eef3f8; }
.xrayMethodBox .xrayMethodList li a .imgBox img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.55s ease; }
.xrayMethodBox .xrayMethodList li a:hover .imgBox img { transform: scale(1.08); }
.xrayMethodBox .xrayMethodList li a .textBox { display: flex; align-items: center; gap: 18px; padding: 32px 34px; }
.xrayMethodBox .xrayMethodList li a .textBox span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--colorMain); font-size: 17px; font-weight: 700; color: var(--colorWhite); }
.xrayMethodBox .xrayMethodList li a .textBox p { font-size: 23px; font-weight: 700; line-height: 1.4; color: var(--colorText); }

.checkPointWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.checkPointWrap .checkPointBox { display: flex; flex-direction: column; align-items: center; padding: 54px 40px; border: 1px solid #dce5ee; border-radius: 10px; background: var(--colorWhite); text-align: center; }
.checkPointWrap .checkPointBox > span { display: inline-flex; align-items: center; justify-content: center; min-width: 170px; height: 44px; margin-bottom: 34px; border: 1px solid var(--colorMain); border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.06em; }
.checkPointWrap .checkPointBox .checkPointCircle { display: flex; align-items: center; justify-content: center; width: 210px; height: 210px; margin-bottom: 34px; border: 1px solid var(--colorMain); border-radius: 50%; background: #f4f8fc; }
.checkPointWrap .checkPointBox .checkPointCircle p { font-size: 34px; font-weight: 700; line-height: 1.25; color: var(--colorMain); }
.checkPointWrap .checkPointBox .checkPointCircle p em { font-style: normal; font-size: 24px; font-weight: 400; color: var(--colorText); }
.checkPointWrap .checkPointBox .textBox strong { display: block; margin-bottom: 12px; font-size: 24px; font-weight: 700; line-height: 1.45; color: var(--colorText); }
.checkPointWrap .checkPointBox .textBox p { font-size: 18px; font-weight: 400; line-height: 1.7; color: #555; }
.testTypeWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); }
.testTypeWrap .testTypeVisual { overflow: hidden; margin-bottom: 44px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.testTypeWrap .testTypeVisual img { display: block; width: 100%; height: auto; }
.testTypeWrap .testTypeList { display: flex; flex-direction: column; gap: 16px; }
.testTypeWrap .testTypeList li { display: grid; grid-template-columns: 260px 1fr; align-items: stretch; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; overflow: hidden; }
.testTypeWrap .testTypeList li .numBox { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 34px 30px; border-right: 1px solid #e2e8f0; background: #f8fafc; }
.testTypeWrap .testTypeList li .numBox span { font-size: 15px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; }
.testTypeWrap .testTypeList li .numBox strong { font-size: 22px; font-weight: 700; line-height: 1.45; color: var(--colorText); }
.testTypeWrap .testTypeList li .textBox { padding: 34px 36px; }
.testTypeWrap .testTypeList li .textBox span { display: block; margin-bottom: 12px; font-size: 14px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; text-transform: uppercase; }
.testTypeWrap .testTypeList li .textBox p { font-size: 18px; font-weight: 400; line-height: 1.75; color: #555; }
.testTypeWrap .testTypeList li .textBox .dotList { display: flex; flex-direction: column; gap: 10px; }
.testTypeWrap .testTypeList li .textBox .dotList li { position: relative; display: block; padding-left: 16px; border: 0; background: transparent; border-radius: 0; font-size: 18px; font-weight: 400; line-height: 1.75; color: #555; overflow: visible; } 
.testTypeWrap .testTypeList li .textBox .dotList li::before { content: ""; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorMain); }


.breathStepWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.breathStepWrap .breathStepList { display: flex; flex-direction: column; gap: 16px; }
.breathStepWrap .breathStepList li { position: relative; display: grid; grid-template-columns: 220px 1fr; align-items: center; gap: 34px; padding: 34px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); }
.breathStepWrap .breathStepList li::after { content: ""; position: absolute; left: 110px; bottom: -17px; width: 1px; height: 17px; background: #d7e0ea; }
.breathStepWrap .breathStepList li:last-child::after { display: none; }
.breathStepWrap .breathStepList li .imgBox { display: flex; align-items: center; justify-content: center; padding: 24px; border-right: 1px solid #e2e8f0; }
.breathStepWrap .breathStepList li .imgBox img { display: block; max-width: 140px; }
.breathStepWrap .breathStepList li .textBox span { display: inline-block; margin-bottom: 14px; font-size: 14px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; }
.breathStepWrap .breathStepList li .textBox strong { display: block; margin-bottom: 14px; font-size: 28px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.breathStepWrap .breathStepList li .textBox p { font-size: 18px; font-weight: 400; line-height: 1.75; color: #555; }


.analysisTypeWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; }
.analysisTypeWrap .commonTitleBox { margin-bottom: 50px; text-align: center; }
.analysisTypeWrap .analysisTypeList { display: flex; flex-direction: column; gap: 22px; }
.analysisTypeWrap .analysisTypeList li { display: grid; grid-template-columns: 1fr 1fr; align-items: center; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; background: var(--colorWhite); }
.analysisTypeWrap .analysisTypeList li:nth-child(even) .imgBox { order: 2; }
.analysisTypeWrap .analysisTypeList li:nth-child(even) .textBox { order: 1; }
.analysisTypeWrap .analysisTypeList li .imgBox { overflow: hidden; height: 100%; max-height: 420px; background: #edf2f7; }
.analysisTypeWrap .analysisTypeList li .imgBox img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease; }
.analysisTypeWrap .analysisTypeList li:hover .imgBox img { transform: scale(1.04); }
.analysisTypeWrap .analysisTypeList li .textBox { padding: 54px 50px; }
.analysisTypeWrap .analysisTypeList li .textBox span { display: inline-block; margin-bottom: 16px; font-size: 15px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; }
.analysisTypeWrap .analysisTypeList li .textBox strong { display: block; margin-bottom: 22px; font-size: 34px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.analysisTypeWrap .analysisTypeList li .textBox p { font-size: 18px; font-weight: 400; line-height: 1.9; color: #555; }


.bloodTableWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.bloodTableWrap .commonTitleBox span { display: block; margin-bottom: 12px; font-size: 26px; font-weight: 600; color: var(--colorMain); }
.bloodTableWrap .bloodTableBox { overflow: hidden; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); }
.bloodTableWrap .bloodTableHead { display: grid; grid-template-columns: 260px 1fr; border-bottom: 1px solid #dbe4ec; background: #f1f5f9; }
.bloodTableWrap .bloodTableHead > div { padding: 22px 30px; font-size: 17px; font-weight: 700; color: var(--colorText); }
.bloodTableWrap .bloodTableList li { display: grid; grid-template-columns: 260px 1fr; border-bottom: 1px solid #e2e8f0; }
.bloodTableWrap .bloodTableList li:last-child { border-bottom: 0; }
.bloodTableWrap .bloodTableList li .titleBox { padding: 30px; border-right: 1px solid #e2e8f0; background: #fcfdff; }
.bloodTableWrap .bloodTableList li .titleBox strong { display: block; font-size: 18px; font-weight: 700; line-height: 1.5; color: var(--colorText); }
.bloodTableWrap .bloodTableList li .descBox { padding: 30px 34px; }
.bloodTableWrap .bloodTableList li .descBox p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }
.bloodTableWrap .bloodTableList li .descBox ul { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #e2e8f0; }
.bloodTableWrap .bloodTableList li .descBox ul li { position: relative; display: block; padding-left: 16px; border: 0; }
.bloodTableWrap .bloodTableList li .descBox ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorMain); }
.bloodTableWrap .bloodTableList li .descBox ul li { font-size: 16px; font-weight: 400; line-height: 1.75; color: #555; }


.sputumFeatureWrap { width: 100%; max-width: 1400px; margin: 120px auto 0;  }
.sputumFeatureWrap .sputumFeatureBox { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; }
.sputumFeatureWrap .sputumFeatureBox .imgBox { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); }
.sputumFeatureWrap .sputumFeatureBox .imgBox img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sputumFeatureWrap .sputumFeatureBox .textBox { display: flex; }
.sputumFeatureWrap .sputumFeatureList { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.sputumFeatureWrap .sputumFeatureList li { position: relative; padding: 24px 0 24px 22px; border-bottom: 1px solid #e2e8f0; }
.sputumFeatureWrap .sputumFeatureList li:first-child { padding-top: 0; }
.sputumFeatureWrap .sputumFeatureList li:last-child { padding-bottom: 0; border-bottom: 0; }
.sputumFeatureWrap .sputumFeatureList li::before { content: ""; position: absolute; left: 0; top: 35px; width: 6px; height: 6px; border-radius: 50%; background: var(--colorMain); }
.sputumFeatureWrap .sputumFeatureList li:first-child::before { top: 11px; }
.sputumFeatureWrap .sputumFeatureList li p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }

.sputumInfoWrap { width: 100%; max-width: 1400px; margin: 120px auto 100px; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.sputumInfoWrap .sputumInfoList { display: flex; flex-direction: column; border-top: 1px solid #dbe4ec; }
.sputumInfoWrap .sputumInfoList li { display: grid; grid-template-columns: 320px 1fr; border-bottom: 1px solid #e2e8f0; }
.sputumInfoWrap .sputumInfoList li .titleBox { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 32px 28px; border-right: 1px solid #e2e8f0; background: #fcfdff; }
.sputumInfoWrap .sputumInfoList li .titleBox span { display: none; font-size: 14px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; }
.sputumInfoWrap .sputumInfoList li .titleBox strong { display: block; font-size: 22px; font-weight: 700; line-height: 1.45; color: var(--colorText); }
.sputumInfoWrap .sputumInfoList li .textBox { display: flex; align-items: center; padding: 32px 36px; }
.sputumInfoWrap .sputumInfoList li .textBox p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }

.bloodTableWrap .bloodNoticeList { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.bloodTableWrap .bloodNoticeList li { position: relative; padding-left: 18px; font-size: 17px; font-weight: 400; line-height: 1.7; color: #555; }
.bloodTableWrap .bloodNoticeList li::before { content: ""; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: var(--colorMain); }

.symptomWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.symptomWrap .symptomList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.symptomWrap .symptomList li { display: flex; align-items: center; gap: 18px; min-height: 92px; padding: 24px 26px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); transition: border-color 0.25s ease, background 0.25s ease; }
.symptomWrap .symptomList li:hover { border-color: var(--colorMain); background: #fcfdff; }
.symptomWrap .symptomList li span { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--colorMain); border-radius: 10px; font-size: 14px; font-weight: 700; color: var(--colorMain); }
.symptomWrap .symptomList li p { font-size: 20px; font-weight: 700; line-height: 1.45; color: var(--colorText); }
.symptomWrap .symptomList li p em { font-style: normal; font-size: 15px; font-weight: 400; color: #666; }
.symptomWrap .symptomNotice { margin-top: 24px; padding: 28px 30px; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); text-align: center; }
.symptomWrap .symptomNotice p { font-size: 18px; font-weight: 400; line-height: 1.8; color: #555; }


.lifeTipWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.lifeTipWrap .lifeTipList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.lifeTipWrap .lifeTipList li { position: relative; padding: 28px 28px 28px 24px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); transition: border-color 0.25s ease, background 0.25s ease; }
.lifeTipWrap .lifeTipList li:hover { border-color: var(--colorMain); background: #fcfdff; }
.lifeTipWrap .lifeTipList li::before { content: ""; position: absolute; left: 18px; top: 38px; width: 7px; height: 7px; border-radius: 50%; background: var(--colorMain); }
.lifeTipWrap .lifeTipList li p { margin-left: 10px; font-size: 17px; font-weight: 500; line-height: 1.8; color: var(--colorText); }
.lifeTipWrap .lifeTipList li p em { font-style: normal; font-weight: 400; color: #666; }


.pneumoniaTableWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px;  border-radius: 10px; background: #f8fafc; }
.pneumoniaTableWrap .commonTitleBox { margin-bottom: 34px; text-align: center; }
.pneumoniaTableWrap .pneumoniaIntro { margin-bottom: 34px; padding: 24px 28px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); text-align: center; }
.pneumoniaTableWrap .pneumoniaIntro p { font-size: 17px; font-weight: 400; line-height: 1.7; color: #555; }
.pneumoniaTableWrap .pneumoniaCompareBox { overflow: hidden; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); }
.pneumoniaTableWrap .pneumoniaCompareHead { display: grid; grid-template-columns: 180px 1fr 1fr; border-bottom: 1px solid #dbe4ec; background: #f1f5f9; }
.pneumoniaTableWrap .pneumoniaCompareHead div { padding: 22px 24px; border-right: 1px solid #dbe4ec; font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--colorText); text-align: center; }
.pneumoniaTableWrap .pneumoniaCompareHead div:last-child { border-right: 0; }
.pneumoniaTableWrap .pneumoniaCompareList > li { display: grid; grid-template-columns: 180px 1fr 1fr; border-bottom: 1px solid #e2e8f0; }
.pneumoniaTableWrap .pneumoniaCompareList > li:last-child { border-bottom: 0; }
.pneumoniaTableWrap .pneumoniaCompareList > li .titleBox { display: flex; align-items: center; justify-content: center; padding: 28px 20px; border-right: 1px solid #e2e8f0; background: #fcfdff; text-align: center; }
.pneumoniaTableWrap .pneumoniaCompareList > li .titleBox strong { font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--colorText); }
.pneumoniaTableWrap .pneumoniaCompareList > li .textBox { padding: 28px 30px; border-right: 1px solid #e2e8f0; }
.pneumoniaTableWrap .pneumoniaCompareList > li .textBox:last-child { border-right: 0; }
.pneumoniaTableWrap .pneumoniaCompareList > li .textBox p { font-size: 17px; font-weight: 400; line-height: 1.75; color: #555; }
.pneumoniaTableWrap .pneumoniaCompareList > li .textBox ul { display: flex; flex-direction: column; gap: 10px; }
.pneumoniaTableWrap .pneumoniaCompareList > li .textBox ul li { position: relative; padding-left: 16px; font-size: 16px; font-weight: 400; line-height: 1.7; color: #555; }
.pneumoniaTableWrap .pneumoniaCompareList > li .textBox ul li::before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorMain); }


.bronchitisCareWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 0 60px; }
.bronchitisCareWrap .bronchitisCareBox { overflow: hidden; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); }
.bronchitisCareWrap .bronchitisCareHead { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid #dbe4ec; background: #f1f5f9; }
.bronchitisCareWrap .bronchitisCareHead div { padding: 22px 24px; border-right: 1px solid #dbe4ec; font-size: 20px; font-weight: 700; line-height: 1.5; color: var(--colorText); text-align: center; }
.bronchitisCareWrap .bronchitisCareHead div:last-child { border-right: 0; }
.bronchitisCareWrap .bronchitisCareList > li { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid #e2e8f0; }
.bronchitisCareWrap .bronchitisCareList > li:last-child { border-bottom: 0; }
.bronchitisCareWrap .bronchitisCareList > li .careItem { position: relative; padding: 28px 30px 28px 48px; border-right: 1px solid #e2e8f0; }
.bronchitisCareWrap .bronchitisCareList > li .careItem:last-child { border-right: 0; }
.bronchitisCareWrap .bronchitisCareList > li .careItem::before { content: ""; position: absolute; left: 28px; top: 39px; width: 6px; height: 6px; border-radius: 50%; background: var(--colorMain); }
.bronchitisCareWrap .bronchitisCareList > li .careItem p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }

.pressureCareWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.pressureCareWrap .pressureCareList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pressureCareWrap .pressureCareList.one { grid-template-columns: repeat(2, 1fr); }
.pressureCareWrap .pressureCareList li { position: relative; padding: 34px 30px 30px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease; }
.pressureCareWrap .pressureCareList li:hover { border-color: var(--colorMain); background: #fcfdff; transform: translateY(-4px); }
.pressureCareWrap .pressureCareList li::before { content: ""; position: absolute; left: 30px; top: 0; width: 42px; height: 3px; background: var(--colorMain); border-radius: 0 0 4px 4px; }
.pressureCareWrap .pressureCareList li strong { display: block; margin-bottom: 18px; font-size: 24px; font-weight: 700; line-height: 1.4; color: var(--colorText); }
.pressureCareWrap .pressureCareList li p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }

.commonTabWrap { width: 100%; }
.commonTabWrap .commonTabBtnBox { display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; }
.commonTabWrap .commonTabBtnBox .tabBtn { display: flex; align-items: center; justify-content: center; text-decoration: none; min-width: 150px; height: 54px; padding: 0 28px; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); font-size: 17px; font-weight: 700; color: #555; cursor: pointer; transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease; }
.commonTabWrap .commonTabBtnBox .tabBtn.active { border-color: var(--colorMain); background: var(--colorMain); color: var(--colorWhite); }
.commonTabWrap .commonTabContBox .tabCont { display: none; }
.commonTabWrap .commonTabContBox .tabCont.active { display: block; }


.diabetesDiagnosisWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.diabetesDiagnosisWrap .diabetesDiagnosisList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 26px; }
.diabetesDiagnosisWrap .diabetesDiagnosisList li { position: relative; padding: 34px 30px 30px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); transition: border-color 0.25s ease, transform 0.25s ease; }
.diabetesDiagnosisWrap .diabetesDiagnosisList li:hover { border-color: var(--colorMain); transform: translateY(-4px); }
.diabetesDiagnosisWrap .diabetesDiagnosisList li::before { content: ""; position: absolute; left: 30px; top: 0; width: 42px; height: 3px; background: var(--colorMain); border-radius: 0 0 4px 4px; }
.diabetesDiagnosisWrap .diabetesDiagnosisList li strong { display: block; margin-bottom: 16px; font-size: 24px; font-weight: 700; line-height: 1.4; color: var(--colorText); }
.diabetesDiagnosisWrap .diabetesDiagnosisList li p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }
.diabetesDiagnosisWrap .diabetesDiagnosisInfo { padding: 34px 30px; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); }
.diabetesDiagnosisWrap .diabetesDiagnosisInfo strong { display: block; margin-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 1.5; color: var(--colorText); }
.diabetesDiagnosisWrap .diabetesDiagnosisInfo ul { display: flex; flex-direction: column; gap: 12px; }
.diabetesDiagnosisWrap .diabetesDiagnosisInfo ul li { position: relative; padding-left: 16px; font-size: 16px; font-weight: 400; line-height: 1.8; color: #555; }
.diabetesDiagnosisWrap .diabetesDiagnosisInfo ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorMain); }

.diabetesTreatmentWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; }
.diabetesTreatmentWrap .diabetesTreatmentList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.diabetesTreatmentWrap .diabetesTreatmentList li { position: relative; padding: 38px 34px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); transition: border-color 0.25s ease, transform 0.25s ease; }
.diabetesTreatmentWrap .diabetesTreatmentList li:hover { border-color: var(--colorMain); transform: translateY(-4px); }
.diabetesTreatmentWrap .diabetesTreatmentList li::before { content: ""; position: absolute; left: 34px; top: 0; width: 42px; height: 3px; background: var(--colorMain); border-radius: 0 0 4px 4px; }
.diabetesTreatmentWrap .diabetesTreatmentList li strong { display: block; margin-bottom: 18px; font-size: 28px; font-weight: 700; line-height: 1.4; color: var(--colorText); }
.diabetesTreatmentWrap .diabetesTreatmentList li p { font-size: 17px; font-weight: 400; line-height: 1.8; color: #555; }

.lipidDiagnosisWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; padding: 80px 60px; }
.lipidDiagnosisWrap .commonTitleBox { margin-bottom: 26px; text-align: center; }
.lipidDiagnosisWrap .lipidDiagnosisText { margin-bottom: 42px; text-align: center; }
.lipidDiagnosisWrap .lipidDiagnosisText p { font-size: 18px; font-weight: 400; line-height: 1.7; color: #555; }
.lipidDiagnosisWrap .lipidDiagnosisList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.lipidDiagnosisWrap .lipidDiagnosisList li { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 240px; padding: 34px 28px; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); text-align: center; transition: border-color 0.25s ease, transform 0.25s ease; }
.lipidDiagnosisWrap .lipidDiagnosisList li:hover { border-color: var(--colorMain); transform: translateY(-4px); }
.lipidDiagnosisWrap .lipidDiagnosisList li strong { display: block; margin-bottom: 18px; font-size: 26px; font-weight: 700; line-height: 1.4; color: var(--colorText); }
.lipidDiagnosisWrap .lipidDiagnosisList li p { font-size: 24px; font-weight: 700; line-height: 1.5; color: var(--colorMain); }

.cancerProgramWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; }
.cancerProgramWrap .cancerProgramList { display: flex; flex-direction: column; gap: 18px; }
.cancerProgramWrap .cancerProgramList > li { display: grid; grid-template-columns: 220px 1fr; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 10px; background: var(--colorWhite); }
.cancerProgramWrap .cancerProgramList > li .cancerTitleBox { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 34px 30px; border-right: 1px solid #e2e8f0; background: #fcfdff; }
.cancerProgramWrap .cancerProgramList > li .cancerTitleBox span { font-size: 14px; font-weight: 700; color: var(--colorMain); letter-spacing: 0.08em; }
.cancerProgramWrap .cancerProgramList > li .cancerTitleBox strong { font-size: 30px; font-weight: 700; line-height: 1.35; color: var(--colorText); }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup { padding: 32px 30px; border-right: 1px solid #e2e8f0; }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup:last-child { border-right: 0; }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup strong { display: block; margin-bottom: 18px; font-size: 19px; font-weight: 700; line-height: 1.45; color: var(--colorText); }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup ul { display: flex; flex-direction: column; gap: 10px; }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup ul li { position: relative; padding-left: 16px; font-size: 16px; font-weight: 400; line-height: 1.75; color: #555; }
.cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--colorMain); }


.recruitTableWrap { width: 100%; max-width: 1400px; margin: 120px auto 0; }
.recruitTableWrap .commonTitleBox { margin-bottom: 40px; text-align: center; }
.recruitTableWrap .recruitTableBox { overflow: hidden; border: 1px solid #dbe4ec; border-radius: 10px; background: var(--colorWhite); }
.recruitTableWrap .recruitTableBox table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.recruitTableWrap .recruitTableBox table thead tr { background: #f8fafc; }
.recruitTableWrap .recruitTableBox table thead tr th { padding: 24px 18px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #dbe4ec; font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--colorText); text-align: center; }
.recruitTableWrap .recruitTableBox table thead tr th:last-child { border-right: 0; }
.recruitTableWrap .recruitTableBox table tbody tr th,
.recruitTableWrap .recruitTableBox table tbody tr td { padding: 24px 18px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-size: 16px; font-weight: 400; line-height: 1.7; color: #555; text-align: center; }
.recruitTableWrap .recruitTableBox table tbody tr th { font-weight: 700; color: var(--colorText); background: #fcfdff; }
.recruitTableWrap .recruitTableBox table tbody tr td:last-child,
.recruitTableWrap .recruitTableBox table tbody tr th:last-child { border-right: 0; }
.recruitTableWrap .recruitTableBox table tbody tr:last-child th,
.recruitTableWrap .recruitTableBox table tbody tr:last-child td { border-bottom: 0; }



.noticePageWrap { width: 100%; max-width: 1400px; margin: 0 auto 120px; }
.noticePageWrap .noticeListBox { overflow: hidden; border-top: 2px solid var(--colorMain); border-bottom: 1px solid #dbe4ec; }
.noticePageWrap .noticeListHead { display: grid; grid-template-columns: 120px 1fr 160px; background: #f8fafc; border-bottom: 1px solid #dbe4ec; }
.noticePageWrap .noticeListHead span { padding: 22px 18px; font-size: 17px; font-weight: 700; color: var(--colorText); text-align: center; }
.noticePageWrap .noticeListBody { display: grid; grid-template-columns: 120px 1fr 160px; border-bottom: 1px solid #e2e8f0; }
.noticePageWrap .noticeListBody.noticeFixed span { font-weight: 600; }
.noticePageWrap .noticeListBody.noticeFixed a { font-weight: 600; }
.noticePageWrap .noticeListBody:last-child { border-bottom: 0; }
.noticePageWrap .noticeListBody span { padding: 10px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #555; text-align: center; }
.noticePageWrap .noticeListBody span:nth-child(2) { text-align: left; }
.noticePageWrap .noticeListBody span a { display: inline-block; max-width: 100%; color: var(--colorText); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.noticePageWrap .noticeListBody span a:hover { color: var(--colorMain); }
.noticePageWrap .noticeListBody.empty { display: block; }
.noticePageWrap .noticeListBody.empty span { display: block; padding: 60px 20px; text-align: center; }
.noticePageWrap .paginationWrap { margin-top: 40px; text-align: center; }

.noticeReadWrap { width: 100%; max-width: 1400px; margin: 0 auto 120px; }
.noticeReadWrap .noticeReadHead { padding: 36px 0 28px; border-top: 2px solid var(--colorMain); border-bottom: 1px solid #dbe4ec; }
.noticeReadWrap .noticeReadHead strong { display: block; margin-bottom: 18px; font-size: 32px; font-weight: 700; line-height: 1.4; color: var(--colorText); }
.noticeReadWrap .noticeReadHead div { display: flex; gap: 18px; }
.noticeReadWrap .noticeReadHead div span { font-size: 15px; font-weight: 400; color: #777; }
.noticeReadWrap .noticeReadBody { min-height: 300px; padding: 50px 0; border-bottom: 1px solid #dbe4ec; font-size: 17px; font-weight: 400; line-height: 1.9; color: #555; }
.noticeReadWrap .noticeReadBody img { max-width: 100%; height: auto; }
.noticeReadWrap .noticeReadBtnBox { display: flex; justify-content: center; margin-top: 40px; }
.noticeReadWrap .noticeReadBtnBox a { display: flex; align-items: center; justify-content: center; width: 120px; height: 50px; border-radius: 10px; background: var(--colorMain); font-size: 16px; font-weight: 700; color: var(--colorWhite); }

.faqPageWrap { width: 100%; max-width: 1200px; margin: 0 auto 120px}
.faqPageWrap .faqListBox { margin-top: 40px; border-top: 2px solid var(--colorMain); }
.faqPageWrap .faqListBox .faqItem { border-bottom: 1px solid #e5e8f0; }
.faqPageWrap .faqListBox .faqItem .faqQuestion { display: flex; align-items: center; gap: 18px; width: 100%; padding: 28px 24px; border: 0; background: var(--colorWhite); text-align: left; cursor: pointer; }
.faqPageWrap .faqListBox .faqItem .faqQuestion span { display: flex; align-items: center; justify-content: center; flex: 0 0 38px; height: 38px; border-radius: 50%; background: var(--colorMain); font-size: 18px; font-weight: 700; color: var(--colorWhite); }
.faqPageWrap .faqListBox .faqItem .faqQuestion strong { flex: 1; font-size: 20px; font-weight: 600; color: var(--colorText); }
.faqPageWrap .faqListBox .faqItem .faqQuestion em { font-style: normal; font-size: 30px; font-weight: 300; color: var(--colorMain); transition: transform 0.25s ease; }
.faqPageWrap .faqListBox .faqItem .faqAnswer { overflow: hidden; max-height: 0; background: #f7f9fc; opacity: 0; transform: translateY(-8px); transition: max-height 0.55s ease, opacity 0.35s ease, transform 0.45s ease; }
.faqPageWrap .faqListBox .faqItem .faqAnswer .faqAnswerInner { display: flex; gap: 18px; padding: 0 20px; transition: padding 0.45s ease; }
.faqPageWrap .faqListBox .faqItem.on .faqAnswer { max-height: 800px; opacity: 1; transform: translateY(0); }
.faqPageWrap .faqListBox .faqItem.on .faqAnswer .faqAnswerInner { padding: 24px 20px; }
.faqPageWrap .faqListBox .faqItem .faqQuestion em { transition: transform 0.35s ease; }
.faqPageWrap .faqListBox .faqEmpty { padding: 60px 20px; text-align: center; font-size: 17px; color: #777; }

.pricePageWrap { width: 100%; max-width: 1400px; margin: 0 auto 120px; }
.pricePageWrap .commonTabList { margin-top: 40px; }
.pricePageWrap .noticeSearchBox { margin-top: 35px; }
.pricePageWrap .priceSearchText { margin: 34px 0 0; font-size: 18px; font-weight: 600; color: var(--colorMain); }
.pricePageWrap .priceEmptyBox { margin-top: 50px; padding: 70px 20px; border-top: 2px solid var(--colorMain); border-bottom: 1px solid #e5e8f0; text-align: center; font-size: 17px; color: #777; }
.pricePageWrap .priceSearchText { margin: 30px 0 15px; font-size: 18px; font-weight: 600; color: var(--colorMain); }
.pricePageWrap .priceTableScroll { overflow-x: auto; margin-top: 16px; border-top: 2px solid var(--colorMain); }
.pricePageWrap .priceTableScroll .priceTable { width: 100%; min-width: 1200px; border-collapse: collapse; table-layout: fixed; }
.pricePageWrap .priceTableScroll .priceTable caption { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0, 0, 0, 0); }
.pricePageWrap .priceTableScroll .priceTable th { height: 58px; padding: 12px 10px; border-right: 1px solid #d7dfeb; border-bottom: 1px solid #d7dfeb; background: #f5f7fb; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--colorMain); text-align: center; vertical-align: middle; }
.pricePageWrap .priceTableScroll .priceTable td { height: 54px; padding: 12px 10px; border-right: 1px solid #edf0f5; border-bottom: 1px solid #edf0f5; font-size: 15px; font-weight: 400; line-height: 1.45; color: #666; text-align: center; vertical-align: middle; }
.pricePageWrap .priceTableScroll .priceTable td:last-child { border-right: 0; }
.pricePageWrap .priceTableScroll .priceTable td:nth-child(4) { color: var(--colorText); }
.pricePageWrap .priceTableScroll .priceTable td.empty { height: 120px; color: #777; text-align: center; }

/* 중문 */
.cn .subWrap { word-break: break-all; }
.cn .clinicList li .clinicItem .clinicText p { font-size: 14px; }

@media all and (max-width: 1024px) {
    .subWrap { padding: 0 30px; }
    .subWrap .subMain .subMainText { padding: 0 70px; }

    /* 인사말 */
    .infoWrap h1 { font-size: 40px; margin-bottom: 70px; }
    .infoWrap .infoBox { gap: 60px; }
    .infoWrap .infoBox .ceoImg { width: 42%; }
    .infoWrap .infoBox .ceoImg img { width: 100%; }
    .infoWrap .infoBox .textBox { width: 48%; }
    .infoWrap .infoBox .textBox p { font-size: 21px; }
    .visionWrap { margin-bottom: 90px; padding: 80px 30px; }
    .visionWrap .visionInner .visionTitle { font-size: 34px; }
    .visionWrap .visionInner .visionText { font-size: 18px; }
    .principleWrap { margin-bottom: 100px; }
    .principleWrap .principleInner .principleTitle { margin-bottom: 80px; font-size: 38px; }
    .principleWrap .principleInner .principleList { gap: 80px; }
    .principleWrap .principleInner .principleList li { gap: 50px; }
    .principleWrap .principleInner .principleList li .sloganBox { width: 180px; height: 180px; }
    .principleWrap .principleInner .principleList li .sloganBox p strong { font-size: 42px; }
    .principleWrap .principleInner .principleList li .sloganBox p em { font-size: 17px; }
    .principleWrap .principleInner .principleList li .textBox h3 { font-size: 30px; }
    .principleWrap .principleInner .principleList li .textBox p { font-size: 24px; }

    /* 병원특징 */
    .featureList { grid-template-columns: repeat(2, 1fr); }

    /* 진료시간 */
    .timeInner { max-width: 100%; }
    .timeInfoBox { grid-template-columns: 1fr; gap: 30px; margin-bottom: 90px; }
    .timeInfoBox .timeImg { height: 420px; }
    .clinicList { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .clinicTitleBox strong { font-size: 40px; }
    .clinicTitleBox p { font-size: 17px; }

    
    /* 협력기관 */
    .cooperationInner { max-width: 100%; padding: 0 40px; }
    .cooperationInner .cooperationTitleBox p { font-size: 38px; }
    .cooperationInner .cooperationList { gap: 20px; }
    .cooperationInner .cooperationList li,  .cooperationInner .cooperationList li:nth-child(-n+3) { width: calc((100% - 20px) / 2); }


    
    .doctorProfileTop { grid-template-columns: 320px 1fr; gap: 32px; }
    .doctorContentGrid { grid-template-columns: 1fr; }
    .doctorHistoryCard { max-height: none; }
    .doctorImageBox img { height: 520px; }

    /* 유튜브강의 */
    .youtubeList { grid-template-columns: repeat(2, 1fr); gap: 24px; }

    .content .commonTitleBox strong { font-size: 36px; }
    .content .bronchoIntro .bronchoTextBox p { font-size: 19px; }
    .content .bronchoIntro .bronchoPointBox p { font-size: 18px; }

    .content .bronchoMerit .bronchoMeritList { grid-template-columns: 1fr; }
    .content .bronchoMerit .bronchoMeritList li { min-height: auto; }


    .noticeWrap { margin-top: 40px; padding: 70px 36px; }
    .noticeWrap .commonTitleBox strong { font-size: 34px; }

    .faqWrap { margin-top: 70px; padding: 70px 36px; }
    .faqWrap .commonTitleBox strong { font-size: 34px; }
    .faqWrap .commonFaqList > li .faqAnswer ul { grid-template-columns: 1fr; }

    .xrayMethodBox { margin-top: 90px; padding: 70px 36px; }
    .xrayMethodBox .commonTitleBox strong { font-size: 34px; }
    .xrayMethodBox .xrayMethodList { gap: 22px; }
    .xrayMethodBox .xrayMethodList li a .imgBox { height: 260px; }
    
    .checkPointWrap { margin-top: 90px; padding: 64px 36px; }
    .checkPointWrap .commonTitleBox strong { font-size: 34px; }
    .testTypeWrap { margin-top: 90px; padding: 64px 36px; }
    .testTypeWrap .commonTitleBox strong { font-size: 34px; }
    .testTypeWrap .testTypeList li { grid-template-columns: 220px 1fr; }

    .breathStepWrap { margin-top: 90px; padding: 64px 36px; }
    .breathStepWrap .commonTitleBox strong { font-size: 34px; }
    .breathStepWrap .breathStepList li { grid-template-columns: 180px 1fr; gap: 28px; }
    .breathStepWrap .breathStepList li::after { left: 90px; }

    .analysisTypeWrap { margin-top: 90px; padding: 64px 36px; }
    .analysisTypeWrap .commonTitleBox strong { font-size: 34px; }
    .analysisTypeWrap .analysisTypeList li { grid-template-columns: 1fr; }
    .analysisTypeWrap .analysisTypeList li:nth-child(even) .imgBox { order: 1; }
    .analysisTypeWrap .analysisTypeList li:nth-child(even) .textBox { order: 2; }
    .analysisTypeWrap .analysisTypeList li .imgBox { min-height: 320px; }
    .analysisTypeWrap .analysisTypeList li .textBox { padding: 40px 36px; }
    .analysisTypeWrap .analysisTypeList li .textBox strong { font-size: 28px; }

    .bloodTableWrap { margin-top: 90px; padding: 64px 36px; }
    .bloodTableWrap .commonTitleBox strong { font-size: 34px; }
    .bloodTableWrap .bloodTableHead { grid-template-columns: 220px 1fr; }
    .bloodTableWrap .bloodTableList li { grid-template-columns: 220px 1fr; }

    .sputumFeatureWrap { margin-top: 90px; padding: 64px 36px; }
    .sputumFeatureWrap .commonTitleBox strong { font-size: 34px; }
    .sputumFeatureWrap .sputumFeatureBox { grid-template-columns: 1fr; gap: 28px; }

    .sputumInfoWrap { margin-top: 90px; padding: 64px 36px; }
    .sputumInfoWrap .commonTitleBox strong { font-size: 34px; }
    .sputumInfoWrap .sputumInfoList li { grid-template-columns: 260px 1fr; }
    .sputumInfoWrap .sputumInfoList li .titleBox strong { font-size: 19px; }

    .symptomWrap { margin-top: 90px; padding: 64px 36px; }
    .symptomWrap .commonTitleBox strong { font-size: 34px; }
    .symptomWrap .symptomList { grid-template-columns: repeat(2, 1fr); }

    .lifeTipWrap { margin-top: 90px; padding: 64px 36px; }
    .lifeTipWrap .commonTitleBox strong { font-size: 34px; }

    .bronchitisCareWrap { margin-top: 90px; padding: 64px 36px; }
    .bronchitisCareWrap .commonTitleBox strong { font-size: 34px; }
    .bronchitisCareWrap .bronchitisCareHead div { font-size: 18px; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem { padding: 24px 22px 24px 40px; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem::before { left: 22px; top: 35px; }

    .pressureCareWrap { margin-top: 90px; padding: 64px 36px; }
    .pressureCareWrap .commonTitleBox strong { font-size: 34px; }
    .pressureCareWrap .pressureCareList { grid-template-columns: repeat(2, 1fr); }
    .pressureCareWrap .pressureCareList li strong { font-size: 21px; }

    .diabetesDiagnosisWrap { margin-top: 90px; padding: 64px 36px; }
    .diabetesDiagnosisWrap .commonTitleBox strong { font-size: 34px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisList { grid-template-columns: 1fr; }

    .diabetesTreatmentWrap { margin-top: 90px; padding: 64px 36px; }
    .diabetesTreatmentWrap .commonTitleBox strong { font-size: 34px; }
    .diabetesTreatmentWrap .diabetesTreatmentList { grid-template-columns: 1fr; }

    .lipidDiagnosisWrap { margin-top: 90px; padding: 64px 36px; }
    .lipidDiagnosisWrap .commonTitleBox strong { font-size: 34px; }
    .lipidDiagnosisWrap .lipidDiagnosisList li { min-height: 210px; }
    .lipidDiagnosisWrap .lipidDiagnosisList li strong { font-size: 22px; }
    .lipidDiagnosisWrap .lipidDiagnosisList li p { font-size: 21px; }

    .cancerProgramWrap .cancerProgramList > li { grid-template-columns: 180px 1fr; }
    .cancerProgramWrap .cancerProgramList > li .cancerInfoBox { grid-template-columns: 1fr; }
    .cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup { border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup:last-child { border-bottom: 0; }

    .recruitTableWrap { margin-top: 90px; }
    .recruitTableWrap .commonTitleBox strong { font-size: 34px; }
    .recruitTableWrap .recruitTableBox { overflow-x: auto; }
    .recruitTableWrap .recruitTableBox table { min-width: 720px; }

    .noticePageWrap { margin-bottom: 90px; }
    .noticePageWrap .commonTitleBox strong { font-size: 34px; }

    .noticeReadWrap { margin-bottom: 90px; }
    .noticeReadWrap .noticeReadHead strong { font-size: 28px; }
}

@media all and (max-width: 768px) {
    .forMob { display: block; }
    .noticeSearchBox { justify-content: flex-start; }
    .noticeSearchBox input { width: 100%; height: 46px; font-size: 15px; }
    .noticeSearchBox button { flex-shrink: 0; width: 76px; height: 46px; font-size: 15px; }
    .subWrap { padding: 0 16px; }
    .subWrap .subMain { height: 150px; margin-bottom: 60px; }
    .subWrap .subMain .subMainBg img { border-radius: 20px; }
    .subWrap .subMain .subMainText { padding: 0 24px; margin-bottom: 10px; }
    .subWrap .subMain .subMainText strong { margin-top: 16px; font-size: 24px; }
    .subWrap .subMain .subMainText .subLocation { gap: 8px; flex-wrap: wrap; }
    .subWrap .subMain .subMainText .subLocation > li > a { width: 15px; height: 15px; }
    .subWrap .subMain .subMainText .subLocation > li > a,
    .subWrap .subMain .subMainText .subLocation > li > button { font-size: 14px; }
    .subWrap .subMain .subMainText .subLocation > li > a .material-symbols-outlined,
    .subWrap .subMain .subMainText .subLocation > li > button .material-symbols-outlined { font-size: 18px; }
    .subWrap .subMain .subMainText .subLocation > li .depthMenu { top: calc(100% + 10px); width: 170px; }
    .subWrap .subMain .subMainText .subLocation > li .depthMenu li a { height: 38px; padding: 0 16px; font-size: 14px; }

    /* 인사말 */
    .infoWrap { margin-bottom: 70px; }
    .infoWrap h1 { font-size: 25px; line-height: 1.35; margin-bottom: 44px;  }
   
    .infoWrap h1 br { display: none; }
    .infoWrap .infoBox { display: block; }
    .infoWrap .infoBox .ceoImg { width: 100%; margin-bottom: 36px; text-align: center; }
    .infoWrap .infoBox .ceoImg img { width: 100%; max-width: 420px; }
    .infoWrap .infoBox .textBox { width: 100%; }
    .infoWrap .infoBox .textBox p { font-size: 17px; line-height: 1.65; }
    .infoWrap .infoBox .textBox .signature img { max-width: 160px; }
    .visionWrap { margin-bottom: 70px; padding: 60px 20px; border-radius: 22px; }
    .visionWrap .visionInner h2 { margin-bottom: 20px; font-size: 16px; }
    .visionWrap .visionInner .visionTitle { margin-bottom: 22px; font-size: 26px; }
    .visionWrap .visionInner .visionText { font-size: 16px; }
    .visionWrap .visionInner .visionText br { display: none; }
    .principleWrap { margin-bottom: 80px; }
    .principleWrap .principleInner .principleTitle { margin-bottom: 60px; padding-bottom: 24px; font-size: 28px; }
    .principleWrap .principleInner .principleTitle::after { width: 50px; }
    .principleWrap .principleInner .principleList { gap: 60px; }
    .principleWrap .principleInner .principleList li,
    .principleWrap .principleInner .principleList li:nth-child(even) { flex-direction: column; gap: 30px; text-align: center; }
    .principleWrap .principleInner .principleList li .sloganBox { width: 150px; height: 150px; }
    .principleWrap .principleInner .principleList li .sloganBox p strong { font-size: 34px; }
    .principleWrap .principleInner .principleList li .sloganBox p em { font-size: 15px; }
    .principleWrap .principleInner .principleList li .textBox h3 { margin-bottom: 14px; font-size: 24px; }
    .principleWrap .principleInner .principleList li .textBox p { font-size: 18px; line-height: 1.6; }
    .principleWrap .principleInner .principleList li .textBox .en { font-size: 15px; }

    

    /* 병원특징 */
    .featureInner { margin-bottom: 70px; }
    .featureTitleBox { margin-bottom: 40px; }
    .featureTitleBox p { font-size: 24px; }
    .featureList { grid-template-columns: 1fr; gap: 14px; }
    .featureList li .featureItem { flex-direction: row; justify-content: flex-start; min-height: auto; padding: 22px 18px; border-radius: 18px; text-align: left; gap: 18px; }
    .featureList li .featureItem:hover { transform: none; }
    .featureList li .featureItem .featureIcon { width: 74px; height: 74px; margin-bottom: 0; }
    .featureList li .featureItem .featureIcon img { max-width: 42px; max-height: 42px; }
    .featureList li .featureItem p { justify-content: flex-start; font-size: 16px; text-align: left; }

    /* 진료시간 */
    .timeInner { margin: 0 auto 70px; }
    .timeInfoBox { gap: 20px; margin-bottom: 70px; }
    .timeInfoBox .timeImg { height: 260px; border-radius: 20px; }
    .timeInfoBox .timeContent { gap: 16px; }
    .timeInfoBox .timeContent .timeCard { padding: 28px 22px; border-radius: 20px; }
    .timeInfoBox .timeContent .timeCard strong { margin-bottom: 22px; font-size: 26px; }
    .timeInfoBox .timeContent .timeCard .timeTable { gap: 16px 0; }
    .timeInfoBox .timeContent .timeCard .timeTable li { width: 100%; }
    .timeInfoBox .timeContent .timeCard .timeTable li span { width: 95px; font-size: 15px; }
    .timeInfoBox .timeContent .timeCard .timeTable li p { font-size: 15px; }
    .timeInfoBox .timeContent .timeCard small { margin-top: 20px; font-size: 14px; line-height: 1.5; }
    .timeInfoBox .timeContent .callCard .callList a { font-size: 30px; }
    .timeInfoBox .timeContent .callCard .address { font-size: 15px; }
    .clinicTitleBox { margin-bottom: 36px; }
    .clinicTitleBox strong { margin-bottom: 12px; font-size: 30px; }
    .clinicTitleBox p { font-size: 15px; line-height: 1.6; }
    .clinicList { grid-template-columns: 1fr; gap: 16px; }
    .clinicList li .clinicItem { border-radius: 20px; }
    .clinicList li .clinicItem .clinicThumb { aspect-ratio: 1 / 0.75; }
    .clinicList li .clinicItem .clinicText { padding: 24px 20px; }
    .clinicList li .clinicItem .clinicText strong { margin-bottom: 12px; font-size: 24px; }
    .clinicList li .clinicItem .clinicText p { font-size: 15px; line-height: 1.6; }
    .clinicList li .clinicItem .clinicText a { margin-top: 20px; font-size: 15px; }
    .mobileBr { display: block; }


    
    /* 협력기관 */
    .cooperationInner { margin: 0 auto 70px; padding: 0 20px; }
    .cooperationInner .cooperationTitleBox { margin-bottom: 36px; }
    .cooperationInner .cooperationTitleBox p { font-size: 28px; }
    .cooperationInner .cooperationList { gap: 14px; }
    .cooperationInner .cooperationList li, .cooperationInner .cooperationList li:nth-child(-n+3) { width: calc((100% - 14px) / 2); }
    .cooperationInner .cooperationList li .cooperationItem { min-height: 100px; padding: 20px 16px; border-radius: 18px; }


    /* 의료진 소개 */
    .doctorProfileTop { display: flex; flex-direction: column; }
   .doctorProfileInner { margin: 0 auto 60px; }
    .doctorImageBox { position: static; width: 100%; margin-bottom: 36px; }
    .doctorTitleBox { display: flex; align-items: end; justify-content: center; }
    .doctorTitleBox h3 { font-size: 32px; margin-right: 0; letter-spacing: -0.96px; }
    .doctorTitleBox p { font-size: 18px; }
    .doctorTitleBox p.a { margin-left: 10px; }
    .doctorTitleBox p.a::after { height: 14px; margin: 0 10px; }
    .doctorInfoBox { width: 100%; }
    .doctorContentGrid { gap: 18px; }
    .doctorContentCard { padding: 24px 20px; }
    .doctorContentCard strong { margin-bottom: 18px; font-size: 22px; }
    .doctorContentCard ul li { padding-left: 14px; margin-bottom: 10px; font-size: 15px; line-height: 1.6; }
    .doctorContentCard ul li::before { top: 10px; width: 4px; height: 4px; }
    .doctorContentCard ul li em { display: block; min-width: auto; margin-right: 0; margin-bottom: 2px; }
    .doctorHistoryCard {height: 100%; }
    .doctorBookBox { margin-top: 20px; padding: 26px 20px; }
    .doctorBookBox strong { margin-bottom: 18px; font-size: 22px; }
    .doctorBookBox ul { grid-template-columns: 1fr; gap: 10px; }
    .doctorBookBox ul li { padding-left: 14px; font-size: 15px; line-height: 1.6; }
    .doctorBookBox ul li::before { top: 10px; width: 4px; height: 4px; }
    .doctorBookBox ul li em { display: block; min-width: auto; margin-right: 0; margin-bottom: 2px; }


    /* 유튜브강의 */
    .youtubePageTitleBox h3 { font-size: 32px; }
    .youtubeSearchBox { flex-direction: column; }
    .youtubeSearchBox select { width: 100%; }
    .youtubeSearchBox input { width: 100%; }
    .youtubeSearchBox button { width: 100%; }
    .youtubeList { grid-template-columns: 1fr; }

    .content .bronchoInner {  }
    .content .bronchoInner + .bronchoInner { padding-top: 30px; }
    .content .commonTitleBox { margin-bottom: 40px; }
    .content .commonTitleBox span { font-size: 15px; }
    .content .commonTitleBox strong { font-size: 25px; }
    .content .commonTitleBox strong br { display: none; }
    .content .bronchoIntro .bronchoVisualBox { margin-bottom: 28px; border-radius: 22px; }
    .content .bronchoIntro .bronchoTextBox p { font-size: 16px; }
    .content .bronchoIntro .bronchoTextBox p br { display: none; }
    .content .bronchoIntro .bronchoPointBox { margin-top: 24px; padding: 24px 20px; border-radius: 18px; }
    .content .bronchoIntro .bronchoPointBox br { display: none; }
    .content .bronchoIntro .bronchoPointBox p { font-size: 16px; }
    .content .commonCardList { grid-template-columns: 1fr; gap: 18px; }
    .content .commonCardList li .imgBox img { height: 220px; }
    .content .commonCardList li .textBox { padding: 24px; }
    .content .commonCardList li .textBox p { font-size: 17px; }

    .content .bronchoMerit { padding-top: 30px; }
    .content .bronchoMerit .bronchoMeritVisual { margin-bottom: 28px; border-radius: 22px; }
    .content .bronchoMerit .bronchoMeritList { gap: 14px; }
    .content .bronchoMerit .bronchoMeritList li { align-items: flex-start; gap: 16px; padding: 22px; border-radius: 18px; }
    .content .bronchoMerit .bronchoMeritList li span { width: 44px; height: 44px; font-size: 14px; }
    .content .bronchoMerit .bronchoMeritList li p { font-size: 16px; padding-top: unset; }
    .content .bronchoMerit .bronchoMeritList li p:not(.info) { padding-top: unset; }

   
    .noticeWrap { margin-top: 40px; padding: 50px 18px; border-radius: 24px; }
    .noticeWrap .commonTitleBox { margin-bottom: 36px; }
    .noticeWrap .commonTitleBox span { font-size: 15px; }
    .noticeWrap .commonTitleBox strong { font-size: 28px; }
    .noticeWrap .commonNoticeList li { align-items: flex-start; gap: 16px; padding: 24px; }
    .noticeWrap .commonNoticeList li span { width: 46px; height: 46px; font-size: 14px; }
    .noticeWrap .commonNoticeList li p { font-size: 15px; }

    .faqWrap {  margin-top: 60px; margin-bottom: 80px; padding: 50px 18px; border-radius: 24px; }
    .faqWrap .commonTitleBox { margin-bottom: 36px; }
    .faqWrap .commonTitleBox span { font-size: 15px; }
    .faqWrap .commonTitleBox strong { font-size: 28px; }
    .faqWrap .commonFaqList > li .faqBtn { align-items: flex-start; padding: 24px 22px; }
    .faqWrap .commonFaqList > li .faqBtn .questionBox { align-items: flex-start; }
    .faqWrap .commonFaqList > li .faqBtn .questionBox span { width: 42px; height: 42px; font-size: 14px; }
    .faqWrap .commonFaqList > li .faqBtn .questionBox strong { font-size: 18px; }
    .faqWrap .commonFaqList > li .faqAnswer p { padding: 0 22px 24px; font-size: 15px; }
    .faqWrap .commonFaqList > li .faqAnswer ul { padding: 0 22px 24px; }
    .faqWrap .commonFaqList > li .faqAnswer ul li { font-size: 15px; }
    .faqWrap .commonFaqList > li .faqBtn .faqIcon{ width: 15px; height: 15px; }

    .xrayMethodBox { margin-top: 70px; padding: 50px 18px; border-radius: 24px; }
    .xrayMethodBox .commonTitleBox { margin-bottom: 36px; }
    .xrayMethodBox .commonTitleBox span { font-size: 15px; }
    .xrayMethodBox .commonTitleBox strong { font-size: 28px; }
    .xrayMethodBox .xrayMethodList { grid-template-columns: 1fr; gap: 18px; }
    .xrayMethodBox .xrayMethodList li a { border-radius: 22px; }
    .xrayMethodBox .xrayMethodList li a .imgBox { height: 220px; }
    .xrayMethodBox .xrayMethodList li a .textBox { gap: 14px; padding: 24px; }
    .xrayMethodBox .xrayMethodList li a .textBox span { width: 44px; height: 44px; font-size: 14px; }
    .xrayMethodBox .xrayMethodList li a .textBox p { font-size: 18px; }

    .checkPointWrap { margin-top: 70px; padding: 44px 18px; }
    .checkPointWrap .commonTitleBox { margin-bottom: 32px; }
    .checkPointWrap .commonTitleBox span { font-size: 15px; }
    .checkPointWrap .commonTitleBox strong { font-size: 28px; }
    .checkPointWrap .checkPointBox { padding: 36px 18px; }
    .checkPointWrap .checkPointBox > span { min-width: 150px; height: 40px; margin-bottom: 28px; font-size: 13px; }
    .checkPointWrap .checkPointBox .checkPointCircle { width: 170px; height: 170px; margin-bottom: 28px; }
    .checkPointWrap .checkPointBox .checkPointCircle p { font-size: 28px; }
    .checkPointWrap .checkPointBox .checkPointCircle p em { font-size: 19px; }
    .checkPointWrap .checkPointBox .textBox strong { font-size: 19px; }
    .checkPointWrap .checkPointBox .textBox p { font-size: 15px; }

    .testTypeWrap { margin-top: 70px; padding: 44px 18px; }
    .testTypeWrap .commonTitleBox { margin-bottom: 32px; }
    .testTypeWrap .commonTitleBox span { font-size: 15px; }
    .testTypeWrap .commonTitleBox strong { font-size: 28px; }
    .testTypeWrap .testTypeVisual { margin-bottom: 30px; }
    .testTypeWrap .testTypeList li { display: block; }
    .testTypeWrap .testTypeList li .numBox { gap: 8px; padding: 24px 22px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .testTypeWrap .testTypeList li .numBox strong { font-size: 19px; }
    .testTypeWrap .testTypeList li .textBox { padding: 24px 22px; }
    .testTypeWrap .testTypeList li .textBox p { font-size: 15px; }
    .testTypeWrap .testTypeList li .textBox .dotList { gap: 8px; }
    .testTypeWrap .testTypeList li .textBox .dotList li { padding-left: 14px; font-size: 16px; }
    .testTypeWrap .testTypeList li .textBox .dotList li::before { top: 11px; width: 4px; height: 4px; }


    .breathStepWrap { margin-top: 70px; padding: 44px 18px; }
    .breathStepWrap .commonTitleBox { margin-bottom: 32px; }
    .breathStepWrap .commonTitleBox span { font-size: 15px; }
    .breathStepWrap .commonTitleBox strong { font-size: 28px; }
    .breathStepWrap .breathStepList li { display: block; padding: 26px 22px; }
    .breathStepWrap .breathStepList li::after { left: 50%; bottom: -16px; width: 1px; height: 16px; transform: translateX(-50%); }
    .breathStepWrap .breathStepList li .imgBox { padding: 0 0 24px; margin-bottom: 24px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .breathStepWrap .breathStepList li .imgBox img { max-width: 110px; }
    .breathStepWrap .breathStepList li .textBox span { margin-bottom: 10px; font-size: 12px; }
    .breathStepWrap .breathStepList li .textBox strong { margin-bottom: 12px; font-size: 22px; }
    .breathStepWrap .breathStepList li .textBox p { font-size: 15px; }

    .analysisTypeWrap { margin-top: 70px; padding: 44px 18px; }
    .analysisTypeWrap .commonTitleBox { margin-bottom: 34px; }
    .analysisTypeWrap .commonTitleBox span { font-size: 15px; }
    .analysisTypeWrap .commonTitleBox strong { font-size: 28px; }
    .analysisTypeWrap .analysisTypeList { gap: 16px; }
    .analysisTypeWrap .analysisTypeList li .imgBox { min-height: 220px; }
    .analysisTypeWrap .analysisTypeList li .textBox { padding: 28px 22px; }
    .analysisTypeWrap .analysisTypeList li .textBox span { margin-bottom: 10px; font-size: 13px; }
    .analysisTypeWrap .analysisTypeList li .textBox strong { margin-bottom: 16px; font-size: 24px; }
    .analysisTypeWrap .analysisTypeList li .textBox p { font-size: 15px; line-height: 1.75; }

    .bloodTableWrap { margin-top: 70px; padding: 44px 18px; }
    .bloodTableWrap .commonTitleBox { margin-bottom: 32px; }
    .bloodTableWrap .commonTitleBox span { font-size: 15px; }
    .bloodTableWrap .commonTitleBox strong { font-size: 28px; }
    .bloodTableWrap .bloodTableHead { display: none; }
    .bloodTableWrap .bloodTableList li { display: block; }
    .bloodTableWrap .bloodTableList li .titleBox { padding: 20px 18px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .bloodTableWrap .bloodTableList li .titleBox strong { font-size: 16px; }
    .bloodTableWrap .bloodTableList li .descBox { padding: 22px 18px; }
    .bloodTableWrap .bloodTableList li .descBox p { font-size: 15px; }
    .bloodTableWrap .bloodTableList li .descBox ul li { font-size: 14px; }

    .sputumFeatureWrap { margin-top: 70px; padding: 44px 18px; }
    .sputumFeatureWrap .commonTitleBox { margin-bottom: 32px; }
    .sputumFeatureWrap .commonTitleBox span { font-size: 15px; }
    .sputumFeatureWrap .commonTitleBox strong { font-size: 28px; }
    .sputumFeatureWrap .sputumFeatureBox { gap: 20px; }
    .sputumFeatureWrap .sputumFeatureList li { padding: 18px 0 18px 18px; }
    .sputumFeatureWrap .sputumFeatureList li::before { top: 28px; width: 5px; height: 5px; }
    .sputumFeatureWrap .sputumFeatureList li:first-child::before { top: 7px; }
    .sputumFeatureWrap .sputumFeatureList li p { font-size: 15px; }

    .sputumInfoWrap { margin-top: 70px; padding: 44px 18px; }
    .sputumInfoWrap .commonTitleBox { margin-bottom: 32px; }
    .sputumInfoWrap .commonTitleBox span { font-size: 15px; }
    .sputumInfoWrap .commonTitleBox strong { font-size: 28px; }
    .sputumInfoWrap .sputumInfoList li { display: block; }
    .sputumInfoWrap .sputumInfoList li .titleBox { gap: 6px; padding: 22px 18px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .sputumInfoWrap .sputumInfoList li .titleBox span { font-size: 12px; }
    .sputumInfoWrap .sputumInfoList li .titleBox strong { font-size: 18px; }
    .sputumInfoWrap .sputumInfoList li .textBox { padding: 22px 18px; }
    .sputumInfoWrap .sputumInfoList li .textBox p { font-size: 15px; }

    .bloodTableWrap .bloodNoticeList { gap: 12px; margin-top: 30px; padding: 28px 24px; border-radius: 18px; }
    .bloodTableWrap .bloodNoticeList li { padding-left: 16px; font-size: 15px; }
    .bloodTableWrap .bloodNoticeList li::before { top: 10px; width: 5px; height: 5px; }

    .symptomWrap { margin-top: 70px; padding: 44px 18px; }
    .symptomWrap .commonTitleBox { margin-bottom: 32px; }
    .symptomWrap .commonTitleBox span { font-size: 15px; }
    .symptomWrap .commonTitleBox strong { font-size: 28px; }
    .symptomWrap .symptomList { grid-template-columns: 1fr; gap: 12px; }
    .symptomWrap .symptomList li { min-height: auto; gap: 14px; padding: 20px 18px; }
    .symptomWrap .symptomList li span { width: 40px; height: 40px; font-size: 13px; }
    .symptomWrap .symptomList li p { font-size: 17px; }
    .symptomWrap .symptomList li p em { font-size: 14px; }
    .symptomWrap .symptomNotice { margin-top: 18px; padding: 22px 18px; text-align: left; }
    .symptomWrap .symptomNotice p { font-size: 15px; }

    .lifeTipWrap { margin-top: 70px; padding: 44px 18px; }
    .lifeTipWrap .commonTitleBox { margin-bottom: 32px; }
    .lifeTipWrap .commonTitleBox span { font-size: 15px; }
    .lifeTipWrap .commonTitleBox strong { font-size: 28px; }
    .lifeTipWrap .lifeTipList { grid-template-columns: 1fr; gap: 12px; }
    .lifeTipWrap .lifeTipList li { padding: 20px 18px 20px 18px; }
    .lifeTipWrap .lifeTipList li::before { top: 30px; height: 7px; }
    .lifeTipWrap .lifeTipList li p { font-size: 15px; }

    .pneumoniaTableWrap { margin-top: 70px; padding: 44px 18px; }
    .pneumoniaTableWrap .commonTitleBox { margin-bottom: 28px; }
    .pneumoniaTableWrap .commonTitleBox span { font-size: 15px; }
    .pneumoniaTableWrap .commonTitleBox strong { font-size: 28px; }
    .pneumoniaTableWrap .pneumoniaIntro { margin-bottom: 24px; padding: 20px 18px; text-align: left; }
    .pneumoniaTableWrap .pneumoniaIntro p { font-size: 15px; }
    .pneumoniaTableWrap .pneumoniaCompareHead { display: none; }
    .pneumoniaTableWrap .pneumoniaCompareList > li { display: block; }
    .pneumoniaTableWrap .pneumoniaCompareList > li .titleBox { justify-content: flex-start; padding: 20px 18px; border-right: 0; border-bottom: 1px solid #e2e8f0; text-align: left; }
    .pneumoniaTableWrap .pneumoniaCompareList > li .titleBox strong { font-size: 17px; }
    .pneumoniaTableWrap .pneumoniaCompareList > li .textBox { position: relative; padding: 42px 18px 22px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:nth-child(2)::before { content: "세균감염에 의한 폐렴"; position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:nth-child(3)::before { content: "바이러스 감염에 의한 폐렴"; position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .cn .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:nth-child(2)::before { content: "细菌性肺炎(Bacterial)"; position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .cn .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:nth-child(3)::before { content: "病毒性肺炎(Viral)"; position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .en .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:nth-child(2)::before { content: "Bacterial Pneumonia"; position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .en .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:nth-child(3)::before { content: "Viral Pneumonia"; position: absolute; left: 18px; top: 16px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    
    
    .pneumoniaTableWrap .pneumoniaCompareList > li .textBox:last-child { border-bottom: 0; }
    .pneumoniaTableWrap .pneumoniaCompareList > li .textBox p { font-size: 15px; }
    .pneumoniaTableWrap .pneumoniaCompareList > li .textBox ul li { font-size: 15px; }

    .bronchitisCareWrap { margin-top: 70px; padding: 44px 18px; }
    .bronchitisCareWrap .commonTitleBox { margin-bottom: 32px; }
    .bronchitisCareWrap .commonTitleBox span { font-size: 15px; }
    .bronchitisCareWrap .commonTitleBox strong { font-size: 28px; }
    .bronchitisCareWrap .bronchitisCareHead { display: none; }
    .bronchitisCareWrap .bronchitisCareList > li { display: block; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem { padding: 52px 18px 22px 34px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem:last-child { border-bottom: 0; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem:nth-child(1)::after { content: "급성기관지염"; position: absolute; left: 18px; top: 18px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .bronchitisCareWrap .bronchitisCareList > li .careItem:nth-child(2)::after { content: "만성기관지염"; position: absolute; left: 18px; top: 18px; font-size: 13px; font-weight: 700; color: var(--colorMain); }
    .cn .bronchitisCareWrap .bronchitisCareList > li .careItem:nth-child(1)::after { content: "急性支气管炎"; }
    .cn .bronchitisCareWrap .bronchitisCareList > li .careItem:nth-child(2)::after { content: "慢性支气管炎"; }
    .en .bronchitisCareWrap .bronchitisCareList > li .careItem:nth-child(1)::after { content: "Acute Bronchitis"; }
    .en .bronchitisCareWrap .bronchitisCareList > li .careItem:nth-child(2)::after { content: "Chronic Bronchitis"; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem::before { left: 18px; top: 61px; width: 5px; height: 5px; }
    .bronchitisCareWrap .bronchitisCareList > li .careItem p { font-size: 15px; }

    .pressureCareWrap { margin-top: 70px; padding: 44px 18px; }
    .pressureCareWrap .commonTitleBox { margin-bottom: 32px; }
    .pressureCareWrap .commonTitleBox span { font-size: 15px; }
    .pressureCareWrap .commonTitleBox strong { font-size: 28px; }
    .pressureCareWrap .pressureCareList { grid-template-columns: 1fr; gap: 12px; }
    .pressureCareWrap .pressureCareList li { padding: 28px 20px 22px; }
    .pressureCareWrap .pressureCareList li::before { left: 20px; width: 36px; }
    .pressureCareWrap .pressureCareList li strong { margin-bottom: 14px; font-size: 19px; }
    .pressureCareWrap .pressureCareList li p { font-size: 15px; }

    .commonTabWrap .commonTabBtnBox { justify-content: flex-start; overflow-x: auto; gap: 8px; margin-bottom: 30px; padding-bottom: 6px; }
    .commonTabWrap .commonTabBtnBox .tabBtn { flex-shrink: 0; min-width: auto; height: 46px; padding: 0 20px; font-size: 15px; }

    .diabetesDiagnosisWrap { margin-top: 70px; padding: 44px 18px; }
    .diabetesDiagnosisWrap .commonTitleBox { margin-bottom: 32px; }
    .diabetesDiagnosisWrap .commonTitleBox span { font-size: 15px; }
    .diabetesDiagnosisWrap .commonTitleBox strong { font-size: 28px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisList { gap: 12px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisList li { padding: 28px 20px 22px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisList li::before { left: 20px; width: 36px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisList li strong { margin-bottom: 14px; font-size: 20px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisList li p { font-size: 15px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisInfo { padding: 24px 18px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisInfo strong { margin-bottom: 16px; font-size: 18px; }
    .diabetesDiagnosisWrap .diabetesDiagnosisInfo ul li { font-size: 15px; }

    .diabetesTreatmentWrap { margin-top: 70px; padding: 44px 18px; }
    .diabetesTreatmentWrap .commonTitleBox { margin-bottom: 32px; }
    .diabetesTreatmentWrap .commonTitleBox span { font-size: 15px; }
    .diabetesTreatmentWrap .commonTitleBox strong { font-size: 28px; }
    .diabetesTreatmentWrap .diabetesTreatmentList { gap: 12px; }
    .diabetesTreatmentWrap .diabetesTreatmentList li { padding: 28px 20px 22px; }
    .diabetesTreatmentWrap .diabetesTreatmentList li::before { left: 20px; width: 36px; }
    .diabetesTreatmentWrap .diabetesTreatmentList li strong { margin-bottom: 14px; font-size: 20px; }
    .diabetesTreatmentWrap .diabetesTreatmentList li p { font-size: 15px; }

    .lipidDiagnosisWrap { margin-top: 70px; padding: 44px 18px; }
    .lipidDiagnosisWrap .commonTitleBox { margin-bottom: 20px; }
    .lipidDiagnosisWrap .commonTitleBox span { font-size: 15px; }
    .lipidDiagnosisWrap .commonTitleBox strong { font-size: 28px; }
    .lipidDiagnosisWrap .lipidDiagnosisText { margin-bottom: 28px; }
    .lipidDiagnosisWrap .lipidDiagnosisText p { font-size: 15px; }
    .lipidDiagnosisWrap .lipidDiagnosisList { grid-template-columns: 1fr; gap: 12px; }
    .lipidDiagnosisWrap .lipidDiagnosisList li { min-height: auto; padding: 32px 20px; }
    .lipidDiagnosisWrap .lipidDiagnosisList li strong { margin-bottom: 12px; font-size: 20px; }
    .lipidDiagnosisWrap .lipidDiagnosisList li p { font-size: 19px; }

    .cancerProgramWrap { margin-top: 70px; padding: 44px 18px; }
    .cancerProgramWrap .commonTitleBox { margin-bottom: 32px; }
    .cancerProgramWrap .commonTitleBox span { font-size: 15px; }
    .cancerProgramWrap .commonTitleBox strong { font-size: 28px; }
    .cancerProgramWrap .cancerProgramList { gap: 14px; }
    .cancerProgramWrap .cancerProgramList > li { display: block; }
    .cancerProgramWrap .cancerProgramList > li .cancerTitleBox { gap: 6px; padding: 24px 20px; border-right: 0; border-bottom: 1px solid #e2e8f0; }
    .cancerProgramWrap .cancerProgramList > li .cancerTitleBox span { font-size: 12px; }
    .cancerProgramWrap .cancerProgramList > li .cancerTitleBox strong { font-size: 24px; }
    .cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup { padding: 24px 20px; }
    .cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup strong { margin-bottom: 14px; font-size: 17px; }
    .cancerProgramWrap .cancerProgramList > li .cancerInfoBox .infoGroup ul li { font-size: 15px; }

    .recruitTableWrap { margin-top: 70px; }
    .recruitTableWrap .commonTitleBox { margin-bottom: 30px; }
    .recruitTableWrap .commonTitleBox span { font-size: 15px; }
    .recruitTableWrap .commonTitleBox strong { font-size: 28px; }
    .recruitTableWrap .recruitTableBox table thead tr th { padding: 18px 14px; font-size: 15px; }
    .recruitTableWrap .recruitTableBox table tbody tr th,
    .recruitTableWrap .recruitTableBox table tbody tr td { padding: 18px 14px; font-size: 14px; }


    .noticePageWrap { margin-bottom: 70px; }
    .noticePageWrap .commonTitleBox { margin-bottom: 32px; }
    .noticePageWrap .commonTitleBox span { font-size: 15px; }
    .noticePageWrap .commonTitleBox strong { font-size: 28px; }
    .noticePageWrap .noticeListHead { display: none; }
    .noticePageWrap .noticeListBody { display: block; padding: 20px 0; }
    .noticePageWrap .noticeListBody span { display: block; padding: 0 4px; text-align: left; }
    .noticePageWrap .noticeListBody span:first-child { display: none; }
    .noticePageWrap .noticeListBody span:nth-child(2) { margin-bottom: 8px; font-size: 17px; font-weight: 700; }
    .noticePageWrap .noticeListBody span:nth-child(3) { font-size: 14px; color: #777; }

    .noticeReadWrap { margin-bottom: 70px; }
    .noticeReadWrap .noticeReadHead { padding: 28px 0 22px; }
    .noticeReadWrap .noticeReadHead strong { font-size: 22px; }
    .noticeReadWrap .noticeReadHead div { flex-direction: column; gap: 6px; }
    .noticeReadWrap .noticeReadBody { padding: 36px 0; font-size: 15px; }

    .locationInner .locationMapBox { height: 280px; }
    .locationInner .locationInfoDetailBox { grid-template-columns: 1fr; }
    .locationInner .locationInfoDetailBox { gap: 14px; margin-top: 20px; }
    .locationInner .locationInfoDetailBox .locationDetailItem { padding: 24px 20px; border-radius: 18px; }




    /* 중문 */

    .cn .visionWrap .visionInner .visionTitle { font-size: 18px; }
    .cn .visionWrap .visionInner .visionText { font-size: 15px; }
    .cn .principleWrap .principleInner .principleList li .sloganBox p span { font-size: 16px; }

    .cn .infoWrap .infoBox .textBox p { font-size: 15px; }
    .cn .principleWrap .principleInner .principleList li .textBox p { font-size: 15px; }
    .cn .featureTitleBox p { font-size: 20px; }

}