@charset "utf-8";

@import url("/css/content-common.css");

:root {
	--color-gray: #555;
	--font-mont: "Montserrat", Sans-serif;
	--font-emoji: "Noto Color Emoji", sans-serif;
	--font-gmarket: "Gmarket Sans", Sans-serif;
	--section-padding-block-min: 60rem;
	--icon-min-width: 60rem;
	--box-min-padding: 12rem;
}

@keyframes highlight {
	0%, 25% { --color-text: #fff; --color-counter-shadow: #ffd4b8; --bg-color-text: var(--color-point); --bg-color-counter: var(--color-point); }
	25.01%, 100% { --color-text: #888; --color-counter-shadow: #e5e5e5; --bg-color-text: #f5f5f5; --bg-color-counter: oklab(0.728 0 0); }
}

#content { padding-block: clamp(var(--section-padding-block-min), calc(145 / var(--container) * 100vw), 145rem) clamp(var(--section-padding-block-min), calc(110 / var(--container) * 100vw), 110rem); word-break: keep-all;
	&:has(.page-internal) { padding-bottom: 0; }
}

main section:not(:first-child) { content-visibility: auto; contain-intrinsic-size: auto 500px; }

.page-ceo-message {
	.section-message-intro { padding-bottom: clamp(var(--section-padding-block-min), calc(101 / var(--container) * 100vw), 101rem); text-align: center; background: url("/images/content/ceo-message/intro-bg.webp") no-repeat 50% 100% / auto clamp(155rem, calc(470 / var(--container) * 100vw), 470rem);
		.eyebrow { font: 700 var(--font-size-18) var(--font-mont); }
		.heading { margin-top: 0.64285714em; font: 700 var(--font-size-42) / 1.30952381 var(--font-sans); letter-spacing: -0.015em; }
		.overview { max-width: 94ch; margin: 25rem auto 0; font: var(--font-size-18-to-14) / 1.5 var(--font-sans); letter-spacing: -0.01em; color: var(--color-gray); }
		.doctor-photo { aspect-ratio: 150 / 47; margin-top: 57rem; background: #fff url("/images/content/ceo-message/intro-doctors.webp") no-repeat 50% / contain; border-radius: 15rem; }
	}
	.section-services { padding-block: clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem);
		.list { display: grid;
			@media (width >= 768px) { gap: 20rem; }
			@media (width < 768px) { gap: 50rem; }
		}
		.item { display: grid; gap: 30rem clamp(8rem, calc(160 / var(--container) * 100vw), 160rem);
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); align-items: center;
				&:nth-child(odd) .visual { order: 1; }
				&:nth-child(even) .content { translate: -2.8ch; }
			}
		}
		.visual { aspect-ratio: 67 / 46; background: no-repeat 50% / cover; border-radius: 15rem; }
		.visual-1 { background-image: url("/images/content/ceo-message/services-visual-1.webp"); }
		.visual-2 { background-image: url("/images/content/ceo-message/services-visual-2.webp"); }
		.title { font: 600 var(--font-size-28) var(--font-sans); letter-spacing: -0.01em;
			span { font-weight: bold; color: var(--color-point); }
		}
		.emoji { margin-right: 0.2ch; font: var(--font-size-25) var(--font-emoji); }
		.overview { margin-top: 1.44444444em; font: var(--font-size-20-to-14) / 1.55555556 var(--font-sans); letter-spacing: -0.01em; color: var(--color-gray); }
		.tagline { margin-top: 1.61111111em; font: var(--font-size-18) / 1.66666667 var(--font-sans); letter-spacing: -0.01em; color: var(--color-gray); }
	}
	.section-contact { padding-block: clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); text-align: center; color: #fff; background: fixed url("/images/content/ceo-message/contact-bg.webp") no-repeat 50% / cover; isolation: isolate;
		.content { position: relative;
			/* width: fit-content; */ margin-inline: auto;
		}
		.content::before { position: absolute; inset: 0; z-index: -1; background: #000; border-radius: 50%; filter: blur(50px); opacity: 0.2; content: ""; }
		.board-block { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(8rem, calc(50 / var(--container) * 100vw), 50rem); width: 100%; max-width: 1010rem; margin-bottom: clamp(40rem, calc(77 / var(--container) * 100vw), 77rem); margin-inline: auto;
			.board-link { display: block; aspect-ratio: 48 / 48; padding: clamp(5rem, calc(10 / var(--container) * 100vw), 10rem); text-align: left; background: var(--thumbnail-url, none) no-repeat 50% / cover, url("/images/common/symbol-gray.svg") no-repeat 50% / min(60rem, 30%), #eee; border-radius: 10rem; }
			.category { position: relative; display: inline-block; padding: 0.5em 1.11111111em 0.55555556em; font: 700 var(--font-size-18-to-14) var(--font-sans); letter-spacing: -0.015em; color: #fff; border-radius: 5rem;
				&.category--newsroom { background: #ff6714; }
				&.category--academic { background: var(--color-blue); }
				&::after { position: absolute; top: 50%; right: 20rem; display: inline-block; width: 0.66666667em; aspect-ratio: 1; background: linear-gradient(#fff) no-repeat 50% / 2px 100%, linear-gradient(#fff) no-repeat 50% / 100% 2px; translate: 0 -50%; content: ""; }
				@media (prefers-reduced-motion: no-preference) {
					&, &::after { transition: 0.3s; }
				}
				@media (any-hover) {
					&::after { opacity: 0; }
					.board-link:hover & { padding-right: 2.88888889em;
						&::after { opacity: 1; }
					}
				}
			}
		}
		.title { font: 500 var(--font-size-33) / 1.36363636 var(--font-gms); letter-spacing: -0.015em; }
		.link-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.66666667em; margin-top: 43rem; font: 500 var(--font-size-15) var(--font-gms);
			.link { display: inline-flex; align-items: center; justify-content: center; gap: 2.33333333em; min-width: 18em; padding: 1.8em 2em 1.66666667em; letter-spacing: -0.01em; background: oklab(100% 0 -0.00011 / 0.3); border-radius: 5em;
				&::after { font: 500 var(--font-size-18) / 1 var(--font-sans); translate: 6% -9%; content: "→"; }
				@media (prefers-reduced-motion: no-preference) {
					& { transition: 0.3s; }
				}
				@media (any-hover) {
					&:hover { background: var(--color-orange); }
				}
			}
		}
	}
}

.page-staff {
	.page-heading-block { margin-bottom: clamp(50rem, calc(61 / var(--container) * 100vw), 61rem); text-align: center;
		.page-eyebrow { font: 500 var(--font-size-18) var(--font-sans); letter-spacing: -0.01em; color: var(--color-orange); text-transform: uppercase; }
		.page-heading { font: 700 var(--font-size-40) var(--font-gms); letter-spacing: -0.02em; }
	}
	.staff-list { --column-gap: clamp(8rem, calc(46 / var(--container) * 100vw), 46rem); display: grid; grid-template-columns: repeat(auto-fill, minmax(min(clamp(215rem, calc(270 / var(--container) * 100vw), 270rem), calc(50% - (var(--column-gap) / 2))), 1fr)); gap: calc(var(--font-size-20) * 2.3) var(--column-gap);
		.staff-item { max-width: 340rem; }
	}
	.staff-trigger { display: block; width: 100%; text-align: left; background: 0;
		.staff-list:has(:popover-open) & { pointer-events: none; }
		.photo-block { position: relative; contain: content; background: #000; border-radius: 10rem; }
		.photo { display: block; width: 100%; height: auto; aspect-ratio: 34 / 44; object-fit: cover; }
		.name { margin: clamp(0.5lh, calc(27 / var(--container) * 100vw), 27rem) 0 0 0.45em; font: 600 var(--font-size-20) var(--font-sans); }
		@media (prefers-reduced-motion: no-preference) {
			.photo-block::before, .photo { transition: 0.3s; }
		}
		@media (any-hover) {
			.photo-block::before { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; width: 4em; aspect-ratio: 1; margin: auto; padding-bottom: 0.1%; font: 500 var(--font-size-25) / 1 var(--font-sans); color: #fff; background: var(--color-orange); border-radius: 50%; box-shadow: 0 0 0 15rem rgb(from var(--color-orange) r g b / 0.2); opacity: 0; content: "→"; }
			&:has(+ :popover-open), &:hover {
				.photo-block::before { opacity: 1; }
				.photo { opacity: 0.3; }
			}
		}
	}
	.popover {
		& { margin: auto; padding: 0; background: 0; border: 0;
			&:popover-open { display: grid; gap: 20rem;
				@media (width >= 1280px) { grid-template-columns: 1fr auto;
					.popover-close { order: 1; }
				}
				@media (width < 1280px) { grid-template-rows: auto 1fr; }
			}
		}
		&::-webkit-backdrop { background: #000; opacity: 0.8; }
		&::backdrop { background: #000; opacity: 0.8; }
		.window { --padding: clamp(12rem, calc(50 / var(--container) * 100vw), 50rem); width: 100dvw; max-width: min(1200rem, 95vw); height: 100dvh; max-height: min(700rem, 95dvh); container: popover / size; padding: var(--padding) clamp(var(--box-min-padding), calc(26 / var(--container) * 100vw), 26rem) var(--padding) var(--padding); background: #fff; border-radius: 20rem;
			@media (width >= 768px) { grid-template-columns: 46fr 60.5fr; grid-template-columns: auto 1fr; }
		}
		.scroll-block { display: grid; gap: 12rem clamp(40rem, calc(60 / var(--container) * 100vw), 60rem); width: 100%; height: 100%; overflow-y: auto; scrollbar-color: var(--color-orange) #0000; scrollbar-width: thin;
			@media (width >= 768px) { grid-template-columns: 46fr 60.5fr;
				/* grid-template-columns: auto 1fr; */
			}
			@media (width < 768px) { grid-template-rows: auto 1fr; }
		}
		.photo-block { position: relative; }
		.photo { position: sticky; top: 0; display: block; width: 100%; max-width: clamp(340rem, calc(460 / var(--container) * 100vw), 460rem); height: auto; aspect-ratio: 46 / 58; object-fit: cover; object-position: 50% 10%; border-radius: 20rem;
			@media (width >= 768px) { max-height: 100cqh; }
			@media (width < 768px) { }
		}
		.name { margin-top: 35rem; font: var(--font-size-30) var(--font-sans); }
		.info-list { display: grid; gap: 32rem; margin-top: 21rem; padding-top: 25rem; border-top: 3rem solid #f4f4f4; }
		.info-title { font: 600 var(--font-size-18) var(--font-sans); }
		.detail-list { margin-top: 14rem; font: var(--font-size-16) / 1.75 var(--font-sans); color: #444; }
		.detail-item { display: grid; grid-template-columns: auto 1fr; gap: 0.5ch; }
		.detail-item::before { font-size: 1.25em; line-height: 1.2; color: #bbb; content: "·"; }
		.popover-close { position: relative; justify-self: end; width: clamp(45rem, calc(70 / var(--container) * 100vw), 70rem); aspect-ratio: 1; background: var(--color-orange); border-radius: 50%; }
		.popover-close::before, .popover-close::after { position: absolute; inset: 0; width: 26rem; height: 2rem; margin: auto; background: #fff; content: ""; }
		.popover-close::before { rotate: 45deg; }
		.popover-close::after { rotate: -45deg; }
	}
}

/* #region common section */
.page-heading-block { text-align: center;
	.page-eyebrow { font: 500 var(--font-size-20) var(--font-sans); color: var(--color-orange); }
	.page-heading { margin-top: 0.51111111em; font: 700 var(--font-size-45) var(--font-gms); }
}

.section-heading-block { text-align: center;
	.section-eyebrow { margin-bottom: 1.3em; font: 500 var(--font-size-20) var(--font-sans); color: var(--color-orange); }
	.section-heading { font: 700 var(--font-size-42) / 1.38095238 var(--font-sans); letter-spacing: -0.01em; text-wrap: balance;
		.section-eyebrow + & { margin-top: 0.61904762em; }
		&:has(b) { font-weight: 500; }
		b { font-weight: 600; }
	}
	.section-overview { margin-top: 1.05555556em; font: var(--font-size-18-to-14) / 1.5 var(--font-sans); text-wrap: balance; color: var(--color-gray); }
}

.page-top-separator { margin-block: 49rem clamp(var(--section-padding-block-min), calc(100 / var(--container) * 100vw), 100rem); border: solid #e8e8e8; border-width: 1px 0 0; }

.section-separator { height: 5px; background: url("/images/content/intro/separator-bg.png"); border: 0; }

.section-sub-heading { font: 700 var(--font-size-25) var(--font-sans);
	.emoji { margin-left: -0.3ch; font: 0.8em var(--font-emoji); }
}

.section-reservation { margin-top: 52rem;
	.section-type + & { margin-top: 0; }
	.container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 45rem; padding: clamp(50rem, calc(92 / var(--container) * 100vw), 92rem) 16rem clamp(60rem, calc(103 / var(--container) * 100vw), 103rem); color: #fff; background: #000 url("/images/content/reservation/bg.webp") no-repeat 50% / cover; border-radius: 15rem;
		@media (width >= 768px) { padding-inline: clamp(16rem, calc(70 / 1740 * 100vw), 70rem); }
		@media (width >= 1280px) { padding-inline: clamp(16rem, calc(131 / 1920 * 100vw), 131rem) clamp(16rem, calc(150 / 1920 * 100vw), 150rem); }
	}
	.heading-block {
		@media (width >= 768px) { padding-top: 0.8%; }
	}
	.eyebrow { font: 500 var(--font-size-18-to-14) var(--font-gms); color: rgb(from currentColor r g b / 0.5); }
	.heading { margin-top: 0.775em; font: 500 var(--font-size-40) var(--font-gms); }
	.link-list { display: grid; gap: 15rem; width: 100%; max-width: 18em; font: 500 var(--font-size-15) / 1 var(--font-gms); text-align: center; }
	.link { display: flex; align-items: center; justify-content: space-between; gap: 2ch; padding: 1.8em 1.96666667em 1.66666667em; letter-spacing: -0.01em; background: oklch(100% 0.00011 271.152 / 0.3); border-radius: 5em;
		&:hover, &:focus { background: var(--color-point); }
	}
	.link::after { display: block; font: 500 1.2em / 1 var(--font-sans); translate: 5% -10.5%; content: "→"; }
}

.section-intro { padding-bottom: clamp(var(--section-padding-block-min), calc(100 / var(--container) * 100vw), 100rem);
	.section-heading-block {
		&.has-bg { padding-bottom: clamp(var(--section-padding-block-min), calc(100 / var(--container) * 100vw), 100rem); background: url("/images/content/bg-wallpaper.jpg") repeat-x 50% 100% / auto clamp(calc(var(--section-padding-block-min) + 63.5rem), calc(320 / var(--container) * 100vw), 320rem); }
		.section-heading::before { display: block; width: 8rem; aspect-ratio: 1; margin: 0 auto 0.57142857em; color: var(--color-blue); background: rgb(from currentColor r g b / 0.5); border-radius: 50%; box-shadow: -17rem 0 0 rgb(from currentColor r g b / 0.2), 17rem 0 0 currentColor; content: ""; }
		.visual { height: clamp(130rem, calc(405 / var(--container) * 100vw), 405rem); margin-top: 45rem; background: no-repeat 50% / cover; border-radius: 15rem; }
		.visual--cardiology { background-image: url("/images/content/intro/visual-cardiology.webp"); }
		.visual--neurology { background-image: url("/images/content/intro/visual-neurology.webp"); }
		.visual--urology { background-image: url("/images/content/intro/visual-urology.webp"); }
		.visual--oncology { background-image: url("/images/content/intro/visual-oncology.webp"); }
		.visual--gastroenterology { background-image: url("/images/content/intro/visual-gastroenterology.webp"); }
		.visual--pulmonology { background-image: url("/images/content/intro/visual-pulmonology.webp"); }
		.visual--feline { background-image: url("/images/content/intro/visual-feline.webp"); }
		.visual--endocrinology { background-image: url("/images/content/intro/visual-endocrinology.webp"); }
		.visual--hematology { background-image: url("/images/content/intro/visual-hematology.webp"); }
		.visual--laboratory { background-image: url("/images/content/intro/visual-laboratory.webp"); }
		.visual--general { background-image: url("/images/content/intro/visual-general.webp"); }
		.visual--neurosurgery { background-image: url("/images/content/intro/visual-neurosurgery.webp"); }
		.visual--orthopedics { background-image: url("/images/content/intro/visual-orthopedics.webp"); }
		.visual--thoracic { background-image: url("/images/content/intro/visual-thoracic.webp"); }
		.visual--arthroplasty { background-image: url("/images/content/intro/visual-arthroplasty.webp"); }
		.visual--minimally-invasive { background-image: url("/images/content/intro/visual-minimally-invasive.webp"); }
		.visual--intervention { background-image: url("/images/content/intro/visual-intervention.webp"); }
		.visual--mri { background-image: url("/images/content/intro/visual-mri.webp"); }
		.visual--ct { background-image: url("/images/content/intro/visual-ct.webp"); }
		.visual--radiology-ultrasound { background-image: url("/images/content/intro/visual-radiology-ultrasound.webp"); }
		.visual--interventional-procedure { background-image: url("/images/content/intro/visual-interventional-procedure.webp"); }
		.visual--specialized-care { background-image: url("/images/content/intro/visual-specialized-care.webp"); }
		.visual--ophthalmology-consultation-guide { background-image: url("/images/content/intro/visual-ophthalmology-consultation-guide-new.webp"); }
		.visual--ophthalmology-emergency-situation { background-image: url("/images/content/intro/visual-ophthalmology-emergency-situation.webp"); }
	}
	section {
		& { margin-top: clamp(50rem, calc(66 / var(--container) * 100vw), 66rem); }
		.section-separator + & { margin-top: clamp(50rem, calc(55 / var(--container) * 100vw), 55rem); }
	}
	.section-surgery-case-group { margin-top: 0; }
	.section-surgery-case { margin-top: clamp(50rem, calc(95 / var(--container) * 100vw), 95rem);
		.heading { display: grid; grid-template-columns: auto 1fr; gap: 0.45em; font: 700 var(--font-size-20) / 1.4 var(--font-sans); }
		.heading::before { position: relative; top: 0.5lh; align-self: start; width: 0.5em; aspect-ratio: 1; background: var(--color-point); border-radius: 50%; translate: 0 -50%; content: ""; }
		.subheading { margin-top: 0.22222222em; margin-left: calc(var(--font-size-20) * 0.95); font: var(--font-size-18-to-14) / 1.55555556 var(--font-sans); color: #555; }
		.list { display: grid; gap: clamp(8rem, calc(30.665 / var(--container) * 100vw), 30.665rem); margin-top: 24rem;
			@media (width >= 768px) { grid-template-columns: repeat(4, 1fr); }
			@media (width < 768px) { grid-template-columns: repeat(2, 1fr); }
			li:has(.media:nth-child(2)) { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-end: span 2;
				.media:first-child::before, .media:last-child::before { position: absolute; inset: 3.5% 0 auto; width: 6.07142857em; margin: auto; padding: 0.42857143em 1ch; font: 600 var(--font-size-14) var(--font-mont); text-align: center; color: #fff; text-transform: capitalize; border-radius: 5em; }
				.media:first-child::before { background: #333333; content: "before"; }
				.media:last-child::before { background: var(--color-point); content: "after"; }
			}
			li:has(.image:nth-child(2)) { grid-column-end: span 2;
				.media { display: grid; grid-template-columns: repeat(2, 1fr); }
				.caption { grid-column-end: span 2; }
			}
			li:has(.image:nth-child(3)) {
				@media (width >= 768px) { grid-column-end: span 3; }
				.media { display: grid; grid-template-columns: repeat(3, 1fr); }
				.caption { grid-column-end: span 3; }
			}
			li:has(.image:nth-child(4)) {
				@media (width >= 768px) { grid-column-end: span 4; }
				.media { display: grid; grid-template-columns: repeat(4, 1fr); }
				.caption { grid-column-end: span 4; }
			}
		}
		.media { position: relative; }
		.image { display: block; width: 100%; height: auto; object-fit: cover; }
		.caption { padding: 0.96875em 1ch; font: 500 var(--font-size-16) var(--font-sans); text-align: center; color: #fff; background: #222; }
	}
	.sub-description { margin-top: 1.22222222em; font: var(--font-size-18-to-14) / 1.5 var(--font-sans); color: var(--color-gray);
		b { font-weight: 600; }
	}
	.section-separator { margin-block: clamp(50rem, calc(58 / var(--container) * 100vw), 58rem) 0; }
	.cardiology-list {
		& { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 30rem;
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		}
		.item { display: grid; gap: clamp(12rem, calc(24 / var(--container) * 100vw), 24rem) clamp(24rem, calc(33 / var(--container) * 100vw), 33rem); padding: clamp(var(--box-min-padding), calc(50 / var(--container) * 100vw), 50rem) clamp(var(--box-min-padding), calc(40 / var(--container) * 100vw), 40rem); background: #f5f5f5;
			@media (width >= 1024px) { grid-template-columns: auto 1fr; align-items: center; }
			@media (width < 1024px) { grid-template-rows: auto 1fr; }
		}
		.icon { width: clamp(var(--icon-min-width), calc(130 / var(--container) * 100vw), 130rem); aspect-ratio: 1; margin-inline: auto; background: #fff no-repeat 50% / contain; border-radius: 50%; }
		.icon--1 { background-image: url("/images/content/intro/cardiology-1.svg"); }
		.icon--2 { background-image: url("/images/content/intro/cardiology-2.svg"); }
		.icon--3 { background-image: url("/images/content/intro/cardiology-3.svg"); }
		.icon--4 { background-image: url("/images/content/intro/cardiology-4.svg"); }
		.icon--5 { background-image: url("/images/content/intro/cardiology-5.svg"); }
		.icon--6 { background-image: url("/images/content/intro/cardiology-6.svg"); }
		.icon--7 { background-image: url("/images/content/intro/cardiology-7.svg"); }
		.icon--8 { background-image: url("/images/content/intro/cardiology-8.svg"); }
		.icon--9 { background-image: url("/images/content/intro/cardiology-9.svg"); }
		.icon--10 { background-image: url("/images/content/intro/cardiology-10.svg"); }
		.title { font: 500 var(--font-size-20) var(--font-sans); }
		.description { max-width: 48ch; margin-top: 1em; font: var(--font-size-16) / 1.5625 var(--font-sans); color: var(--color-gray); }
	}
	.mri-list { display: grid; gap: 15rem; margin-top: 35rem; font: var(--font-size-17) / 1.58823529 var(--font-sans); counter-reset: index;
		.item { display: grid; align-items: center; gap: 0.5lh 3.3ch; min-height: 105rem; padding: clamp(var(--box-min-padding), calc(30 / var(--container) * 100vw), 30rem) clamp(var(--box-min-padding), calc(40 / var(--container) * 100vw), 40rem); background: #f5f5f5;
			@media (width >= 768px) { grid-template-columns: 21ch 1fr; }
		}
		.title { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0.82352941em; font: inherit; font-weight: 600; }
		.title::before { display: grid; place-items: center; width: 35rem; aspect-ratio: 1; font: 700 13rem var(--font-sans); text-align: center; color: #fff; background: var(--color-point); border-radius: 50%; counter-increment: index; content: counter(index, decimal-leading-zero); }
		.description { font-size: var(--font-size-17-to-14); letter-spacing: -0.01em; color: var(--color-gray);
			@media (width <= 1386px) {
				br { display: none; }
			}
		}
	}
	.core-list { --border-width: 1px; --radius: 10rem; display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 31rem; text-align: center; counter-reset: index;
		@media (width >= 768px) { grid-template-columns: repeat(3, 1fr);
			&.core-list--columns-4 { grid-template-columns: repeat(4, 1fr); }
		}
		.item { border: var(--border-width) solid #e5e5e5; border-radius: var(--radius); counter-increment: index; }
		.visual { align-content: end; aspect-ratio: 48 / 30; margin: calc(var(--border-width) * -1) calc(var(--border-width) * -1) 0; background: var(--color-gray) no-repeat 50% / cover; border-radius: var(--radius) var(--radius) 0 0;
			&.visual--feline-1 { background-image: url("/images/content/intro/core-feline-1.webp"); }
			&.visual--feline-2 { background-image: url("/images/content/intro/core-feline-2.webp"); }
			&.visual--feline-3 { background-image: url("/images/content/intro/core-feline-3.webp"); }
			&.visual--endocrinology-1 { background-image: url("/images/content/intro/core-endocrinology-1.webp"); }
			&.visual--endocrinology-2 { background-image: url("/images/content/intro/core-endocrinology-2.webp"); }
			&.visual--endocrinology-3 { background-image: url("/images/content/intro/core-endocrinology-3.webp"); }
			&.visual--endocrinology-4 { background-image: url("/images/content/intro/core-endocrinology-4.webp"); }
			&.visual--endocrinology-5 { background-image: url("/images/content/intro/core-endocrinology-5.webp"); }
			&.visual--general-1 { background-image: url("/images/content/intro/core-general-1.webp"); }
			&.visual--general-2 { background-image: url("/images/content/intro/core-general-2.webp"); }
			&.visual--general-3 { background-image: url("/images/content/intro/core-general-3.webp"); }
			&.visual--general-4 { background-image: url("/images/content/intro/core-general-4.webp"); }
			&.visual--neurosurgery-1 { background-image: url("/images/content/intro/core-neurosurgery-1.webp"); }
			&.visual--neurosurgery-2 { background-image: url("/images/content/intro/core-neurosurgery-2.webp"); }
			&.visual--neurosurgery-3 { background-image: url("/images/content/intro/core-neurosurgery-3.webp"); }
			&.visual--orthopedics-1 { background-image: url("/images/content/intro/core-orthopedics-1.webp"); }
			&.visual--orthopedics-2 { background-image: url("/images/content/intro/core-orthopedics-2.webp"); }
			&.visual--orthopedics-3 { background-image: url("/images/content/intro/core-orthopedics-3.webp"); }
			&.visual--orthopedics-4 { background-image: url("/images/content/intro/core-orthopedics-4.webp"); }
			&.visual--orthopedics-5 { background-image: url("/images/content/intro/core-orthopedics-5.webp"); }
			&.visual--thoracic-1 { background-image: url("/images/content/intro/core-thoracic-1.webp"); }
			&.visual--thoracic-2 { background-image: url("/images/content/intro/core-thoracic-2.webp"); }
			&.visual--thoracic-3 { background-image: url("/images/content/intro/core-thoracic-3.webp"); }
			&.visual--thoracic-4 { background-image: url("/images/content/intro/core-thoracic-4.webp"); }
			&.visual--thoracic-5 { background-image: url("/images/content/intro/core-thoracic-5.webp"); }
			&.visual--thoracic-6 { background-image: url("/images/content/intro/core-thoracic-6.webp"); }
			&.visual--minimally-invasive-1 { background-image: url("/images/content/intro/core-minimally-invasive-1.webp"); }
			&.visual--minimally-invasive-2 { background-image: url("/images/content/intro/core-minimally-invasive-2.webp"); }
			&.visual--minimally-invasive-3 { background-image: url("/images/content/intro/core-minimally-invasive-3.webp"); }
			&.visual--minimally-invasive-4 { background-image: url("/images/content/intro/core-minimally-invasive-4.webp"); }
			&.visual--intervention-1 { background-image: url("/images/content/intro/core-intervention-1.webp"); }
			&.visual--intervention-2 { background-image: url("/images/content/intro/core-intervention-2.webp"); }
			&.visual--intervention-3 { background-image: url("/images/content/intro/core-intervention-3.webp"); }
			&.visual--detailed-retinal-examination-1 { background-image: url("/images/content/intro/core-detailed-retinal-examination-1.webp"); }
			&.visual--detailed-retinal-examination-2 { background-image: url("/images/content/intro/core-detailed-retinal-examination-2.webp"); }
			&.visual--detailed-retinal-examination-3 { background-image: url("/images/content/intro/core-detailed-retinal-examination-3.webp"); }
			&.visual--dentistry-1 { background-image: url("/images/content/intro/core-dentistry-1.webp"); }
			&.visual--dentistry-2 { background-image: url("/images/content/intro/core-dentistry-2.webp"); }
			&.visual--dentistry-3 { background-image: url("/images/content/intro/core-dentistry-3.webp"); }
			&.visual--dentistry-4 { background-image: url("/images/content/intro/core-dentistry-4.webp"); }
			&.visual--dentistry-5 { background-image: url("/images/content/intro/core-dentistry-5.webp"); }
			&.visual--dentistry-6 { background-image: url("/images/content/intro/core-dentistry-6.webp"); }
			&::before { display: grid; place-items: center; width: 3.125em; aspect-ratio: 1; margin-inline: auto; font: 700 var(--font-size-16) var(--font-sans); color: #fff; background: var(--color-point); border-radius: 50%; translate: 0 50%; content: counter(index, decimal-leading-zero); }
			@media (width >= 768px) {
				.core-list--columns-4 & { aspect-ratio: 355 / 260; }
			}
		}
		.content { padding: clamp(40rem, calc(52 / var(--container) * 100vw), 52rem) 2ch clamp(24rem, calc(34 / var(--container) * 100vw), 34rem); }
		.title { font: 600 var(--font-size-20) var(--font-sans);
			&:has(+ .description) { margin-bottom: 0.85em; }
		}
		.description { font: var(--font-size-16) / 1.5625 var(--font-sans); letter-spacing: -0.01em; text-wrap: balance; color: var(--color-gray); }
		.more-btn { margin-top: 23rem; padding: 4rem 20rem 8rem; font: 500 var(--font-size-14) var(--font-mont); letter-spacing: -0.01em; color: #a5a5a5; background: #eee; border-radius: 5em;
			&:hover, &:focus { color: #fff; background: var(--color-point); }
		}
		.popover { --btn-size: clamp(45rem, calc(70 / var(--container) * 100vw), 70rem); --gap: 20rem; align-items: start; justify-content: center; gap: var(--gap); margin: auto; text-align: left; background: 0; border: 0; pointer-events: none;
			&:popover-open { display: grid;
				@media (width >= 768px) { grid-template-columns: 1fr auto; width: calc(1000rem + var(--btn-size) + var(--gap)); }
				@media (width < 768px) { grid-template-rows: auto 1fr; height: 100%; }
			}
			& * { pointer-events: auto; }
			&::-webkit-backdrop { background: #000; opacity: 0.8; }
			&::backdrop { background: #000; opacity: 0.8; }
			.popover-panel { width: 100%; height: calc(100dvh - var(--btn-size) - var(--gap)); overflow: auto; padding: 65rem 50rem; padding: clamp(24rem, calc(65 / var(--container) * 100vw), 65rem) clamp(16rem, calc(50 / var(--container) * 100vw), 50rem); background: #fff; border-radius: 20rem; scrollbar-color: var(--color-orange) #eee; scrollbar-width: thin;
				@media (width >= 768px) { max-width: 1000rem; max-height: 500rem; }
			}
			.close-btn { position: relative; justify-self: end; width: var(--btn-size); aspect-ratio: 1; background: var(--color-orange); border-radius: 50%;
				&::before, &::after { position: absolute; inset: 0; width: clamp(18rem, calc(26 / var(--container) * 100vw), 26rem); width: 37.14285714%; height: clamp(2rem, calc(4 / var(--container) * 100vw), 4rem); margin: auto; background: #fff; content: ""; }
				&::before { rotate: 45deg; }
				&::after { rotate: -45deg; }
				@media (width >= 768px) { order: 1; }
			}
			.popover-heading { font: 700 var(--font-size-30) var(--font-sans);
				&:has(b) { font-weight: 400; }
			}
			.popover-hr { margin-block: 33rem 38rem; border: solid #e5e5e5; border-width: 1px 0 0;
				&.popover-hr--thick { margin-block: 20rem 37rem; border-color: #f4f4f4; border-top-width: 3px; }
			}
			.popover-title { font: 700 var(--font-size-18) var(--font-sans);
				small { margin-left: 0.6ch; font: 500 0.77777778em var(--font-sans); color: #aaa; }
			}
			.popover-description { margin-top: 1.0625em; font: var(--font-size-16) / 1.75 var(--font-sans); color: #444;
				b { font-weight: 500; }
			}
			.popover-list { gap: clamp(8rem, calc(10 / var(--container) * 100vw), 10rem); margin-top: 23rem; font: var(--font-size-16) var(--font-sans); text-align: center; color: #444;
				@media (width >= 768px) { display: flex; flex-wrap: wrap; }
				@media (width < 768px) { display: grid; grid-template-columns: repeat(2, 1fr); }
				li { flex: 1; padding: 1.0625em 1ch; border: 1px solid #ddd; }
			}
			.popover-visual { max-width: 600px; aspect-ratio: 600 / 464; margin: 40rem auto 0; background: var(--color-gray) url("/images/content/intro/popover-visual.webp") no-repeat 50% / cover; }
			.popover-figure-block { display: grid; gap: clamp(8rem, calc(10 / var(--container) * 100vw), 10rem); margin-top: clamp(8rem, calc(10 / var(--container) * 100vw), 10rem); font: var(--font-size-16) var(--font-sans); letter-spacing: -0.01em; text-align: center; color: #fff;
				.popover-description + & { margin-top: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); }
				@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
				img { display: block; width: 100%; height: auto; }
				figure { background: #222; }
				.columns { display: grid; grid-template-columns: repeat(2, 1fr); }
				.popover-caption { padding: 0.90625em 1ch; }
				.surgery-before { background: #555; }
			}
			.popover-note { margin-top: 2em; font: var(--font-size-14) var(--font-sans); color: #e83c3c; }
		}
	}
	.types-list { display: grid; gap: 15rem 20rem; margin-top: 40rem; font: 500 var(--font-size-18-to-14) / 1.5 var(--font-sans);
		@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		.item { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.1ch; padding: clamp(var(--box-min-padding), calc(23.5 / var(--container) * 100vw), 23.5rem); text-wrap: balance; border: 1px solid #e7e7e7; border-left-color: var(--color-orange);
			&::before { width: 1.22222222em; aspect-ratio: 1; background: url("/images/content/ui-check.svg") no-repeat 50% / contain; content: ""; }
		}
	}
	.strength-list { display: grid; gap: 40rem; margin-top: clamp(45rem, calc(53 / var(--container) * 100vw), 53rem);
		.strength-title { font: 600 var(--font-size-20) var(--font-sans);
			&::before { display: inline-block; content: ""; }
		}
		.strength-description { margin-top: 0.94444444em; font: var(--font-size-18-to-14) / 1.55555556 var(--font-sans); color: var(--color-gray); }
	}
	.protocol-list {
		& { display: grid; gap: 1.125em clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 26rem; font: var(--font-size-16) / 1.625 var(--font-sans); text-align: center; color: var(--color-gray);
			@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
		}
		.item { padding: 1.5em 2ch; border: 1px solid #e5e5e5; }
	}
	.equipment-list { display: grid; gap: 8rem clamp(8rem, calc(33 / var(--container) * 100vw), 33rem); margin-block: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem) clamp(45rem, calc(54 / var(--container) * 100vw), 54rem); font: 600 var(--font-size-20-to-14) var(--font-sans); text-align: center;
		&.equipment-list--case { font: 500 var(--font-size-16) var(--font-sans); }
		@media (width >= 768px) { grid-template-columns: repeat(4, 1fr); }
		@media (width < 768px) { grid-template-columns: repeat(2, 1fr); }
		li { background: #f2f2f2; border: 1px solid #e7e7e7; }
		img { display: block; width: 100%; height: auto; }
		figcaption { padding: 0.625em 0.4ch;
			.equipment-list--case & { padding-block: 0.9125em; }
		}
	}
	.diagnosable-conditions-list { display: grid; gap: clamp(8rem, calc(38 / var(--container) * 100vw), 38rem); margin-top: 36rem;
		@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
		.diagnosable-conditions-item { padding: clamp(var(--box-min-padding), calc(29 / var(--container) * 100vw), 29rem) clamp(var(--box-min-padding), calc(34 / var(--container) * 100vw), 34rem) clamp(var(--box-min-padding), calc(52 / var(--container) * 100vw), 52rem); border: 1px solid #e7e7e7; }
		.diagnosable-conditions-icon { width: 3.18181818em; aspect-ratio: 1; margin-left: auto; font-size: var(--font-size-22); background: var(--color-point) no-repeat 50% / contain; border-radius: 50%;
			&.diagnosable-conditions-icon--1 { background-image: url("/images/content/intro/diagnosable-conditions-1.svg"); }
			&.diagnosable-conditions-icon--2 { background-image: url("/images/content/intro/diagnosable-conditions-2.svg"); }
			&.diagnosable-conditions-icon--3 { background-image: url("/images/content/intro/diagnosable-conditions-3.svg"); }
			&.diagnosable-conditions-icon--4 { background-image: url("/images/content/intro/diagnosable-conditions-4.svg"); }
			&.diagnosable-conditions-icon--5 { background-image: url("/images/content/intro/diagnosable-conditions-5.svg"); }
			&.diagnosable-conditions-icon--6 { background-image: url("/images/content/intro/diagnosable-conditions-6.svg"); }
			&.diagnosable-conditions-icon--7 { background-image: url("/images/content/intro/diagnosable-conditions-7.svg"); }
		}
		.diagnosable-conditions-title { margin-block: clamp(12rem, calc(32 / var(--container) * 100vw), 32rem) 0.63636364em; font: 700 var(--font-size-22) var(--font-sans); }
		.diagnosable-conditions-description { font: var(--font-size-16) / 1.5625 var(--font-sans); text-wrap: balance; color: var(--gray); }
	}
	.diagnosis-case-list { display: grid; gap: clamp(16rem, calc(40 / var(--container) * 100vw), 40rem) clamp(8rem, calc(36 / var(--container) * 100vw), 36rem); margin-top: 40rem; font: 500 var(--font-size-18-to-14) var(--font-sans); text-align: center;
		@media (width >= 768px) { grid-template-columns: repeat(5, 1fr); }
		@media (768px <= width < 1280px) { grid-template-columns: repeat(3, 1fr); }
		@media (width < 768px) { grid-template-columns: repeat(2, 1fr); }
		li { border: 1px solid #888; }
		img { display: block; width: 100%; height: auto; }
		figcaption { padding: 14rem 1ch; letter-spacing: -0.01em; }
	}
	.interventional-procedure-list { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); counter-reset: index;
		@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		.item { display: grid; grid-template: "index icon" "title title" "description description"; justify-items: stretch; padding: clamp(var(--box-min-padding), calc(54 / var(--container) * 100vw), 54rem) clamp(var(--box-min-padding), calc(33 / var(--container) * 100vw), 33rem); border: 1px solid #e7e7e7; }
		li::before { grid-area: index; font: italic 700 var(--font-size-20) var(--font-mont); color: var(--color-point); counter-increment: index; content: counter(index, decimal-leading-zero); }
		.icon { grid-area: icon; height: clamp(var(--icon-min-width), calc(103 / var(--container) * 100vw), 103rem); aspect-ratio: 151 / 103; font-size: var(--font-size-22); background: no-repeat 100% 50% / contain; translate: 0 4.85436893%;
			&.icon--1 { background-image: url("/images/content/intro/interventional-procedure-1.webp"); }
			&.icon--2 { background-image: url("/images/content/intro/interventional-procedure-2.webp"); }
			&.icon--3 { background-image: url("/images/content/intro/interventional-procedure-3.webp"); }
			&.icon--4 { background-image: url("/images/content/intro/interventional-procedure-4.webp"); }
		}
		.title { grid-area: title; margin-block: 0.63636364em 1em; font: 600 var(--font-size-22) var(--font-sans); }
		.description { grid-area: description; font: var(--font-size-16) / 1.5625 var(--font-sans); color: var(--color-gray); }
	}
}

.treatDetail { --btn-size: clamp(45rem, calc(70 / var(--container) * 100vw), 70rem); --gap: 20rem; align-items: start; justify-content: center; gap: var(--gap); margin: auto; text-align: left; background: 0; border: 0; pointer-events: none;
	&:popover-open { display: grid;
		@media (width >= 768px) { grid-template-columns: 1fr auto; width: calc(1000rem + var(--btn-size) + var(--gap)); }
		@media (width < 768px) { grid-template-rows: auto 1fr; height: 100%; }
	}
	& * { pointer-events: auto; }
	&::-webkit-backdrop { background: #000; opacity: 0.8; }
	&::backdrop { background: #000; opacity: 0.8; }
	.popover-panel { width: 100%; padding: 65rem 50rem; padding: clamp(24rem, calc(65 / var(--container) * 100vw), 65rem) clamp(16rem, calc(50 / var(--container) * 100vw), 50rem); background: #fff; border-radius: 20rem; scrollbar-color: var(--color-orange) #eee; scrollbar-width: thin; }
	.close-btn { position: relative; justify-self: end; width: var(--btn-size); aspect-ratio: 1; background: var(--color-orange); border-radius: 50%;
		&::before, &::after { position: absolute; inset: 0; width: clamp(18rem, calc(26 / var(--container) * 100vw), 26rem); width: 37.14285714%; height: clamp(2rem, calc(4 / var(--container) * 100vw), 4rem); margin: auto; background: #fff; content: ""; }
		&::before { rotate: 45deg; }
		&::after { rotate: -45deg; }
		@media (width >= 768px) { order: 1; }
	}
	.popover-heading { font: 700 var(--font-size-30) var(--font-sans);
		&:has(b) { font-weight: 400; }
	}
	.popover-hr { margin-block: 33rem 38rem; border: solid #e5e5e5; border-width: 1px 0 0;
		&.popover-hr--thick { margin-block: 20rem 37rem; border-color: #f4f4f4; border-top-width: 3px; }
	}
	.popover-title { font: 700 var(--font-size-18) var(--font-sans);
		small { margin-left: 0.6ch; font: 500 0.77777778em var(--font-sans); color: #aaa; }
	}
	.popover-description { margin-top: 1.0625em; font: var(--font-size-16) / 1.75 var(--font-sans); color: #444;
		b { font-weight: 500; }
	}
	.popover-list { gap: clamp(8rem, calc(10 / var(--container) * 100vw), 10rem); margin-top: 23rem; font: var(--font-size-16) var(--font-sans); text-align: center; color: #444;
		@media (width >= 768px) { display: flex; flex-wrap: wrap; }
		@media (width < 768px) { display: grid; grid-template-columns: repeat(2, 1fr); }
		li { flex: 1; padding: 1.0625em 1ch; border: 1px solid #ddd; }
	}
	.popover-visual { max-width: 600px; aspect-ratio: 600 / 464; margin: 40rem auto 0; background: var(--color-gray) url("/images/content/intro/popover-visual.webp") no-repeat 50% / cover; }
	.popover-figure-block { display: grid; gap: clamp(8rem, calc(10 / var(--container) * 100vw), 10rem); margin-top: clamp(8rem, calc(10 / var(--container) * 100vw), 10rem); font: var(--font-size-16) var(--font-sans); letter-spacing: -0.01em; text-align: center; color: #fff;
		.popover-description + & { margin-top: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); }
		@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		img { display: block; width: 100%; height: auto; }
		figure { background: #222; }
		.columns { display: grid; grid-template-columns: repeat(2, 1fr); }
		.popover-caption { padding: 0.90625em 1ch; }
		.surgery-before { background: #555; }
	}
	.popover-note { margin-top: 2em; font: var(--font-size-14) var(--font-sans); color: #e83c3c; }
}

.section-type { padding-block: clamp(var(--section-padding-block-min), calc(86 / var(--container) * 100vw), 86rem);
	.section-heading { text-wrap: balance; }
	.image-block { display: block;
		&.section-scroll-box { overflow: auto; text-align: center; }
		&.border-box { padding: clamp(30rem, calc(52 / var(--container) * 100vw), 52rem) 16rem; border: 1px solid #e5e5e5; }
		.section-heading-block + & { margin-top: clamp(45rem, calc(60 / var(--container) * 100vw), 60rem); }
		.responsive-image { display: block; max-width: 100%; height: auto; margin-inline: auto; }
	}
	.section-scroll-box { overflow: auto; text-align: center; }
	.border-box { padding: clamp(30rem, calc(52 / var(--container) * 100vw), 52rem) 16rem; border: 1px solid #e5e5e5; }
	.description { margin-top: 2.44444444em; font: var(--font-size-18-to-14) / 1.5 var(--font-sans); color: #555; }
	.section-separator { margin-block: clamp(50rem, calc(57 / var(--container) * 100vw), 57rem) clamp(50rem, calc(99 / var(--container) * 100vw), 99rem); }
	.type-list { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 29rem; font: var(--font-size-18-to-14) / 1.66666667 var(--font-sans); text-align: center;
		ol& { counter-reset: index; }
		.section-scroll-box + & { margin-top: clamp(29rem, calc(81 / var(--container) * 100vw), 81rem); }
		@media (width >= 768px) {
			&.list--columns-3 { grid-template-columns: repeat(3, 1fr); }
			&.list--columns-2 { grid-template-columns: repeat(2, 1fr); }
		}
	}
	.type-item { padding: clamp(var(--box-min-padding), calc(64 / var(--container) * 100vw), 64rem) 8rem clamp(var(--box-min-padding), calc(59 / var(--container) * 100vw), 59rem); border: 1px solid #e7e7e7; }
	.type-icon { width: clamp(var(--icon-min-width), calc(85 / var(--container) * 100vw), 85rem); aspect-ratio: 1; margin-inline: auto; background: #f5f5f5 no-repeat 50% / contain; border-radius: 50%;
		&.type-icon--1 { background-image: url("/images/content/type/icon-1.svg"); }
		&.type-icon--2 { background-image: url("/images/content/type/icon-2.svg"); }
		&.type-icon--3 { background-image: url("/images/content/type/icon-3.svg"); }
		&.type-icon--4 { background-image: url("/images/content/type/icon-4.svg"); }
		&.type-icon--5 { background-image: url("/images/content/type/icon-5.svg"); }
		&.type-icon--6 { background-image: url("/images/content/type/icon-6.svg"); }
		&.type-icon--7 { background-image: url("/images/content/type/icon-7.svg"); }
		&.type-icon--8 { background-image: url("/images/content/type/icon-8.svg"); }
		&.type-icon--9 { background-image: url("/images/content/type/icon-9.svg"); }
		&.type-icon--10 { background-image: url("/images/content/type/icon-10.svg"); }
	}
	.type-title { margin-top: clamp(12rem, calc(20 / var(--container) * 100vw), 20rem);
		b {
			ol & { counter-increment: index;
				&::before { content: counter(index) ". "; }
			} font-weight: 600;
		}
	}
	.type-description { margin-top: 0.75em; font: var(--font-size-16) / 1.5625 var(--font-sans); letter-spacing: -0.01em; color: var(--color-gray); }
	.note-group { display: grid; gap: 0.75lh; margin-top: 3em; font: var(--font-size-18-to-14) / 1.5 var(--font-sans); color: var(--color-gray); }
	&.section-cardiology {
		.columns { display: grid; align-items: start; gap: 40rem clamp(8rem, calc(91 / var(--container) * 100vw), 91rem); margin-top: clamp(45rem, calc(69 / var(--container) * 100vw), 69rem);
			@media (width >= 1280px) { grid-template-columns: 55.6% 1fr;
				.diagram-block { justify-self: end; }
			}
		}
		.diagram-image { display: block; width: 100%; max-width: 770rem; height: auto; margin-inline: auto; }
		.process-list { position: relative; display: grid; gap: 2.33333333em; width: 100%; max-width: 512rem; margin-top: 21rem; margin-inline: auto; font: 500 var(--font-size-18-to-14) var(--font-sans); isolation: isolate; counter-reset: index; }
		.process-list::before { position: absolute; left: 1em; inset-block: 1.5em; z-index: -1; display: block; width: 4rem; background: #eee; translate: -50%; content: ""; }
		.process-item { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.77777778em;
			@media (prefers-reduced-motion: reduce) { --color-text: #fff; --bg-color-text: var(--color-point); --bg-color-counter: var(--color-point); --color-counter-shadow: #ffd4b8; }
			@media (prefers-reduced-motion: no-preference) { --color-text: #888; --color-counter-shadow: #e5e5e5; --bg-color-text: #f5f5f5; --bg-color-counter: oklab(0.728 0 0); --total-items: 4; --duration-per-item: 1.5s; --total-duration: calc(var(--total-items) * var(--duration-per-item)); animation: highlight var(--total-duration) calc(var(--index) * var(--duration-per-item)) infinite;
				&:nth-child(1) { --index: 0.0001; }
				&:nth-child(2) { --index: 1; }
				&:nth-child(3) { --index: 2; }
				&:nth-child(4) { --index: 3; }
			}
		}
		.process-item::before { display: grid; place-items: center; width: 2.5em; aspect-ratio: 1; font: 600 var(--font-size-16) var(--font-sans); text-align: center; color: #fff; background: var(--bg-color-counter); border-radius: 50%; box-shadow: 0 0 0 5rem var(--color-counter-shadow); counter-increment: index; content: counter(index); }
		.process-text { padding: 1.27777778em 1.38888889em 1.44444444em; color: var(--color-text); background: var(--bg-color-text); border-radius: 5rem; }
		.sub-section { margin-top: clamp(var(--section-padding-block-min), calc(117 / var(--container) * 100vw), 117rem); }
	}
	.section-intro & { padding-block: 0;
		.section-heading::before, .section-heading::after { display: none; }
	}
}
/* #endregion common section */

.page-internal {
	.page-top-nav { max-width: 1281rem; margin-block: 39rem 10rem; font: 500 var(--font-size-18-to-14) var(--font-gms); text-align: center;
		.list {
			@media (width >= 768px) { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(8rem, calc(20 / var(--container) * 100vw), 20rem); }
			@media (width < 768px) { display: flex; gap: 4rem; flex-wrap: wrap; }
		}
		.link { display: block; padding: clamp(12rem, calc(24 / var(--container) * 100vw), 24rem) 1ch clamp(8rem, calc(21 / var(--container) * 100vw), 21rem); border-radius: 5em;
			&:not(.is-current) { color: #b7b7b7; background: #f5f5f5; }
			&.is-current { color: #fff; background: linear-gradient(90deg, var(--color-orange), var(--color-point)); box-shadow: 0 0 1.11111111em 0.55555556em rgb(from var(--color-orange) r g b / 0.25); }
		}
	}
	.section-listing { padding-block: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem) clamp(var(--section-padding-block-min), calc(141 / var(--container) * 100vw), 141rem);
		&.has-bg { background: #f4f4f4 url("/images/content/bg-wallpaper.jpg"); }
		.icon-cross { display: inline-block; width: 0.78571429em; aspect-ratio: 1; margin-left: 0.25ch; background: url("/images/content/listing/cross.svg") no-repeat 50% / contain; }
		.list { display: grid; gap: 50rem; margin-top: 55rem; counter-reset: index; }
		.item { display: grid; align-items: center; gap: 20rem 0;
			@media (width >= 768px) { --inline-space: clamp(0rem, calc(77 / var(--container) * 100vw), 77rem); grid-template-columns: repeat(2, 1fr);
				&:nth-child(odd) {
					.content { padding-left: var(--inline-space, 0); }
				}
				&:nth-child(even) {
					.content { order: -1; padding-right: var(--inline-space, 0); }
				}
			}
		}
		.visual { aspect-ratio: 75 / 48; background: var(--color-gray) no-repeat 50% / cover; border-radius: 10rem;
			&.visual--clinical-focus-1 { background-image: url("/images/content/listing/clinical-focus-1.webp"); }
			&.visual--clinical-focus-2 { background-image: url("/images/content/listing/clinical-focus-2.webp"); }
			&.visual--clinical-focus-3 { background-image: url("/images/content/listing/clinical-focus-3.webp"); }
			&.visual--clinical-focus-4 { background-image: url("/images/content/listing/clinical-focus-4.webp"); }
			&.visual--neurology-1 { background-image: url("/images/content/listing/neurology-1.webp"); }
			&.visual--neurology-2 { background-image: url("/images/content/listing/neurology-2.webp"); }
			&.visual--neurology-3 { background-image: url("/images/content/listing/neurology-3.webp"); }
			&.visual--neurology-4 { background-image: url("/images/content/listing/neurology-4.webp"); }
			&.visual--neurology-5 { background-image: url("/images/content/listing/neurology-5.webp"); }
			&.visual--urology-1 { background-image: url("/images/content/listing/urology-1.webp"); }
			&.visual--urology-2 { background-image: url("/images/content/listing/urology-2.webp"); }
			&.visual--urology-3 { background-image: url("/images/content/listing/urology-3.webp"); }
			&.visual--feline-1 { background-image: url("/images/content/listing/feline-1.webp"); }
			&.visual--feline-2 { background-image: url("/images/content/listing/feline-2.webp"); }
			&.visual--feline-3 { background-image: url("/images/content/listing/feline-3.webp"); }
			&.visual--feline-4 { background-image: url("/images/content/listing/feline-4.webp"); }
			&.visual--endocrinology-1 { background-image: url("/images/content/listing/endocrinology-1.webp"); }
			&.visual--endocrinology-2 { background-image: url("/images/content/listing/endocrinology-2.webp"); }
			&.visual--endocrinology-3 { background-image: url("/images/content/listing/endocrinology-3.webp"); }
			&.visual--endocrinology-4 { background-image: url("/images/content/listing/endocrinology-4.webp"); }
			&.visual--endocrinology-5 { background-image: url("/images/content/listing/endocrinology-5.webp"); }
			&.visual--endocrinology-6 { background-image: url("/images/content/listing/endocrinology-6.webp"); }
			&.visual--hematology-1 { background-image: url("/images/content/listing/hematology-1.webp"); }
			&.visual--hematology-2 { background-image: url("/images/content/listing/hematology-2.webp"); }
			&.visual--hematology-3 { background-image: url("/images/content/listing/hematology-3.webp"); }
			&.visual--hematology-4 { background-image: url("/images/content/listing/hematology-4.webp"); }
			&.visual--hematology-5 { background-image: url("/images/content/listing/hematology-5.webp"); }
		}
		.title { font: 500 var(--font-size-28) var(--font-sans); }
		.title { margin-bottom: 1.03571429em; padding-bottom: 0.85714286em; font: 500 var(--font-size-28) var(--font-sans); border-bottom: 1px solid #ddd; }
		.title::before { display: block; margin-bottom: 0.8em; font: italic 800 0.89285714em var(--font-sans); color: var(--color-orange); counter-increment: index; content: counter(index, decimal-leading-zero) "."; }
		.title small { font-size: 0.89285714em; }
		.description { font: var(--font-size-18-to-14) / 1.5 var(--font-sans); color: var(--color-gray); }
		.hyphen-list { display: grid; gap: 0.5em; padding-left: 1.4ch;
			li { position: relative; }
			li::before { position: absolute; top: 0; left: -1.2ch; content: "-"; }
		}
	}
	.section-philosophy { padding-block: clamp(var(--section-padding-block-min), calc(117 / var(--container) * 100vw), 117rem) clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem);
		.visual { height: clamp(130rem, calc(400 / var(--container) * 100vw), 400rem); margin-top: 50rem; background: var(--color-gray) no-repeat 50% / cover; border-radius: 15rem;
			&.visual--cardiology { background-image: url("/images/content/philosophy/visual-cardiology.webp"); }
			&.visual--oncology { background-image: url("/images/content/philosophy/visual-oncology.webp"); }
			&.visual--gastroenterology { background-image: url("/images/content/philosophy/visual-gastroenterology.webp"); }
			&.visual--pulmonology { background-image: url("/images/content/philosophy/visual-pulmonology.webp"); }
			&.visual--laboratory { background-image: url("/images/content/philosophy/visual-laboratory.webp"); }
		}
		.list { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 40rem;
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		}
		.item { padding: clamp(var(--box-min-padding), calc(59 / var(--container) * 100vw), 59rem) clamp(var(--box-min-padding), calc(39 / var(--container) * 100vw), 39rem) clamp(var(--box-min-padding), calc(54 / var(--container) * 100vw), 54rem); border: 1px solid #e7e7e7; border-radius: 10rem; }
		.icon { height: 55rem; height: calc(var(--font-size-22) * 2.5); aspect-ratio: 61 / 55; background: no-repeat 0 / contain;
			&.icon--1 { background-image: url("/images/content/philosophy/icon-1.svg"); }
			&.icon--2 { background-image: url("/images/content/philosophy/icon-2.svg"); }
			&.icon--3 { background-image: url("/images/content/philosophy/icon-3.svg"); }
			&.icon--4 { background-image: url("/images/content/philosophy/icon-4.svg"); }
			&.icon--5 { background-image: url("/images/content/philosophy/icon-5.svg"); }
			&.icon--6 { background-image: url("/images/content/philosophy/icon-6.svg"); }
			&.icon--7 { background-image: url("/images/content/philosophy/icon-7.svg"); }
			&.icon--8 { background-image: url("/images/content/philosophy/icon-8.svg"); }
			&.icon--9 { background-image: url("/images/content/philosophy/icon-9.svg"); }
			&.icon--10 { background-image: url("/images/content/philosophy/icon-10.svg"); }
			&.icon--11 { background-image: url("/images/content/philosophy/icon-11.svg"); }
			&.icon--12 { background-image: url("/images/content/philosophy/icon-12.svg"); }
			&.icon--13 { background-image: url("/images/content/philosophy/icon-13.svg"); }
			&.icon--14 { background-image: url("/images/content/philosophy/icon-14.svg"); }
		}
		.title { margin-block: 1.40909091em 0.72727273em; font: 600 var(--font-size-22) / 1.27272727 var(--font-sans); }
		.description { font: var(--font-size-16) / 1.5625 var(--font-sans); color: var(--color-gray); }
	}
	.section-treatment-cases { padding-block: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem) clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); background: #f5f5f5 url("/images/content/treatment-cases/bg.jpg") no-repeat 50% / cover;
		.list { display: grid; gap: clamp(20rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 50rem; counter-reset: index; }
		.item { display: grid; align-items: center; gap: 30rem 63rem; padding: clamp(var(--box-min-padding), calc(40 / var(--container) * 100vw), 40rem) clamp(var(--box-min-padding), calc(49 / var(--container) * 100vw), 49rem) clamp(var(--box-min-padding), calc(40 / var(--container) * 100vw), 40rem) clamp(var(--box-min-padding), calc(60 / var(--container) * 100vw), 60rem); background: #fff;
			&:has(img) { align-items: start; }
			@media (width >= 768px) {
				&:nth-child(odd) { grid-template-columns: auto 1fr; }
				&:nth-child(even) { grid-template-columns: 1fr auto;
					.visual { order: 1; }
				}
			}
		}
		.visual { width: calc(var(--font-size-25) * 11.6); aspect-ratio: 1; margin-inline: auto; background: var(--color-gray) no-repeat 50% / cover; border-radius: 50%;
			&.visual--cardiology-1 { background-image: url("/images/content/treatment-cases/cardiology-1.webp"); }
			&.visual--cardiology-2 { background-image: url("/images/content/treatment-cases/cardiology-2.webp"); }
			&.visual--cardiology-3 { background-image: url("/images/content/treatment-cases/cardiology-3.webp"); }
			&.visual--oncology-1 { background-image: url("/images/content/treatment-cases/oncology-1.webp"); }
			&.visual--oncology-2 { background-image: url("/images/content/treatment-cases/oncology-2.webp"); }
			&.visual--oncology-3 { background-image: url("/images/content/treatment-cases/oncology-3.webp"); }
			&.visual--gastroenterology-1 { background-image: url("/images/content/treatment-cases/gastroenterology-1.webp"); }
			&.visual--gastroenterology-2 { background-image: url("/images/content/treatment-cases/gastroenterology-2.webp"); }
			&.visual--gastroenterology-3 { background-image: url("/images/content/treatment-cases/gastroenterology-3.webp"); }
			&.visual--pulmonology-1 { background-image: url("/images/content/treatment-cases/pulmonology-1.webp"); }
			&.visual--pulmonology-2 { background-image: url("/images/content/treatment-cases/pulmonology-2.webp"); }
			&.visual--feline-1 { background-image: url("/images/content/treatment-cases/feline-1.webp"); }
			&.visual--feline-2 { background-image: url("/images/content/treatment-cases/feline-2.webp"); }
			&.visual--feline-3 { background-image: url("/images/content/treatment-cases/feline-3.webp"); }
			&.visual--endocrinology-1 { background-image: url("/images/content/treatment-cases/endocrinology-1.webp"); }
			&.visual--endocrinology-2 { background-image: url("/images/content/treatment-cases/endocrinology-2.webp"); }
			&.visual--endocrinology-3 { background-image: url("/images/content/treatment-cases/endocrinology-3.webp"); }
			&.visual--hematology-1 { background-image: url("/images/content/treatment-cases/hematology-1.webp"); }
			&.visual--hematology-2 { background-image: url("/images/content/treatment-cases/hematology-2.webp"); }
			&.visual--laboratory-1 { background-image: url("/images/content/treatment-cases/laboratory-1.webp"); }
			&.visual--laboratory-2 { background-image: url("/images/content/treatment-cases/laboratory-2.webp"); }
			&.visual--laboratory-3 { background-image: url("/images/content/treatment-cases/laboratory-3.webp"); }
		}
		.index { display: inline-block; min-width: 5.625em; margin-bottom: 1.0625em; padding: 0.40625em 1.1875em; font: 700 var(--font-size-16) var(--font-sans); color: #fff; background: var(--color-point); border-radius: 5em; }
		.index::before { counter-increment: index; content: "사례 " counter(index, decimal-leading-zero); }
		.title { margin-bottom: 0.76em; font: 500 var(--font-size-25) / 1.23 var(--font-sans); }
		.title::before { margin-right: 0.4ch; font-family: "GmarketSans", Sans-serif; content: "“"; }
		.title::after { margin-left: 0.4ch; font-family: "GmarketSans", Sans-serif; content: "”"; }
		.description { font: var(--font-size-16) / 1.5625 var(--font-sans); color: var(--color-gray); }
		img { display: block; width: auto; max-width: 100%; height: auto; margin-top: 35rem; }
	}
	.section-faq { --border-color: #e5e5e5; padding-block: clamp(var(--section-padding-block-min), calc(129 / var(--container) * 100vw), 129rem) clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem);
		.list { margin-top: clamp(45rem, calc(55 / var(--container) * 100vw), 55rem); border-top: 1px solid #222; }
		.item { border-bottom: 1px solid var(--border-color); }
		.question { display: grid; grid-template-columns:
				clamp(50rem, calc(100 / var(--container) * 100vw), 100rem)
				1fr clamp(30rem, calc(76 / var(--container) * 100vw), 76rem); gap: 2px; font: 600 var(--font-size-18-to-14) / 1.625 var(--font-sans); cursor: pointer;
			&::before { background: #888; content: "q"; }
			&::after { display: block; place-self: center; width: 0.88888889em; aspect-ratio: 16 / 9; background: url("/images/content/faq-arrow.svg") no-repeat 50% / contain; content: ""; }
			.faq-item:not([open]) &::after { opacity: 0.2; }
			.faq-item[open] &::after { rotate: 180deg; }
		}
		.answer { display: grid; grid-template-columns:
				clamp(50rem, calc(100 / var(--container) * 100vw), 100rem)
				1fr clamp(30rem, calc(76 / var(--container) * 100vw), 76rem); gap: 2px; font: var(--font-size-16) / 1.625 var(--font-sans); color: var(--color-gray); background: #f8f8f8; border-top: 1px solid var(--border-color);
			&::before { background: linear-gradient(0deg, var(--color-point), #ff9f00); content: "a"; }
		}
		.question::before, .answer::before { display: grid; place-items: center; place-self: center; width: 2.22222222em; aspect-ratio: 1; font: 500 var(--font-size-18) / 1 var(--font-sans); text-align: center; color: #fff; text-transform: uppercase; border-radius: 50%; translate: 0 -2.5%; }
		:where(.question-text, .answer-text) { padding-block: clamp(20rem, calc(25 / var(--container) * 100vw), 25rem); }
	}
	.section-specialty { padding-block: clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); background: #0065b3 url("/images/content/specialty/bg.webp") no-repeat 50% 0 / cover;
		.section-heading-block { color: #fff; }
		.section-overview { color: inherit; }
		.list { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem);
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		}
		.item { display: grid; align-items: center; gap: clamp(12rem, calc(20 / var(--container) * 100vw), 20rem) clamp(8rem, calc(33 / var(--container) * 100vw), 33rem); padding: clamp(var(--box-min-padding), calc(50 / var(--container) * 100vw), 50rem) clamp(var(--box-min-padding), calc(40 / var(--container) * 100vw), 40rem); background: #fff; border-radius: 10rem;
			@media (width >= 1280px) { grid-template-columns: auto 1fr; }
		}
		.icon { width: clamp(var(--icon-min-width), calc(130 / var(--container) * 100vw), 130rem); aspect-ratio: 1; margin-inline: auto; background: #f5f5f5 no-repeat 50% / contain; border-radius: 50%;
			&.icon--urology-1 { background-image: url("/images/content/specialty/urology-1.svg"); }
			&.icon--urology-2 { background-image: url("/images/content/specialty/urology-2.svg"); }
			&.icon--urology-3 { background-image: url("/images/content/specialty/urology-3.svg"); }
			&.icon--urology-4 { background-image: url("/images/content/specialty/urology-4.svg"); }
			&.icon--oncology-1 { background-image: url("/images/content/specialty/oncology-1.svg"); }
			&.icon--oncology-2 { background-image: url("/images/content/specialty/oncology-2.svg"); }
			&.icon--oncology-3 { background-image: url("/images/content/specialty/oncology-3.svg"); }
			&.icon--oncology-4 { background-image: url("/images/content/specialty/oncology-4.svg"); }
			&.icon--oncology-5 { background-image: url("/images/content/specialty/oncology-5.svg"); }
			&.icon--oncology-6 { background-image: url("/images/content/specialty/oncology-6.svg"); }
			&.icon--feline-1 { background-image: url("/images/content/specialty/feline-1.svg"); }
			&.icon--feline-2 { background-image: url("/images/content/specialty/feline-2.svg"); }
			&.icon--feline-3 { background-image: url("/images/content/specialty/feline-3.svg"); }
			&.icon--feline-4 { background-image: url("/images/content/specialty/feline-4.svg"); }
			&.icon--feline-5 { background-image: url("/images/content/specialty/feline-5.svg"); }
			&.icon--feline-6 { background-image: url("/images/content/specialty/feline-6.svg"); }
			&.icon--endocrinology-1 { background-image: url("/images/content/specialty/endocrinology-1.svg"); }
			&.icon--endocrinology-2 { background-image: url("/images/content/specialty/endocrinology-2.svg"); }
			&.icon--endocrinology-3 { background-image: url("/images/content/specialty/endocrinology-3.svg"); }
			&.icon--endocrinology-4 { background-image: url("/images/content/specialty/endocrinology-4.svg"); }
			&.icon--hematology-1 { background-image: url("/images/content/specialty/hematology-1.svg"); }
			&.icon--hematology-2 { background-image: url("/images/content/specialty/hematology-2.svg"); }
			&.icon--hematology-3 { background-image: url("/images/content/specialty/hematology-3.svg"); }
			&.icon--hematology-4 { background-image: url("/images/content/specialty/hematology-4.svg"); }
			&.icon--hematology-5 { background-image: url("/images/content/specialty/hematology-5.svg"); }
			&.icon--laboratory-1 { background-image: url("/images/content/specialty/laboratory-1.svg"); }
			&.icon--laboratory-2 { background-image: url("/images/content/specialty/laboratory-2.svg"); }
			&.icon--laboratory-3 { background-image: url("/images/content/specialty/laboratory-3.svg"); }
			&.icon--laboratory-4 { background-image: url("/images/content/specialty/laboratory-4.svg"); }
			&.icon--laboratory-5 { background-image: url("/images/content/specialty/laboratory-5.svg"); }
		}
		.content { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--font-size-17) 1ch; }
		.title { font: 600 var(--font-size-20) var(--font-sans); }
		.title-en { font: 500 var(--font-size-15-to-12) var(--font-sans); color: #b7b7b7; }
		.description { flex: 1 100%; font: var(--font-size-16) / 1.5625 var(--font-sans); color: var(--color-gray); }
	}
	.section-diagnosis-treatment { --radius: 8rem; --ratio: 1; padding-block: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem); background: #f4f4f4 url("/images/content/bg-wallpaper.jpg");
		.section-eyebrow { font: 600 var(--font-size-16) var(--font-sans); letter-spacing: 0.07em; text-transform: uppercase; }
		.list {
			& { display: grid; gap: 33rem clamp(8rem, calc(33 / var(--container) * 100vw), 33rem); margin-top: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem); text-align: center;
				&.list--counter { counter-reset: index; --ratio: 475 / 400; }
				@media (width >= 768px) {
					&.list--columns-4 { grid-template-columns: repeat(3, 1fr);
						@media (width >= 1280px) { grid-template-columns: repeat(4, 1fr); }
					}
					&.list--columns-3 { grid-template-columns: repeat(2, 1fr); gap: clamp(33rem, calc(47 / var(--container) * 100vw), 47rem) clamp(8rem, calc(38 / var(--container) * 100vw), 38rem);
						@media (width > 1500px) { grid-template-columns: repeat(3, 1fr); }
					}
				}
				/* @media (width < 768px) { grid-template-columns: repeat(2, 1fr); } */
			}
			.item { position: relative; }
			.visual { aspect-ratio: var(--ratio); background: var(--color-gray) no-repeat 50% / cover; border-radius: var(--radius);
				@media (width < 768px) { width: 60%; margin-inline: auto; }
				&.visual--gastroenterology-1 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-1.webp"); }
				&.visual--gastroenterology-2 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-2.webp"); }
				&.visual--gastroenterology-3 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-3.webp"); }
				&.visual--gastroenterology-4 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-4.webp"); }
				&.visual--gastroenterology-5 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-5.webp"); }
				&.visual--gastroenterology-6 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-6.webp"); }
				&.visual--gastroenterology-7 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-7.webp"); }
				&.visual--gastroenterology-8 { background-image: url("/images/content/diagnosis-treatment/gastroenterology-8.webp"); }
				&.visual--feline-1 { background-image: url("/images/content/diagnosis-treatment/feline-1.webp"); }
				&.visual--feline-2 { background-image: url("/images/content/diagnosis-treatment/feline-2.webp"); }
				&.visual--feline-3 { background-image: url("/images/content/diagnosis-treatment/feline-3.webp"); }
				&.visual--feline-4 { background-image: url("/images/content/diagnosis-treatment/feline-4.webp"); }
				&.visual--feline-5 { background-image: url("/images/content/diagnosis-treatment/feline-5.webp"); }
				&.visual--feline-6 { background-image: url("/images/content/diagnosis-treatment/feline-6.webp"); }
				&.visual--hematology-1 { background-image: url("/images/content/diagnosis-treatment/hematology-1.webp"); }
				&.visual--hematology-2 { background-image: url("/images/content/diagnosis-treatment/hematology-2.webp"); }
				&.visual--hematology-3 { background-image: url("/images/content/diagnosis-treatment/hematology-3.webp"); }
				&.visual--hematology-4 { background-image: url("/images/content/diagnosis-treatment/hematology-4.webp"); }
				&.visual--hematology-5 { background-image: url("/images/content/diagnosis-treatment/hematology-5.webp"); }
				&.visual--hematology-6 { background-image: url("/images/content/diagnosis-treatment/hematology-6.webp"); }
				&.visual--hematology-7 { background-image: url("/images/content/diagnosis-treatment/hematology-7.webp"); }
				@media (width >= 1280px) {
					.list--columns-4 & { border-radius: 10rem; }
				}
			}
			.visual-title { margin-top: 0.94444444em; font: 600 var(--font-size-18) var(--font-sans);
				@media (any-hover: none) or (width < 769px) { display: none; }
				@media (width >= 769px) {
					.list--counter & { margin-top: 1.35em; font-size: var(--font-size-20); }
				}
			}
			.card {
				@media (any-hover) and (width >= 769px) { position: absolute; inset: 0 0 auto; display: grid; align-content: center; aspect-ratio: var(--ratio); padding: 2ch 3ch; color: #fff; background: rgb(from var(--color-point) r g b / 0.9); border-radius: var(--radius);
					.list--columns-3 & { padding: 2ch 6ch 2ch 3.3ch; text-align: left; }
					.list--counter &::before { position: absolute; top: 13.7%; right: 6.6%; font: 800 clamp(40rem, calc(80 / var(--container) * 100vw), 80rem) var(--font-sans); opacity: 0.1; counter-increment: index; content: counter(index, decimal-leading-zero); user-select: none; }
					li:not(:hover) & { opacity: 0; }
				}
			}
			.title { margin-bottom: 0.59090909em; font: 600 var(--font-size-22) / 1.27272727 var(--font-sans); letter-spacing: -0.01em; text-wrap: balance;
				@media (any-hover: none) or (width < 769px) { margin-top: 0.94444444em; }
				.list--counter & {
					@media (width >= 769px) { margin-top: 2.35lh; }
				}
			}
			.title-en { font: 600 var(--font-size-16) var(--font-mont); letter-spacing: -0.01em; color: rgb(from currentColor r g b / 0.6);
				&:empty { display: none; }
			}
			.description { margin-top: 0.875em; font: var(--font-size-16) / 1.5625 var(--font-sans); letter-spacing: -0.01em;
				.title-en:empty + & { margin-top: 0.5em; }
				@media (width < 768px) {
					br { display: none; }
				}
			}
		}
		.detail-list {
			& { gap: 10rem; margin-top: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem); color: #fff; counter-reset: index;
				@media (width >= 1280px) { display: flex;
					li {
						&:not(:has(.is-checked)) { width: 7.66666667%; }
						&:has(.is-checked) { width: 33.33333333%; }
					}
				}
				@media (width < 1280px) { display: grid; }
				@media (768px <= width < 1280px) { grid-template-columns: repeat(3, 1fr); }
				@media (481px <= width < 767px) { grid-template-columns: repeat(2, 1fr); }
			}
			.bg-1 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-1.webp"); --position-x: 19%; }
			.bg-2 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-2.webp"); }
			.bg-3 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-3.webp"); }
			.bg-4 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-4.webp"); }
			.bg-5 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-5.webp"); }
			.bg-6 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-6.webp"); }
			.bg-7 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-7-new.webp"); }
			.bg-8 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-8-new.webp"); }
			.bg-9 { --bg-url: url("/images/content/diagnosis-treatment/laboratory-9.webp"); }
			.card { position: relative; contain: content; background: linear-gradient(#0000004d, #0000004d), var(--bg-url) no-repeat var(--position-x, 50%) / cover, #000; border-radius: 8rem; counter-increment: index;
				@media (width >= 1280px) { height: clamp(250rem, calc(500 / var(--container) * 100vw), 500rem); cursor: pointer; }
				@media (width < 1280px) { aspect-ratio: 1; }
			}
			.card-title { display: grid; align-content: space-between; justify-items: center; height: 100%; padding: 40rem 1ch 45rem; }
			.card-title::before { display: grid; place-items: center; width: 3.125em; aspect-ratio: 1; font: 600 var(--font-size-16) var(--font-mont); text-align: center; background: rgb(from currentColor r g b / 0.2); border-radius: 50%; content: counter(index, decimal-leading-zero); }
			.card-label { font: 600 var(--font-size-20) var(--font-sans); writing-mode: vertical-lr; letter-spacing: -0.11em; text-align: center; }
			.content { position: absolute; inset: 0; display: grid; grid-template: 1fr auto / auto 1fr; align-items: end; gap: calc(var(--font-size-25) * 0.72); padding: clamp(24rem, calc(44 / var(--container) * 100vw), 44rem) clamp(16rem, calc(39 / var(--container) * 100vw), 39rem); background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 12%, #0000 73%), linear-gradient(0deg, #0000001a, #0000001a), var(--bg-url) no-repeat var(--position-x, 50%) / cover, #000;
				@media (width >= 1280px) {
					.card:not(.is-checked) & { visibility: hidden; opacity: 0; }
				}
			}
			.title { font: 600 var(--font-size-25) var(--font-sans); letter-spacing: -0.01em; }
			.title-en { font: 600 var(--font-size-16) var(--font-mont); letter-spacing: -0.01em; color: rgb(from currentColor r g b / 0.6); translate: 0 -0.3ch;
				&:empty { display: none; }
			}
			.description { grid-column: 1 / 3; font: var(--font-size-16) / 1.5625 var(--font-sans); letter-spacing: -0.01em; }
		}
	}
	.section-note { display: flex; align-items: center; justify-content: center; gap: 1.8ch; padding: 1.6em 16rem 1.7em; font: 500 var(--font-size-20) var(--font-sans); text-align: center; color: #fff; background: var(--color-point);
		.section-intro & { margin-top: 15rem; }
		.section-philosophy & { margin-top: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem); }
		&::before { font-weight: 700; content: "["; }
		&::after { font-weight: 700; content: "]"; }
	}
	.section-diagnostic-tools {
		& { padding-block: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem) clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); text-align: center; background: #036eb8;
			@media (width >= 768px) { background: #036eb8 url("/images/content/internal/diagnostic-tools-bg.webp") no-repeat 50% / cover; }
		}
		.section-heading-block { color: #fff; }
		.section-overview { color: inherit; }
		.list { display: grid; gap: clamp(20rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 55rem;
			@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
		}
		.item { padding: clamp(var(--box-min-padding), calc(20 / var(--container) * 100vw), 20rem) clamp(var(--box-min-padding), calc(20 / var(--container) * 100vw), 20rem) clamp(var(--box-min-padding), calc(35 / var(--container) * 100vw), 35rem); background: #fff; }
		.image { display: block; width: 100%; height: auto; }
		.title { margin-block: 1.24em 0.8em; font: 700 var(--font-size-25) var(--font-sans); letter-spacing: -0.01em; }
		.title-en { font: 500 var(--font-size-16) var(--font-gms); letter-spacing: -0.01em; color: #a7a7a7; }
		.description { margin-top: var(--font-size-25); padding-inline: 1ch; font: var(--font-size-16) / 1.5625 var(--font-sans); text-wrap: balance; color: var(--color-gray); }
	}
	.section-mri-insight {
		.section-sub-heading { margin-bottom: 1.28em; } padding-block: clamp(var(--section-padding-block-min), calc(116 / var(--container) * 100vw), 116rem) clamp(var(--section-padding-block-min), calc(124 / var(--container) * 100vw), 124rem);
		.sub-description { font: var(--font-size-17) / 1.58823529 var(--font-sans); color: var(--color-gray); }
		.symptom-list-title { margin-top: 41rem; font: 700 var(--font-size-20) var(--font-sans); letter-spacing: -0.01em; }
		.symptom-list { display: grid; gap: 30rem clamp(8rem, calc(27 / var(--container) * 100vw), 27rem); margin-top: 31rem;
			@media (width >= 768px) { grid-template-columns: repeat(4, 1fr); }
			@media (width < 768px) { grid-template-columns: repeat(2, 1fr); }
		}
		.visual { aspect-ratio: 355 / 280; background: var(--color-gray) no-repeat 50% / cover;
			&.visual--1 { background-image: url("/images/content/mri-insight/visual-1.webp"); }
			&.visual--2 { background-image: url("/images/content/mri-insight/visual-2.webp"); }
			&.visual--3 { background-image: url("/images/content/mri-insight/visual-3.webp"); }
			&.visual--4 { background-image: url("/images/content/mri-insight/visual-4.webp"); }
		}
		.title { margin-block: 1.33333333em 0.77777778em; font: 600 var(--font-size-18) / 1.5 var(--font-sans); }
		.description { font: var(--font-size-16) / 1.5625em var(--font-sans); color: var(--color-gray); }
	}
	.section-urology-cases { padding-block: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem);
		.list { display: grid; gap: clamp(40rem, calc(80 / var(--container) * 100vw), 80rem); margin-top: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem); counter-reset: index; }
		.index { display: inline-block; min-width: 5.625em; padding: 0.40625em 1.1875em; font: 700 var(--font-size-16) var(--font-sans); color: #fff; background: var(--color-point); border-radius: 5em; }
		.index::before { counter-increment: index; content: "사례 " counter(index, decimal-leading-zero); }
		.title { margin-block: 0.72727273em 0.95454545em; font: 700 var(--font-size-22) var(--font-sans); }
		.description { font: var(--font-size-18-to-14) / 1.55555556 var(--font-sans); color: var(--color-gray); }
		.gallery-1 { display: flex; flex-wrap: wrap; gap: 25rem; margin-top: 28rem;
			figcaption { padding: 0.9em 1ch; font: var(--font-size-16) var(--font-sans); letter-spacing: -0.01em; text-align: center; color: #fff; background: #222; }
		}
		.gallery-2 { display: grid; gap: clamp(8rem, calc(20 / var(--container) * 100vw), 20rem); max-width: 1000rem; margin-top: 29rem; }
		.separator { margin-block: 40rem 14rem; border: dashed #ccc; border-width: 1px 0 0; }
		.gallery-3 { display: grid; gap: clamp(8rem, calc(25 / var(--container) * 100vw), 25rem); margin-top: 29rem;
			@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
		}
		img { display: block; width: 100%; height: auto; }
	}
	.section-medical-services { padding-block: clamp(var(--section-padding-block-min), calc(110 / var(--container) * 100vw), 110rem); background: #f5f5f5 url("/images/content/treatment-cases/bg.jpg") no-repeat 50% / cover;
		.list { display: grid; gap: clamp(30rem, calc(56 / var(--container) * 100vw), 56rem); margin-top: 47rem; counter-reset: index; }
		.title { margin-bottom: 0.72727273em; font: 700 var(--font-size-22) var(--font-sans); }
		.title::before { margin-right: 0.4ch; counter-increment: index; content: counter(index) "."; }
		.description { font: var(--font-size-18) / 1.55555556 var(--font-sans); color: var(--color-gray); }
		.gallery { display: flex; flex-wrap: wrap; gap: 8rem clamp(8rem, calc(25 / var(--container) * 100vw), 25rem); margin-top: 24rem;
			img { width: 100%; height: auto; }
			figcaption { padding: 0.90625em 1ch; font: var(--font-size-16) var(--font-sans); letter-spacing: -0.01em; text-align: center; color: #fff; background: #222; }
		}
	}
	.section-insight { padding-block: clamp(var(--section-padding-block-min), calc(80 / var(--container) * 100vw), 80rem); text-align: center; color: #fff; background: #00305c url("/images/content/mri-insight-bg.webp") no-repeat 50% / cover;
		.eyebrow { font: 600 var(--font-size-18) var(--font-sans); letter-spacing: 0.1em; }
		.heading { display: flex; align-items: center; justify-content: center; gap: 0.9ch; margin-top: 32rem; margin-bottom: 0.75em; font: 700 var(--font-size-40) / 1.5 var(--font-sans); letter-spacing: -0.01em; }
		.heading::before, .heading::after { font-size: 1.5em; translate: 0 -6%; }
		.heading::before { content: "["; }
		.heading::after { content: "]"; }
		.heading-text::before, .heading-text::after { --space: 0.4ch; font: 500 var(--font-size-40) var(--font-gmarket); }
		.heading-text::before { margin-right: var(--space); content: "“"; }
		.heading-text::after { margin-left: var(--space); content: "”"; }
		.description { font: var(--font-size-17-to-14) / 1.58823529 var(--font-sans); text-wrap: balance;
			b { font-weight: 500; }
		}
	}
}

.page-surgery {
	.section-insight { --bg-height: clamp(320rem, calc(752 / var(--container) * 100vw), 752rem);
		&:has(.heading-block) { padding-block: clamp(var(--section-padding-block-min), calc(175 / var(--container) * 100vw), 175rem) clamp(var(--section-padding-block-min), calc(161 / var(--container) * 100vw), 161rem); background: url("/images/content/mri-insight-bg.webp") no-repeat 50% 0 / auto var(--bg-height), linear-gradient(#00305c, #00305c) no-repeat 50% 0 / auto var(--bg-height); }
		&:not(:has(.heading-block)) { padding-block: clamp(var(--section-padding-block-min), calc(86 / var(--container) * 100vw), 86rem); }
		&.mt-0 { margin-top: 0; }
		.heading-block { text-align: center; color: #fff; }
		.eyebrow { font: 600 var(--font-size-18) var(--font-sans); letter-spacing: 0.1em; }
		.heading { display: flex; align-items: center; justify-content: center; gap: 0.9ch; margin-top: 32rem; margin-bottom: 0.75em; font: 700 var(--font-size-40) / 1.5 var(--font-sans); letter-spacing: -0.01em; }
		.heading::before, .heading::after { font-size: 1.5em; translate: 0 -6%; }
		.heading::before { content: "["; }
		.heading::after { content: "]"; }
		.heading-text::before, .heading-text::after { --space: 0.4ch; font: 500 var(--font-size-40) var(--font-gmarket); }
		.heading-text::before { margin-right: var(--space); content: "“"; }
		.heading-text::after { margin-left: var(--space); content: "”"; }
		.overview { font: var(--font-size-18) / 1.5 var(--font-sans); }
		.visual { max-width: min(850rem, 70%); aspect-ratio: 85 / 60; margin: clamp(45rem, calc(63 / var(--container) * 100vw), 63rem) auto 0; background: var(--color-gray) no-repeat 50% / cover;
			&.visual--general { background-image: url("/images/content/insight/visual-general.webp"); }
			&.visual--neurosurgery { background-image: url("/images/content/insight/visual-neurosurgery.webp"); }
			&.visual--orthopedics { background-image: url("/images/content/insight/visual-orthopedics.webp"); }
			&.visual--minimally-invasive { background-image: url("/images/content/insight/visual-minimally-invasive.webp"); }
			&.visual--intervention { background-image: url("/images/content/insight/visual-intervention.webp"); }
		}
		.description { font: var(--font-size-17) / 1.58823529 var(--font-sans); text-wrap: balance;
			b { font-weight: 500; }
		}
		.types-list { display: grid; gap: 15rem 20rem; margin-top: clamp(50rem, calc(100 / var(--container) * 100vw), 100rem); font: 500 var(--font-size-18-to-14) / 1.5 var(--font-sans);
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
			.item { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.1ch; padding: 1.27777778em 1.33333333em; text-wrap: balance; border: 1px solid #e7e7e7; border-left-color: var(--color-orange);
				&::before { width: 1.22222222em; aspect-ratio: 1; background: url("/images/content/ui-check.svg") no-repeat 50% / contain; content: ""; }
			}
		}
		.section-separator { margin-block: clamp(50rem, calc(65 / var(--container) * 100vw), 65rem) clamp(50rem, calc(61 / var(--container) * 100vw), 61rem); }
		.protocol-list {
			& { display: grid; gap: 8rem clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 26rem; font: var(--font-size-16) / 1.625 var(--font-sans); text-align: center; color: var(--color-gray);
				@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
			}
			.item { padding: 1.5em 2ch; border: 1px solid #e5e5e5; }
		}
		.comparison-block { display: grid; grid-template: "before arrow after" 1fr "before empty after" auto / 1fr auto 1fr; align-items: center; gap: 0 clamp(8rem, calc(42 / var(--container) * 100vw), 42rem); margin-top: 37rem; padding: clamp(24rem, calc(39 / var(--container) * 100vw), 39rem) 8rem clamp(24rem, calc(37 / var(--container) * 100vw), 37rem); text-align: center; background: #f8f8f8; border: 1px solid #e7e7e7;
			.card { position: relative; display: grid; grid-template-rows: subgrid; max-width: 400rem; font: 500 var(--font-size-18-to-14) var(--font-sans); text-wrap: balance;
				&.card--before { grid-area: before; justify-self: end; }
				&.card--after { grid-area: after; }
				&::before, &::after { position: absolute; inset: clamp(5rem, calc(10 / var(--container) * 100vw), 10rem) 0 auto; width: fit-content; min-width: 6.07142857em; margin-inline: auto; padding: clamp(4rem, calc(7 / var(--container) * 100vw), 7rem) 1ch; font: 600 var(--font-size-14) var(--font-sans); letter-spacing: -0.01em; color: #fff; border-radius: 5em; }
				&.card--before::before { background: #222; content: "Before"; }
				&.card--after::after { background: var(--color-point); content: "After"; }
			}
			img { display: block; width: 100%; height: auto; }
			figcaption { margin-top: clamp(8rem, calc(27 / var(--container) * 100vw), 27rem); }
			.comparison-arrow { grid-area: arrow; width: clamp(24rem, calc(33 / var(--container) * 100vw), 33rem); width: 1.83333333em; aspect-ratio: 33 / 23; background: url("/images/content/insight/comparison-arrow.svg") no-repeat 50% / contain; }
		}
		.tagline { padding: 1em 1ch 1.16666667em; font: 600 var(--font-size-18-to-14) var(--font-sans); text-align: center; text-wrap: balance; color: #fff; background: #333; }
		.procedure-information-list { display: grid; gap: clamp(16rem, calc(30 / var(--container) * 100vw), 30rem) clamp(8rem, calc(20 / var(--container) * 100vw), 20rem); margin-top: 38rem; font: 600 var(--font-size-18) var(--font-sans); text-align: center; color: #fff;
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
			li { display: grid; grid-template-columns: repeat(2, 1fr); }
			figure { background: #000; }
			.bg-gray { background: #333; }
			img { display: block; width: 100%; height: auto; }
			figcaption { padding: 0.79444444em 1ch; }
		}
		.procedure-guide-list { display: grid; gap: 24rem clamp(16rem, calc(51 / var(--container) * 100vw), 51rem); margin-top: clamp(45rem, calc(109 / var(--container) * 100vw), 109rem); padding: 73rem 94rem 70rem 97rem; padding: clamp(30rem, calc(73 / var(--container) * 100vw), 73rem) clamp(16rem, calc(94 / var(--container) * 100vw), 94rem) clamp(30rem, calc(70 / var(--container) * 100vw), 70rem) clamp(30rem, calc(97 / var(--container) * 100vw), 97rem); border: 1px solid #e7e7e7;
			@media (width >= 768px) { grid-template-columns: 1fr auto 1fr; }
			@media (width >= 1280px) { grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; }
			.procedure-guide-title { position: relative; align-content: center; width: 7.66666667em; max-width: 230rem; aspect-ratio: 1; margin-inline: auto; font: 700 var(--font-size-30) var(--font-sans); text-align: center; color: var(--color-point); background: var(--color-point); border-radius: 50%; isolation: isolate;
				&::before { position: absolute; inset: 0; z-index: -1; width: 82.60869565%; aspect-ratio: 1; margin: auto; background: #fff; border-radius: 50%; box-shadow: 0 0 30rem oklch(44.168% 0.13089 42.955 / 0.3); content: ""; }
			}
			.procedure-guide-description-block { position: relative; min-height: 1lh; margin-top: 1.5625em; font: var(--font-size-16) / 1.5625 var(--font-sans); color: var(--color-gray); }
			.procedure-guide-description { position: absolute; left: 50%; white-space: nowrap; translate: -50%; }
			.procedure-guide-arrow { place-self: center; width: 1.5625em; aspect-ratio: 25 / 24; font: var(--font-size-16) / 1.5625 var(--font-sans); background: url("/images/content/insight/procedure-guide-arrow.svg") no-repeat 50% / contain;
				@media (width >= 768px) { margin-bottom: 2lh; }
				@media (768px <= width < 1280px) {
					&.procedure-guide-arrow--2 { display: none; }
				}
				@media (width < 768px) { rotate: 90deg; }
			}
		}
	}
	.section-major-surgery-items { padding-block: clamp(var(--section-padding-block-min), calc(105 / var(--container) * 100vw), 105rem) clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); background: #f4f4f4 url("/images/content/bg-wallpaper.jpg");
		.list { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: clamp(45rem, calc(50 / var(--container) * 100vw), 50rem); counter-reset: index;
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		}
		.item { position: relative; padding: 77rem 46rem 76rem; padding: clamp(32rem, calc(77 / var(--container) * 100vw), 77rem) clamp(16rem, calc(46 / var(--container) * 100vw), 46rem) clamp(32rem, calc(76 / var(--container) * 100vw), 76rem); background: #fff; border-radius: 10rem; counter-increment: index; }
		.item::before { position: absolute; top: 0.14em; right: 0.4em; font: italic 700 clamp(40rem, calc(100 / var(--container) * 100vw), 100rem) var(--font-mont); color: var(--color-point); opacity: 0.1; content: counter(index, decimal-leading-zero); pointer-events: none; }
		.title-en { font: 500 var(--font-size-15) var(--font-mont); letter-spacing: -0.01em; color: #a7a7a7; }
		.title { margin-block: 1.04em 1.12em; font: 600 var(--font-size-25) var(--font-sans);
			&::before { font-weight: 700; color: var(--color-point); content: counter(index, decimal-leading-zero) ". "; }
		}
		.description { font: var(--font-size-16) / 1.5625 var(--font-sans); text-wrap: balance; }
		.subtitle { margin-top: 1.77777778em; font: 600 var(--font-size-18) var(--font-sans); }
		.features-list { display: grid; gap: 7rem; margin-top: 21rem;
			li { display: grid; grid-template-columns: auto 1fr; }
			li::before { content: "-"; }
		}
		.note { margin-top: 1.1875em; }
		.thr-image { display: block; width: 100%; max-width: 640rem; height: auto; margin-top: 35rem; }
	}
	.section-intro {
		.cards { display: grid; gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem); margin-top: 40rem; text-align: center;
			@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
			@media (width < 768px) { grid-template-columns: repeat(2, 1fr); }
			.card { aspect-ratio: 48 / 60; padding: min(9.79166667%, 47rem) 1ch 20rem; background: linear-gradient(180deg, hsla(0, 0%, 0%, 0.9), #0000), var(--bg-image, none) no-repeat 50% / cover, #000; border-radius: 10rem;
				&.card--1 { --bg-image: url("/images/content/surgery/intro-card-1.webp"); }
				&.card--2 { --bg-image: url("/images/content/surgery/intro-card-2.webp"); }
				&.card--3 { --bg-image: url("/images/content/surgery/intro-card-3.webp"); }
			}
			.eyebrow { font: 700 var(--font-size-18-to-14) var(--font-sans); color: var(--color-point); }
			.title { margin-top: 0.67857143em; font: var(--font-size-28-to-14) / 1.42 var(--font-sans); color: #fff; }
			.title strong { font-weight: 800; font-size: 1.25em; }
		}
		.image-layout { padding-bottom: clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); background: url("/images/content/surgery/intro-bg.webp") no-repeat 50% 0 / cover;
			.container { display: grid; align-items: center; gap: 34rem clamp(8rem, calc(261 / var(--container) * 100vw), 261rem);
				@media (width >= 768px) { grid-template-columns: 809fr 430fr;
					.news-card { justify-self: end; }
				}
			}
			:where(.core, .news) { display: block; width: 100%; height: auto; }
			.core { max-width: 809rem; }
			/* #region swiper */
			.news-card { width: 100%; min-width: 0; max-width: 580rem; padding: clamp(32rem, calc(74 / var(--container) * 100vw), 74rem) clamp(8rem, calc(57 / var(--container) * 100vw), 57rem) clamp(33rem, calc(78 / var(--container) * 100vw), 78rem); background: #fff; border-radius: 15rem; box-shadow: 0 10rem 40rem hsla(0, 0%, 0%, 0.15);
				.card-header { display: flex; align-items: center; justify-content: space-between; gap: 2ch; }
				.card-title { font: 700 var(--font-size-25) var(--font-sans); color: var(--color-point); text-transform: uppercase; }
				.card-control { display: inline-grid; grid-template-columns: repeat(3, auto); align-items: center; margin-right: 1rem; font: 700 var(--font-size-18-to-14) var(--font-sans); color: #aaa; }
				.slash { margin-inline: 0.35ch; }
				.card-nav { position: relative; width: 10rem; aspect-ratio: 10 / 16; background: 0;
					&.card-nav--prev { margin-right: 2.1ch; }
					&.card-nav--next { margin-left: 2.1ch; }
					&.swiper-button-disabled { opacity: 0.4; }
					&::before { position: absolute; top: 50%; width: 12rem; aspect-ratio: 1; border: solid #333; border-width: 2rem 2rem 0 0; translate: -50% -50%; content: ""; }
					&::after { position: absolute; inset: -5rem; content: ""; }
					&.card-nav--prev::before { left: 90%; rotate: -135deg; }
					&.card-nav--next::before { left: 10%; rotate: 45deg; }
				}
				.swiper-pagination-current { display: inline-block; min-width: 1ch; color: #323232; }
				.swiper { width: 100%; margin-top: clamp(24rem, calc(54 / var(--container) * 100vw), 54rem); }
			}
			/* #endregion swiper */
			.news-group { display: grid; gap: clamp(16rem, calc(30 / var(--container) * 100vw), 30rem); padding: clamp(16rem, calc(40 / var(--container) * 100vw), 40rem); background: #fff; border-radius: 15rem; box-shadow: 0 10rem 40rem hsla(0, 0%, 0%, 0.15); }
			/* .news { max-width: 464rem; } */
			.section-intro:has(&) { padding-bottom: 0;
				.cards { padding-bottom: clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); }
			}
		}
	}
	.section-surgical-suite { padding-block: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem) clamp(var(--section-padding-block-min), calc(120 / var(--container) * 100vw), 120rem); color: #fff; background: #00102b url("/images/content/surgery/surgical-suite-bg.webp") no-repeat 50% / cover;
		.list { display: grid; gap: 20rem; margin-top: clamp(40rem, calc(51 / var(--container) * 100vw), 51rem); }
		.media { display: grid; align-items: center; gap: 20rem clamp(8rem, calc(70 / var(--container) * 100vw), 70rem); padding: clamp(16rem, calc(20 / var(--container) * 100vw), 20rem); background: hsla(0, 0%, 100%, 0.1); border-radius: 20rem; backdrop-filter: blur(10px);
			@media (width >= 768px) { grid-template-columns: 600fr 790fr; }
		}
		.photo { display: block; width: 100%; max-width: 600rem; height: auto; }
		.eyebrow { font: 700 var(--font-size-28-to-14) var(--font-sans); color: #2eb8ff; }
		.title { margin-block: 0.42857143em 1.14285714em; font: 700 var(--font-size-35) var(--font-sans); }
		.description { font: 300 var(--font-size-20-to-14) / 1.5 var(--font-sans); }
		.description + .description { margin-top: 1.2em; }
	}
	.section-specialties { padding-top: clamp(var(--section-padding-block-min), calc(109 / var(--container) * 100vw), 109rem);
		.list { display: grid; gap: 30rem clamp(20rem, calc(50 / var(--container) * 100vw), 50rem); margin-top: clamp(40rem, calc(70 / var(--container) * 100vw), 70rem); }
		.item { display: grid; align-items: center; gap: 20rem clamp(8rem, calc(70 / var(--container) * 100vw), 70rem);
			@media (width >= 768px) { grid-template-columns: 45fr 98fr;
				.description { padding-right: 4ch; }
			}
		}
		.photo { display: block; width: 100%; height: auto; border-radius: 15rem; }
		.content { display: grid; grid-template-columns: auto 1fr; align-items: center; justify-items: start; }
		.title { margin-right: 0.57142857em; font: 700 var(--font-size-35) var(--font-sans); }
		.link { display: inline-flex; align-items: center; gap: 0.5em; padding: 0.4375em 1.375em 0.4375em 1.0625em; font: 700 var(--font-size-16) var(--font-sans); color: #fff; background: linear-gradient(#036eb8, #44abf3); border-radius: 5em;
			&::after { display: block; width: 0.5em; aspect-ratio: 1; border: solid currentColor; border-width: 0.0625em 0.0625em 0 0; rotate: 45deg; content: ""; }
		}
		.description { grid-column: 1 / 3; margin-top: 0.85em; padding-top: 1.7em; font: var(--font-size-20-to-14) / 1.5 var(--font-sans); color: #555; border-top: 1px solid #ddd; }
	}
}

.page-radiology {
	#content:has(&) { padding-bottom: 0; }
	.page-top-nav { max-width: 1281rem; margin-block: 39rem 10rem; font: 500 var(--font-size-18-to-14) var(--font-gms); text-align: center;
		.list {
			@media (width >= 768px) { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(8rem, calc(20 / var(--container) * 100vw), 20rem); }
			@media (width < 768px) { display: flex; justify-content: space-between; gap: 4rem; white-space: nowrap;
				li { flex: 1; }
			}
		}
		.link { display: block; padding: clamp(12rem, calc(24 / var(--container) * 100vw), 24rem) 1ch clamp(8rem, calc(21 / var(--container) * 100vw), 21rem); border-radius: 5em;
			&:not(.is-current) { color: #b7b7b7; background: #f5f5f5; }
			&.is-current { color: #fff; background: linear-gradient(90deg, var(--color-orange), var(--color-point)); box-shadow: 0 0 1.11111111em 0.55555556em rgb(from var(--color-orange) r g b / 0.25); }
		}
	}
}

.page-specialized-care {
	.section-intro { padding-bottom: 0; }
	.section-specialty-care-guide { padding-top: clamp(var(--section-padding-block-min), calc(118 / var(--container) * 100vw), 118rem);
		.heading { font: 700 var(--font-size-42) var(--font-gms); }
		.page-top-nav { margin-top: 40rem; font: 500 var(--font-size-18-to-14) var(--font-gms); text-align: center;
			.list { display: grid;
				@media (width >= 768px) { grid-template-columns: repeat(6, 1fr); gap: 15rem clamp(8rem, calc(17 / var(--container) * 100vw), 17rem); }
				@media (width < 768px) { grid-template-columns: repeat(3, 1fr); gap: 8rem; }
			}
			.link { display: block; padding: clamp(12rem, calc(24 / var(--container) * 100vw), 24rem) 1ch clamp(8rem, calc(21 / var(--container) * 100vw), 21rem); border-radius: 5em;
				&:not(.is-current) { color: #b7b7b7; background: #f5f5f5; }
				&.is-current { color: #fff; background: linear-gradient(90deg, #ffb133, #ff9101); }
			}
		}
		.content { display: grid; align-items: center; gap: 40rem clamp(8rem, calc(40 / var(--container) * 100vw), 40rem); margin-top: clamp(var(--section-padding-block-min), calc(100 / var(--container) * 100vw), 100rem);
			mark { background: #fffca9; }
			@media (width >= 768px) {
				/* grid-template-columns: 1fr 46.66666667%; */ grid-template-columns: 1fr 1fr;
			}
		}
		.content.st1 {
			@media (width >= 768px) {
				/* grid-template-columns: 1fr 46.66666667%; */ grid-template-columns: 1fr;
			}
		}
		.eyebrow { width: fit-content; padding: 0.66666667em 1.44444444em; font: 600 var(--font-size-18-to-14) var(--font-sans); color: #fff; background: var(--color-point); border-radius: 5em; }
		.title { margin-top: 0.92105263em; font: 700 var(--font-size-38) / 1.26315789 var(--font-sans); letter-spacing: -0.015em; }
		.description { margin-top: calc(var(--font-size-38) * 0.97368421); font: var(--font-size-18-to-14) / 1.55555556 var(--font-sans); color: var(--color-gray); }

		.swiper { width: 100%; min-width: 0; max-width: 700rem; background: var(--color-gray); border-radius: 20rem; }
		.slide-image { display: block; width: 100%; height: auto; }
	}
}

.page-ophtha-dentistry {
	.tablist { display: grid; margin-top: 39rem; font: 500 clamp(12rem, calc(18 / var(--container) * 100vw), 18rem) var(--font-gms); text-align: center;
		@media (width >= 768px) { grid-template-columns: repeat(6, 1fr); gap: 15rem clamp(8rem, calc(17 / var(--container) * 100vw), 17rem); }
		@media (width < 768px) { grid-template-columns: repeat(3, 1fr); gap: 8rem; }
		.tab { display: block; padding: clamp(12rem, calc(24 / var(--container) * 100vw), 24rem) 1ch clamp(8rem, calc(21 / var(--container) * 100vw), 21rem); font: inherit; border-radius: 5em; cursor: pointer;
			&:not(.is-selected) { color: #b7b7b7; background: #f5f5f5; }
			&.is-selected { color: #fff; background: linear-gradient(90deg, #ffb133, #ff9101); }
		}
	}
	.page-top-separator { margin-block: 60rem clamp(var(--section-padding-block-min), calc(100 / var(--container) * 100vw), 100rem); }
	.section-intro { padding-bottom: 0; }
	.section-introduction { --bg-height: clamp(293rem, calc(607 / var(--container) * 100vw), 607rem); contain: content; padding-top: clamp(var(--section-padding-block-min), calc(126 / var(--container) * 100vw), 126rem); background: url("/images/content/mri-insight-bg.webp") no-repeat 50% 0 / auto var(--bg-height), linear-gradient(#00305c, #00305c) no-repeat 50% 0 / auto var(--bg-height);
		.heading-block { text-align: center; color: #fff; }
		.eyebrow { font: 600 var(--font-size-18) var(--font-sans); letter-spacing: 0.1em; }
		.heading { display: flex; align-items: center; justify-content: center; gap: 0.9ch; margin-top: 0.71111111em; margin-bottom: 0.75em; font: 700 var(--font-size-45) / 1.5 var(--font-sans); letter-spacing: -0.01em; }
		.heading::before, .heading::after { font-size: 1.33333333em; translate: 0 -6%; }
		.heading::before { content: "["; }
		.heading::after { content: "]"; }
		.heading-text::before, .heading-text::after { --space: 0.4ch; font: 500 var(--font-size-45) var(--font-gmarket); }
		.heading-text::before { margin-right: var(--space); content: "“"; }
		.heading-text::after { margin-left: var(--space); content: "”"; }
		.visual { position: relative; max-width: min(850rem, 70%); aspect-ratio: 85 / 55; margin: clamp(45rem, calc(63 / var(--container) * 100vw), 63rem) auto 0;
			&::before { position: absolute; bottom: 23.3%; left: -3.72ch; font: 700 clamp(16rem, calc(90 / var(--container) * 100vw), 90rem) / 1 var(--font-gms); white-space: nowrap; color: #000; translate: 0 50%; opacity: 0.05; content: "Re:born ANIMAL MEDICAL CENTER"; user-select: none; }
			&::after { position: absolute; inset: 0; background: var(--color-gray) url("/images/content/ophtha-dentistry/introduction-visual-new.webp") no-repeat 50% / cover; content: ""; }
		}
		.description { --color-green: #13994c; margin-top: clamp(45rem, calc(72 / var(--container) * 100vw), 72rem); font: var(--font-size-18-to-14) / 1.77777778 var(--font-sans); text-align: center; text-wrap: balance; color: var(--color-gray);
			b { font-weight: 500; }
		}
	}
	.section-disease-information {
		.heading-block { padding-top: clamp(var(--section-padding-block-min), calc(111 / var(--container) * 100vw), 111rem); padding-bottom: clamp(var(--section-padding-block-min), calc(111 / var(--container) * 100vw), 111rem);
			@media (width >= 1280px) { padding-top: clamp(0px, calc(105 / var(--container) * 100vw), 105rem); }
			.heading { position: relative; width: fit-content; font: 500 var(--font-size-28) / 1.42857143 var(--font-gms);
				&::after { position: absolute; right: 0; bottom: 0; width: clamp(2rem, 0.28571429em, 8rem); aspect-ratio: 1; background: var(--color-point); border-radius: 50%; translate: 0.93ch -0.56ch; content: ""; }
			}
			.overview { margin-top: 0.88888889em; font: var(--font-size-18-to-14) / 1.55555556 var(--font-sans); letter-spacing: -0.01em; color: var(--color-gray); }
		}
		.link-list { position: sticky; z-index: 2; gap: clamp(8rem, calc(13 / var(--container) * 100vw), 13rem); margin-top: 28rem;
			@media (width >= 768px) { top: 5px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(155rem, 40%), 1fr)); }
			@media (width < 768px) { top: 0; display: flex; width: 100%; overflow: scroll clip; padding: 10rem; background: #fff; }
			.link { display: block; padding: 1.22222222em 1ch 1em; font: 500 var(--font-size-18-to-14) var(--font-gms); text-align: center; color: #fff; background: #2a221f; border-radius: 5rem; }
		}
		.info-block { position: relative; z-index: 1; margin-top: clamp(var(--section-padding-block-min), calc(110 / var(--container) * 100vw), 110rem);
			@media (width >= 768px) { display: grid; grid-template-columns: 50% 50%; gap: 0 clamp(8rem, calc(50 / var(--container) * 100vw), 50rem); }
			@media (width >= 1280px) { grid-template-columns: 50% 1fr; }
			.image-block { position: relative; background: #f9f9f9; border-radius: 10rem;
				@media (width >= 768px) { order: 2; }
			}
			.image-group { position: sticky; top: 80rem; right: 0; z-index: 10; align-content: center; aspect-ratio: 550 / 400; background: #fff; border-radius: 10rem;
				@media (width >= 768px) {
					&::before { position: absolute; inset: 0; background: url("/images/content/ophtha-dentistry/major-eye-conditions-gray.svg") no-repeat 50% / contain; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, var(--position-1) 0, var(--position-1) 100%, var(--position-2) 100%, var(--position-2) 0); content: ""; pointer-events: none; }
					&[data-hash="cataract"]::before { --position-1: 9%; --position-2: 18%; }
					&[data-hash="glaucoma"]::before { --position-1: 19%; --position-2: 28%; }
					&[data-hash="conjunctivitis"]::before { --position-1: 29%; --position-2: 38%; }
					&[data-hash="corneal-ulcer"]::before { --position-1: 39%; --position-2: 48%; }
					&[data-hash="dry-eye-syndrome"]::before { --position-1: 49%; --position-2: 58%; }
					&[data-hash="uveitis"]::before { --position-1: 59%; --position-2: 68%; }
					&[data-hash="retinal-detachment"]::before { --position-1: 69%; --position-2: 78%; }
					&[data-hash="entropion"]::before { --position-1: 79%; --position-2: 88%; }
					&[data-hash="cherry-eye"]::before { --position-1: 89%; --position-2: 98%; }
				}
			}
			.comp-image { display: block; width: 100%; height: auto; }
			.vivid-image { position: absolute; top: 50%; translate: 0 -50%; }
			.sub-section { scroll-margin-top: 90rem; }
			.intro { display: flex; padding: calc(var(--font-size-30) * 0.97368421) 20rem calc(var(--font-size-30) * 0.97368421); background: #f5f5f5;
				&.noImg { display: block; }
				.txt { width: 50%; padding-right: 20rem; }
				.img { display: flex; justify-content: flex-end; width: 50%;
					img { display: block; width: 100%; }
				}
				&.noImg .txt { width: 100%; padding-right: 0; }
				@media (max-width: 480px) { display: block; padding: calc(var(--font-size-30) * 0.97368421) 15rem calc(var(--font-size-30) * 0.97368421);
					.txt { width: 100%; padding-right: 0; }
					.img { width: 100%; margin-top: 20rem; background: #000;
						img { width: 70%; margin: auto; }
					}
				}
			}
			.heading { margin-bottom: 1.04166667em; font: 500 var(--font-size-24) var(--font-gms); }
			.detail { padding: 0 clamp(15rem, calc(20 / var(--container) * 100vw), 20rem); }
			.sub-heading { margin-block: 2em 0.72222222em; font: 500 var(--font-size-18) / 1.5 var(--font-sans); text-decoration: underline; text-underline-offset: 0.22222222em; }
			.description { font: var(--font-size-18-to-14) / 1.5 var(--font-sans); color: var(--color-gray); }
			.list { display: grid; gap: 0.44444444em; }
			.item { display: grid; grid-template-columns: auto 1fr; gap: 0.4ch; }
			.item::before { content: "-"; }
			.section-separator { margin-block: 45rem 49rem; }
		}
	}
	.section-clinic-guide { padding-bottom: 0;
		.section-heading-block + .sub-section { margin-top: clamp(var(--section-padding-block-min), calc(116 / var(--container) * 100vw), 116rem); }
		.list { display: grid; gap: 25rem 21rem; margin-top: 36rem;
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
		}
		.item { display: grid; grid-template-rows: auto 1fr; padding: 1px 1px 1px 0; background: #e5e5e5; border-left: 1px solid var(--color-orange); }
		.title { display: flex; align-items: center; gap: 1.1ch; padding: clamp(16rem, calc(26 / var(--container) * 100vw), 26rem) clamp(16rem, calc(24 / var(--container) * 100vw), 24rem); font: 500 var(--font-size-18) var(--font-sans); background: #f5f5f5; }
		.title::before { display: block; width: 22rem; aspect-ratio: 1; background: url("/images/content/ui-check.svg") no-repeat 50% / contain; content: ""; }
		.description { padding: clamp(16rem, calc(25 / var(--container) * 100vw), 25rem) clamp(16rem, calc(24 / var(--container) * 100vw), 24rem); font: var(--font-size-16) / 1.5625 var(--font-sans); letter-spacing: -0.01em; background: #fff; }
	}
	.section-emergency-situation { padding-bottom: 0;
		.types-list { margin-top: clamp(var(--section-padding-block-min), calc(100 / var(--container) * 100vw), 100rem); }
		.tel-cta { display: block; width: fit-content; margin: clamp(45rem, calc(75 / var(--container) * 100vw), 75rem) auto 0; padding: 1.86666667em 4.93333333em 1.66666667em; font: 500 var(--font-size-15) var(--font-gms); letter-spacing: -0.01em; color: #fff; background: var(--color-point); border-radius: 5em; }
	}
	.section-preventive-management {
		.cardiology-list { margin-top: clamp(45rem, calc(63 / var(--container) * 100vw), 63rem); }
	}
	.section-treatment-cases {
		.before-after-list { display: grid; gap: clamp(30rem, calc(60 / var(--container) * 100vw), 60rem) clamp(8rem, calc(60 / var(--container) * 100vw), 60rem); margin-top: clamp(45rem, calc(60 / var(--container) * 100vw), 60rem);
			@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
			.title { min-height: 48px; margin-bottom: 8px; font: 600 var(--font-size-20) var(--font-sans); }
			.title::before { content: "[ "; }
			.title::after { content: " ]"; }
			.image-block { position: relative;
				&::before { position: absolute; inset: 0 auto 0 calc(var(--value, 50) * 1% + -1px); z-index: 1; border-left: 1px solid oklch(100% 0.00011 271.152 / 0.6); content: ""; pointer-events: none; }
				&::after { position: absolute; top: 50%; left: calc(var(--value, 50) * 1%); z-index: 2; width: 45rem; aspect-ratio: 1; background: url("/images/content/ophtha-dentistry-treatment-cases/slider.png") no-repeat 50% / contain; border-radius: 50%; box-shadow: 0 0 10rem oklch(0% 0 0 / 0.15); translate: -50% -50%; content: ""; pointer-events: none; }
			}
			.image { display: block; width: 100%; height: auto; user-select: none; }
			.image--after { position: absolute; inset: 0 0 auto; clip-path: inset(0 0 0 calc(var(--value, 50) * 1%)); }
			.slider { position: absolute; inset: 0 0 auto; aspect-ratio: 72 / 48; background: 0; appearance: none; cursor: grab;
				&:active { cursor: grabbing; }
				&::-webkit-slider-thumb { width: 45rem; appearance: none; }
			}
			.label-block { min-height: 3.05555556em; contain: content; padding-block: 0.91666667em; font: 600 var(--font-size-18-to-14) var(--font-mont); color: #fff; text-transform: uppercase; background: #222; user-select: none; }
			.label { position: absolute; inset: 0; align-content: center; width: 50%; overflow: clip; text-align: center; }
			.label--before { width: calc(var(--value, 50) * 1%); margin-right: auto; background: #222; }
			.label--after { width: calc((100 - var(--value, 50)) * 1%); margin-left: auto; background: var(--color-point); }
		}
	}
	.section-detailed-retinal-examination { padding-bottom: 0;
		.core-list { margin-top: 0; }
	}
}

.page-faq {
	.tab_button { display: flex; gap: 16px; width: 100%; margin-top: 24px; }
	.tab_button > li > a { display: block; padding: clamp(12rem, calc(24 / var(--container) * 100vw), 24rem) 2ch clamp(8rem, calc(21 / var(--container) * 100vw), 21rem); border: 1px solid #b6b6b6; border-radius: 12px; }
	.tab_button > li.on a { color: white; background: linear-gradient(90deg, var(--color-orange), var(--color-point)); border: none; }
}

/* #region 05_specialized/sub01.html */
.col2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20rem; margin-top: 50rem; }
.col2 div span { display: flex; flex-grow: 1; align-items: center; justify-content: center; width: 100%; padding: 20rem 0; font-weight: 600; font-size: var(--font18); color: #fff; }
.col2 div:nth-child(1) span { background: #004878; }
.col2 div:nth-child(2) span { background: #890202; }
.col2 div .description { align-items: center; justify-content: center; margin-top: 20rem; text-align: center; }
.description_time { margin-top: 0 !important; padding: calc(var(--font-size-38) * 0.97368421) 10rem calc(var(--font-size-38) * 0.97368421); font: var(--font-size-18-to-14) / 1.55555556 var(--font-sans); color: var(--color-gray); border: 1px solid #e5e5e5; border-top: 0; }
.description_time b { color: #111; }
.description.schedule { margin-top: 20rem; padding: calc(var(--font-size-38) * 0.97368421) 10rem calc(var(--font-size-38) * 0.97368421); text-align: center; background: #f5f5f5; }
.description .link { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.8em; min-width: 12em; margin-block: 1em; padding: 1em; letter-spacing: -0.01em; color: #fff; background: linear-gradient(45deg, var(--color-blue), #44abf3); border-radius: 5em; transition: all 0.4s; }
.description .link img { display: block; height: 22rem; }
.description .link:hover { box-shadow: 5rem 10rem 30rem rgba(3, 110, 184, 0.5); }
.text-block .description img { display: none; }
/* #endregion 05_specialized/sub01.html */

/* #region 06_ophthalmology/sub01.html#disease-information */
.image-display { position: sticky; top: 600rem; display: flex; width: 100%; height: 340rem; overflow: hidden; border-radius: 10rem; }
.image-display .image-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 768px) {
	.col2 { grid-template-columns: 1fr; gap: 15rem; }
	.text-block .description img { display: block; width: 100%; height: auto; }
	.image-display { display: none; }
	.image-display img { display: none; }
}
/* #endregion 06_ophthalmology/sub01.html#disease-information */